https://github.com/luismps/build-ui

Code your own site builders with React
https://github.com/luismps/build-ui

customizable drag-and-drop page-builder page-editor react touchscreen website-builders website-editor

Last synced: 3 days ago
JSON representation

Code your own site builders with React

• Host: GitHub
• URL: https://github.com/luismps/build-ui
• Owner: LuisMPS
• License: mit
• Created: 2021-04-23T20:55:48.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-11-30T11:37:18.000Z (about 2 years ago)
• Last Synced: 2025-01-08T05:27:47.350Z (10 days ago)
• Topics: customizable, drag-and-drop, page-builder, page-editor, react, touchscreen, website-builders, website-editor
• Language: JavaScript
• Homepage: https://luismps.github.io/build-ui/
• Size: 12.4 MB
• Stars: 178
• Watchers: 8
• Forks: 31
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md
  • Codeowners: .github/CODEOWNERS

Awesome Lists containing this project

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.

```shell

> 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/](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