@tharavugal/ui-builder
TypeScript icon, indicating that this package has built-in type declarations

0.3.0 • Public • Published

UI Builder

"Demo"

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

Readme

Keywords

Package Sidebar

Install

npm i @tharavugal/ui-builder

Weekly Downloads

1

Version

0.3.0

License

MIT

Unpacked Size

26.3 kB

Total Files

5

Last publish

Collaborators

  • ganapathy