MCPcopy Index your code
hub / github.com/LuisMPS/build-ui

github.com/LuisMPS/build-ui @main

Chat with this repo
repository ↗ · DeepWiki ↗ · + Follow
514 symbols 1,486 edges 288 files 0 documented · 0%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

Build-UI for React JS

Build-UI is a simple library thought for React developers packed with features that allow them to effortlessly create website builders. It comes with drag and drop functionality, undo-redo logic, site serialization and deserialization along with some other interesting tools out of the box. Because of the way it is built, it also supports other features such as SSR and component dynamic loading without you having to worry about their implementations.

Overview 🔎

With Build-UI, you can create anything from a very simple to a fully-featured website builder. Build-UI lets you create your website builder on top of your own or third-party React Components. With Build-UI, you only need a lightweight extra layer of code to handle website-building logic, which is made as simple and as transparent as possible.

Installation 💻

You can install via npm with the command:

npm install --save build-ui

Demo 🕹️

A cool demo is now live at https://luismps.github.io/build-ui/demo/. You can also play and experiment with the demo in your local environment.

> git clone https://github.com/LuisMPS/build-ui/
> cd build-ui/examples/demo
> npm install
> npm run dev

Documentation 📖

Visit our documentation at https://luismps.github.io/build-ui/ to learn more about Build UI 😃.

Tutorial ✏️

Go check out our tutorial at: https://luismps.github.io/build-ui/docs/tutorials/how-to-read

Core symbols most depended-on inside this repo

item
called by 74
packages/build-ui/src/utils/tree.js
useActions
called by 64
packages/build-ui/src/hooks/useActions.js
branch
called by 54
packages/build-ui/src/utils/tree.js
combineStyles
called by 37
examples/demo/src/styles/combine.js
abort
called by 35
packages/build-ui/src/history/utils/timer.js
plainBranch
called by 33
packages/build-ui/src/utils/tree.js
with_child
called by 27
packages/build-ui/src/utils/tree.js
useCollector
called by 27
packages/build-ui/src/hooks/collectors/useCollector.js

Shape

Function 480
Method 25
Class 9

Languages

TypeScript100%

Modules by API surface

packages/build-ui/src/hooks/useActions.js75 symbols
packages/build-ui/src/utils/tree.js21 symbols
packages/build-ui/src/history/utils/timer.js21 symbols
packages/build-ui/src/selectors/tree.js20 symbols
packages/build-ui/src/components/DnDEvents.js20 symbols
packages/build-ui/src/hooks/dnd/useNodeDnD.js14 symbols
examples/demo/src/hooks/useDemoEditor.js14 symbols
packages/build-ui/src/hooks/collectors/useMultiCollector.js13 symbols
packages/build-ui/src/utils/object.js9 symbols
packages/build-ui/src/hooks/collectors/useCollector.js9 symbols
packages/build-ui/src/hooks/useComposed.js8 symbols
packages/build-ui/src/history/selectors/version.js8 symbols

For agents

$ claude mcp add build-ui \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact