The UI Builder for ReactJS based on MUI.
Features
- Simple API
- Data Binding
- Multiple Layouts
- Responsive View
- Accurate Positioning of Widgets
Upcoming
- Column Layout
- Data Validations
- Edit options like Cut, Copy & Paste of Widgets
- History (Undo & Redo)
[!NOTE] This is mean't to be rendered on sites using Material UI.
[!TIP] You can easily port the renderer to any other UI library, like, Tailwindcss, Chakra UI, etc.
Installation
npm install @tharavugal/ui-builder
yarn add @tharavugal/ui-builder
pnpm add @tharavugal/ui-builder
bun add @tharavugal/ui-builder
Usage
import { Builder } from "@tharavugal/ui-builder";
export default function App() {
const handleSave = (value) => {
console.log(value);
};
return (
<Builder code={null} data="{}" onSave={handleSave} />
);
}
License
Copyright (c) Thanga Ganapathy (MIT License).