Craftify Builder

Demo / Playground ·  Scoppy9201.com ·  GitHub

Introduction

Craftify Builder is a free and open-source UI builder for developers. Build interfaces faster than ever with clean JSON or HTML output that works seamlessly across platforms and devices.

Build simple layouts to complex systems

Use a no-code builder that is flexible enough to create a wide variety of designs – from simple layouts to complex systems.

Why?

It's time to move beyond outdated UI building approaches.

Craftify Builder provides a modern solution with:

• Drag & drop builder
• Component-based architecture
• Clean JSON structure

This allows both developers and non-technical users to build faster and collaborate better.

Built-in blocks

Each block is modular and extendable:

• Text
• Input
• Button
• Container
• Divider
• Heading
• Image
• Spacer
• Custom block

Platform support

All blocks are optimized for:

• Desktop
• Mobile
• Tablet

---

Builder Output

Craftify Builder can export:

• JSON structure
• HTML output
• API-ready data

Using Craftify Builder

Install the package:

npm install craftify-builder

Example configuration:

const CONFIGURATION = {
  root: {
    type: 'Layout',
    children: ['block-1'],
  },
  'block-1': {
    type: 'Text',
    content: 'Hello Craftify ',
  },
};

Render:

import { render } from 'craftify-builder';

const html = render(CONFIGURATION);

---

Self hosting

git clone https://github.com/scoppy9201/Craftify.git
cd FormKit
npm install
npm run dev

---

Contributing

Feel free to fork and submit pull requests.

---

License

AGPLv3 License.

---

Made with ❤️ by Craftify