1.2.108 • Published 8 months ago

@chaibuilder/sdk v1.2.108

Weekly downloads
-
License
BSD-3-Clause
Repository
github
Last release
8 months ago

Chai Builder - Open Source Tailwind Builder

Chai Builder is an Open Source Low Code React + Tailwind CSS Visual Builder. It allows you to create web pages visually by dragging and dropping elements onto the canvas. It is a simple React component that renders a full-fledged visual builder into any React application.

View Demo

Documentation

API References

Manual installation:

Step 1: Install the packages

npm install @chaibuilder/sdk

Step 2: Add a custom tailwind config. Create a new file: tailwind.chaibuilder.config.ts. Pass the path to your source files.

import { getChaiBuilderTailwindConfig } from "@chaibuilder/sdk/tailwind";
export default getChaiBuilderTailwindConfig(["./src/**/*.{js,ts,jsx,tsx}"]);

Step 3: Create a new chaibuilder.tailwind.css

@config "./tailwind.chaibuilder.config.ts";

@tailwind base;
@tailwind components;
@tailwind utilities;

Step 4: Add the builder to your page.

import "./chaibuilder.tailwind.css";
import "@chaibuilder/sdk/styles";
import {loadWebBlocks} from "@chaibuilder/sdk/web-blocks";
import { ChaiBuilderEditor } from "@chaibuilder/sdk";

loadWebBlocks();

const BuilderFullPage = () => {
  return  (
      <ChaiBuilderEditor
          blocks={[{_type: 'Heading', _id: 'a', content: 'This is a heading', styles: '#styles:,text-3xl font-bold'}]}
          onSave={async ({ blocks, providers, brandingOptions } ) => {
            console.log(blocks, providers, brandingOptions );
            return true
          }}
      />
  );
}

Render the blocks on your page.

export default () => {
    return <RenderChaiBlocks blocks={blocks}/>
}

Support

If you like the project, you can assist us in expanding. ChaiBuilder is a collaborative endeavor crafted by developers in their free time. We value every contribution, no matter how modest, as each one represents a significant step forward in various ways, particularly in fueling our drive to enhance this tool continually.

Acknowledgments

Chai Builder stands on the shoulders of many open-source libraries and tools. We extend our gratitude to the developers and maintainers of these projects for their contributions.

@bobthered/tailwindcss-palette-generator@chaibuilder/runtime@floating-ui/dom@floating-ui/react-dom@mhsdesign/jit-browser-tailwindcss@monaco-editor/react@radix-ui/react-accordion@radix-ui/react-alert-dialog@radix-ui/react-context-menu@radix-ui/react-dialog@radix-ui/react-dropdown-menu@radix-ui/react-hover-card@radix-ui/react-icons@radix-ui/react-label@radix-ui/react-menubar@radix-ui/react-navigation-menu@radix-ui/react-popover@radix-ui/react-scroll-area@radix-ui/react-select@radix-ui/react-separator@radix-ui/react-slot@radix-ui/react-switch@radix-ui/react-tabs@radix-ui/react-toast@radix-ui/react-toggle@radix-ui/react-tooltip@react-email/components@react-email/render@react-hookz/web@rjsf/core@rjsf/utils@rjsf/validator-ajv8@tailwindcss/aspect-ratio@tailwindcss/forms@tailwindcss/line-clamp@tailwindcss/typographyclass-variance-authorityclsxcmdkflaggedframer-motionfuse.jshimalayai18nextjotailodashlodash-eslucide-reactre-resizablereactreact-arboristreact-autosuggestreact-colorfulreact-domreact-emailreact-error-boundaryreact-event-hookreact-hotkeys-hookreact-i18nextreact-iconsreact-icons-pickerreact-json-view-litereact-quillreact-wrap-balancertailwind-mergetree-modelundo-managerunsplash-js
@everything-registry/sub-chunk-164@chaibuilder/ai@chaibuilder/forge@chaibuilder/local
1.2.10-7.beta.1

8 months ago

1.2.107

8 months ago

1.2.10-7.beta.2

8 months ago

1.2.10-7.beta.3

8 months ago

1.2.10-7.beta.4

8 months ago

1.2.108

8 months ago

1.2.106

8 months ago

1.2.105

8 months ago

1.2.104

8 months ago

1.2.103

8 months ago

1.2.101

8 months ago

1.2.102

8 months ago

1.2.100

8 months ago

1.2.82

9 months ago

1.2.86

9 months ago

1.2.83

9 months ago

1.2.84

9 months ago

1.2.89

9 months ago

1.2.87

9 months ago

1.2.88

9 months ago

1.2.92

8 months ago

1.2.93

8 months ago

1.2.90

8 months ago

1.2.91

8 months ago

1.2.96

8 months ago

1.2.97

8 months ago

1.2.94

8 months ago

1.2.95

8 months ago

1.2.98

8 months ago

1.2.99

