@tharavugal/ui-builder

UI Builder

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).