8 months ago

1.2.93-beta.1

8 months ago

1.2.93-beta.2

8 months ago

1.2.81

9 months ago

1.2.80

9 months ago

1.2.60

10 months ago

1.2.63

9 months ago

1.2.64

9 months ago

1.2.61

10 months ago

1.2.62

9 months ago

1.2.67

9 months ago

1.2.68

9 months ago

1.2.65

9 months ago

1.2.66

9 months ago

1.2.69

9 months ago

1.2.70

9 months ago

1.2.71

9 months ago

1.2.74

9 months ago

1.2.75

9 months ago

1.2.72

9 months ago

1.2.73

9 months ago

1.2.78

9 months ago

1.2.79

9 months ago

1.2.76

9 months ago

1.2.77

9 months ago

1.2.58

10 months ago

1.2.59

10 months ago

1.2.0

1 year ago

1.2.8

1 year ago

1.2.7

1 year ago

1.2.6

1 year ago

1.2.5

1 year ago

1.2.4

1 year ago

1.2.3

1 year ago

1.2.2

1 year ago

1.2.1

1 year ago

1.2.12

12 months ago

1.2.13

12 months ago

1.2.10

1 year ago

1.2.11

12 months ago

1.2.16

12 months ago

1.2.17

12 months ago

1.2.14

12 months ago

1.2.15

12 months ago

1.1.18

1 year ago

1.2.9

1 year ago

1.2.41

10 months ago

1.2.42

10 months ago

1.2.40

10 months ago

1.2.45

10 months ago

1.2.46

10 months ago

1.2.43

10 months ago

1.2.44

10 months ago

1.2.49

10 months ago

1.2.47

10 months ago

1.2.48

10 months ago

1.2.52

10 months ago

1.2.53

10 months ago

1.2.50

10 months ago

1.2.51

10 months ago

1.2.56

10 months ago

1.2.57

10 months ago

1.2.55

10 months ago

1.2.18

12 months ago

1.2.19

12 months ago

1.2.20

12 months ago

1.2.23

12 months ago

1.2.24

12 months ago

1.2.21

12 months ago

1.2.22

12 months ago

1.2.27

11 months ago

1.2.28

11 months ago

1.2.25

11 months ago

1.2.26

11 months ago

1.2.29

11 months ago

1.2.30

11 months ago

1.2.31

11 months ago

1.2.34

11 months ago

1.2.35

11 months ago

1.2.32

11 months ago

1.2.33

11 months ago

1.2.38

11 months ago

1.2.39

10 months ago

1.2.36

11 months ago

1.2.37

11 months ago

1.1.16

1 year ago

1.1.17

1 year ago

1.1.15

1 year ago

1.1.14

1 year ago

1.1.13

1 year ago

1.1.12

1 year ago

1.1.11

1 year ago

1.1.10

1 year ago

1.1.9

1 year ago

1.1.8

1 year ago

1.1.7

1 year ago

1.1.6

1 year ago

1.1.5

1 year ago

1.1.4

1 year ago

1.1.3

1 year ago

1.1.1

1 year ago

1.1.2

1 year ago

1.1.0

1 year ago

1.0.24

1 year ago

1.0.23

1 year ago

1.0.22

1 year ago

1.0.19

1 year ago

1.0.21

1 year ago

1.0.20

1 year ago

1.0.18

1 year ago

1.0.17

1 year ago

1.0.16

1 year ago

1.0.11

1 year ago

1.0.10

1 year ago

1.0.15

1 year ago

1.0.14

1 year ago

1.0.13

1 year ago

1.0.12

1 year ago

1.0.9

1 year ago

1.0.8

1 year ago

1.0.7

1 year ago

1.0.2

1 year ago

1.0.1

1 year ago

1.0.0

1 year ago

1.0.6

1 year ago

1.0.5

1 year ago

1.0.4

1 year ago

1.0.3

1 year ago

0.1.31

1 year ago

0.1.32

1 year ago

0.1.30

1 year ago

0.1.27

1 year ago

0.1.28

1 year ago

0.1.29

1 year ago

0.1.20

2 years ago

0.1.21

2 years ago

0.1.22

2 years ago

0.1.23

2 years ago

0.1.24

2 years ago

0.1.25

2 years ago

0.1.26

2 years ago

0.1.18

2 years ago

0.1.19

2 years ago

0.1.10

2 years ago

0.1.11

2 years ago

0.1.12

2 years ago

0.1.13

2 years ago

0.1.14

2 years ago

0.1.15

2 years ago

0.1.16

2 years ago

0.1.17

2 years ago

0.1.9

2 years ago

0.1.8

2 years ago

0.1.7

2 years ago

0.1.6

2 years ago

0.1.5

2 years ago

0.1.4

2 years ago

0.1.3

2 years ago

0.1.2

2 years ago

0.1.1

2 years ago

0.1.0

2 years ago