# illa-builder
> Help every Developer as fast as to build Business Tools
Latest version **4.4.13** (published 2024-05-04) · Apache-2.0 license · 0 weekly downloads
## Install
```sh
npm install illa-builder
pnpm add illa-builder
yarn add illa-builder
bun add illa-builder
```
## Health
**Score 30/100 (F)** — status: abandoned.
Positive: no vulnerabilities; popular repo.
Warnings: low downloads; no types; no esm support; large bundle.
Negative: abandoned.
## Facts
| | |
|---|---|
| Version | 4.4.13 |
| Published | 2024-05-04 |
| First published | 2024-05-04 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 130 |
| Unpacked size | 11.3 MB |
| Known vulnerabilities | 0 (+3 in 3 direct dependencies) |
| Install scripts | no |
| GitHub stars | 12314 |
| Author | ILLA Cloud |
| Maintainers | act21_products |
## Links
- npm: https://www.npmjs.com/package/illa-builder
- Repository: https://github.com/illacloud/illa-builder
- Homepage: https://github.com/illacloud/illa-builder#readme
- Issues: https://github.com/illacloud/illa-builder/issues
- npm.io page: https://npm.io/package/illa-builder
## Dependencies (130)
- [qs](https://npm.io/package/qs.md) ^6.11.2
- [tern](https://npm.io/package/tern.md) ^0.24.3
- [uuid](https://npm.io/package/uuid.md) ^8.3.2
- [xlsx](https://npm.io/package/xlsx.md) https://cdn.sheetjs.com/xlsx-0.20.0/xlsx-0.20.0.tgz
- [axios](https://npm.io/package/axios.md) ^1.6.2
- [dayjs](https://npm.io/package/dayjs.md) ^1.11.10
- [klona](https://npm.io/package/klona.md) ^2.0.6
- [fflate](https://npm.io/package/fflate.md) ^0.8.1
- [numbro](https://npm.io/package/numbro.md) ^2.4.0
- [fuse.js](https://npm.io/package/fuse.js.md) ^6.6.2
- [i18next](https://npm.io/package/i18next.md) ^23.7.6
- [chart.js](https://npm.io/package/chart.js.md) ^3.9.1
- [toposort](https://npm.io/package/toposort.md) ^2.0.2
- [chroma-js](https://npm.io/package/chroma-js.md) ^2.4.2
- [deep-diff](https://npm.io/package/deep-diff.md) ^1.0.2
- [lodash-es](https://npm.io/package/lodash-es.md) ^4.17.21
- [papaparse](https://npm.io/package/papaparse.md) ^5.4.1
- [react-dnd](https://npm.io/package/react-dnd.md) ^16.0.1
- [react-pdf](https://npm.io/package/react-pdf.md) ^6.2.2
- [react-rnd](https://npm.io/package/react-rnd.md) ^10.3.7
- [react-use](https://npm.io/package/react-use.md) ^17.4.0
- [@rjsf/core](https://npm.io/package/@rjsf/core.md) ^5.10.0
- [downloadjs](https://npm.io/package/downloadjs.md) ^1.4.7
- [pdfjs-dist](https://npm.io/package/pdfjs-dist.md) 2.16.105
- [rehype-raw](https://npm.io/package/rehype-raw.md) ^6.1.1
- [remark-gfm](https://npm.io/package/remark-gfm.md) ^3.0.1
- [@rjsf/utils](https://npm.io/package/@rjsf/utils.md) ^5.10.0
- [react-icons](https://npm.io/package/react-icons.md) ^4.7.1
- [react-redux](https://npm.io/package/react-redux.md) ^9.0.4
- [react-slick](https://npm.io/package/react-slick.md) ^0.29.0
- [streamsaver](https://npm.io/package/streamsaver.md) ^2.0.6
- [ts-key-enum](https://npm.io/package/ts-key-enum.md) ^2.0.12
- [html5-qrcode](https://npm.io/package/html5-qrcode.md) ^2.3.8
- [lottie-react](https://npm.io/package/lottie-react.md) ^2.4.0
- [overlap-area](https://npm.io/package/overlap-area.md) ^1.1.0
- [qrcode.react](https://npm.io/package/qrcode.react.md) ^3.1.0
- [re-resizable](https://npm.io/package/re-resizable.md) ^6.9.9
- [react-player](https://npm.io/package/react-player.md) ^2.11.2
- [react-window](https://npm.io/package/react-window.md) ^1.8.9
- [@dnd-kit/core](https://npm.io/package/@dnd-kit/core.md) ^6.0.8
- [@mui/material](https://npm.io/package/@mui/material.md) ^5.14.18
- [@sentry/react](https://npm.io/package/@sentry/react.md) ^7.54.0
- [editorjs-html](https://npm.io/package/editorjs-html.md) ^3.4.3
- [framer-motion](https://npm.io/package/framer-motion.md) ^10.16.4
- [react-i18next](https://npm.io/package/react-i18next.md) ^13.5.0
- [react-selecto](https://npm.io/package/react-selecto.md) ^1.22.0
- [@editorjs/code](https://npm.io/package/@editorjs/code.md) ^2.8.0
- [@editorjs/list](https://npm.io/package/@editorjs/list.md) ^1.8.0
- [@emotion/cache](https://npm.io/package/@emotion/cache.md) ^11.11.0
- [react-markdown](https://npm.io/package/react-markdown.md) ^8.0.3
- [react-virtuoso](https://npm.io/package/react-virtuoso.md) ^4.3.11
- [@editorjs/embed](https://npm.io/package/@editorjs/embed.md) ^2.5.3
- [@editorjs/image](https://npm.io/package/@editorjs/image.md) ^2.8.1
- [@emotion/styled](https://npm.io/package/@emotion/styled.md) ^11.11.0
- [rc-virtual-list](https://npm.io/package/rc-virtual-list.md) ^3.4.2
- [react-chartjs-2](https://npm.io/package/react-chartjs-2.md) ^4.3.1
- [react-hook-form](https://npm.io/package/react-hook-form.md) ^7.30.0
- [rehype-sanitize](https://npm.io/package/rehype-sanitize.md) ^5.0.1
- [@codemirror/lint](https://npm.io/package/@codemirror/lint.md) ^6.1.0
- [@codemirror/view](https://npm.io/package/@codemirror/view.md) ^6.7.2
- [@editorjs/header](https://npm.io/package/@editorjs/header.md) ^2.7.0
- [@editorjs/marker](https://npm.io/package/@editorjs/marker.md) ^1.3.0
- [@reduxjs/toolkit](https://npm.io/package/@reduxjs/toolkit.md) ^2.0.1
- [react-router-dom](https://npm.io/package/react-router-dom.md) ^6.14.0
- [@codemirror/state](https://npm.io/package/@codemirror/state.md) ^6.2.0
- [@dnd-kit/sortable](https://npm.io/package/@dnd-kit/sortable.md) ^7.0.2
- [@illa-public/icon](https://npm.io/package/@illa-public/icon.md) workspace:*
- [copy-to-clipboard](https://npm.io/package/copy-to-clipboard.md) ^3.3.2
- [react-code-blocks](https://npm.io/package/react-code-blocks.md) ^0.1.4
- [react-use-measure](https://npm.io/package/react-use-measure.md) ^2.1.1
- [@codemirror/search](https://npm.io/package/@codemirror/search.md) ^6.2.3
- [@dnd-kit/modifiers](https://npm.io/package/@dnd-kit/modifiers.md) ^6.0.1
- [@dnd-kit/utilities](https://npm.io/package/@dnd-kit/utilities.md) ^3.2.1
- [@editorjs/editorjs](https://npm.io/package/@editorjs/editorjs.md) ^2.27.2
- [@illa-design/react](https://npm.io/package/@illa-design/react.md) workspace:*
- [@illa-public/utils](https://npm.io/package/@illa-public/utils.md) workspace:*
- [@uiw/color-convert](https://npm.io/package/@uiw/color-convert.md) ^1.4.2
- [editorjs-md-parser](https://npm.io/package/editorjs-md-parser.md) ^0.0.3
- [react-big-calendar](https://npm.io/package/react-big-calendar.md) ^1.6.9
- [react-helmet-async](https://npm.io/package/react-helmet-async.md) ^1.3.0
- [react-hotkeys-hook](https://npm.io/package/react-hotkeys-hook.md) ^4.4.1
- [@editorjs/checklist](https://npm.io/package/@editorjs/checklist.md) ^1.5.0
- [@illa-public/avatar](https://npm.io/package/@illa-public/avatar.md) workspace:*
- [@mui/icons-material](https://npm.io/package/@mui/icons-material.md) ^5.14.18
- [@codemirror/commands](https://npm.io/package/@codemirror/commands.md) ^6.1.3
- [@codemirror/lang-sql](https://npm.io/package/@codemirror/lang-sql.md) ^6.3.3
- [@codemirror/lang-xml](https://npm.io/package/@codemirror/lang-xml.md) ^6.0.1
- [@codemirror/language](https://npm.io/package/@codemirror/language.md) ^6.3.2
- [@illa-public/cropper](https://npm.io/package/@illa-public/cropper.md) workspace:*
- [@protobuf-ts/runtime](https://npm.io/package/@protobuf-ts/runtime.md) ^2.8.3
- [@rjsf/validator-ajv8](https://npm.io/package/@rjsf/validator-ajv8.md) ^5.10.0
- [@tanstack/table-core](https://npm.io/package/@tanstack/table-core.md) ^8.9.1
- [@codemirror/lang-html](https://npm.io/package/@codemirror/lang-html.md) ^6.4.0
- [@codemirror/lang-json](https://npm.io/package/@codemirror/lang-json.md) ^6.0.1
- [@editorjs/inline-code](https://npm.io/package/@editorjs/inline-code.md) ^1.4.0
- [@illa-public/illa-net](https://npm.io/package/@illa-public/illa-net.md) workspace:*
- [@tanstack/react-table](https://npm.io/package/@tanstack/react-table.md) ^8.9.1
- [@uiw/react-codemirror](https://npm.io/package/@uiw/react-codemirror.md) ^4.20.2
- [@illa-public/text-link](https://npm.io/package/@illa-public/text-link.md) workspace:*
- [@illa-public/user-data](https://npm.io/package/@illa-public/user-data.md) workspace:*
- [@react-google-maps/api](https://npm.io/package/@react-google-maps/api.md) ^2.18.1
- [@illa-public/create-app](https://npm.io/package/@illa-public/create-app.md) workspace:*
- [@illa-public/market-app](https://npm.io/package/@illa-public/market-app.md) workspace:*
- [@illa-public/sso-module](https://npm.io/package/@illa-public/sso-module.md) workspace:*
- [@uiw/react-color-sketch](https://npm.io/package/@uiw/react-color-sketch.md) ^1.4.2
- [react-dnd-touch-backend](https://npm.io/package/react-dnd-touch-backend.md) ^16.0.1
- [@codemirror/autocomplete](https://npm.io/package/@codemirror/autocomplete.md) ^6.4.0
- [@illa-public/code-editor](https://npm.io/package/@illa-public/code-editor.md) workspace:*
- [@mui/x-data-grid-premium](https://npm.io/package/@mui/x-data-grid-premium.md) ^6.18.2
- [@illa-public/illa-storage](https://npm.io/package/@illa-public/illa-storage.md) workspace:*
- [@illa-public/invite-modal](https://npm.io/package/@illa-public/invite-modal.md) workspace:*
- [@illa-public/market-agent](https://npm.io/package/@illa-public/market-agent.md) workspace:*
- [@illa-public/public-types](https://npm.io/package/@illa-public/public-types.md) workspace:*
- [@illa-public/icon-hot-spot](https://npm.io/package/@illa-public/icon-hot-spot.md) workspace:^
- [@illa-public/record-editor](https://npm.io/package/@illa-public/record-editor.md) workspace:*
- [@illa-public/upgrade-modal](https://npm.io/package/@illa-public/upgrade-modal.md) workspace:*
- [@codemirror/lang-javascript](https://npm.io/package/@codemirror/lang-javascript.md) ^6.1.2
- [@illa-public/dynamic-string](https://npm.io/package/@illa-public/dynamic-string.md) workspace:^
- [@illa-public/mixpanel-utils](https://npm.io/package/@illa-public/mixpanel-utils.md) workspace:*
- [@illa-public/public-configs](https://npm.io/package/@illa-public/public-configs.md) workspace:*
- [@illa-public/styleis-plugin](https://npm.io/package/@illa-public/styleis-plugin.md) workspace:*
- [@chatscope/chat-ui-kit-react](https://npm.io/package/@chatscope/chat-ui-kit-react.md) ^1.10.1
- [@illa-public/user-role-utils](https://npm.io/package/@illa-public/user-role-utils.md) workspace:*
- [@uiw/codemirror-theme-github](https://npm.io/package/@uiw/codemirror-theme-github.md) ^4.19.8
- [react-window-infinite-loader](https://npm.io/package/react-window-infinite-loader.md) ^1.0.9
- [@chatscope/chat-ui-kit-styles](https://npm.io/package/@chatscope/chat-ui-kit-styles.md) ^1.4.0
- [@illa-public/layout-auto-change](https://npm.io/package/@illa-public/layout-auto-change.md) workspace:*
- [@illa-public/resource-generator](https://npm.io/package/@illa-public/resource-generator.md) workspace:*
- [i18next-browser-languagedetector](https://npm.io/package/i18next-browser-languagedetector.md) ^7.0.1
- [@illa-public/missing-resource-module](https://npm.io/package/@illa-public/missing-resource-module.md) workspace:^
## Recent versions
- 4.4.13 (latest) — 2024-05-04
## README
ILLA is a robust open source low-code platform for developers to build internal tools. By using ILLA's library of Components and Actions, developers can save massive amounts of time on building tools.
[](https://github.com/illacloud/illa-builder/pulls)
[](https://www.apache.org/licenses/LICENSE-2.0.html)
## 🚀Get Started
To try ILLA, the most convenient way is to sign up and log in to [ILLA Cloud](https://cloud.illacloud.com?utm_source=github&utm_medium=readme&utm_campaign=github-readme).
You can also deploy and [self-host](https://docs.illacloud.com/self-hosted-deployment/) ILLA utils manually([Docker](https://www.docker.com/), [docker-compose](https://docs.docker.com/compose/), and [k8s](https://kubernetes.io/)).
## ✨ Features
1. ⚽ **Real-time Collaboration:** We can create everything in real-time together.
2. 🤖 **Automate Support:** Connect everything and automate them in 5 seconds.
3. 🖥 **Self-hosted:** supports Docker & k8s
4. 📝 **Page Support:** The base of creating a content-rich and UI-friendly tool.
5. 🎨 **Powered by [ILLA Design](https://github.com/illacloud/illa-design):** Components should not constrain your imagination.
## Self-hosted
The ILLA CLI enables you to deploy ILLA Builder faster than your imagination. [Click here](https://docs.illacloud.com/self-hosted-deployment) for more details.
After successfully deployed, you can register with email address or log in with the following information:
Username (email): root
Password: password
## How to build your tool
#### 🎯 Step 1: Connect to your database
#### 🎨 Step 2: Build UI with built-in components
Build your UI by dragging components to the canvas. We provide dozens of components including charts, tables, forms, and many more in Illa Builder and Illa Design. When components overlap, their position will be automatically adjusted, which makes the layout development easy and flexible.
#### 🔌 Step 3: Connect to your data
Connect to MySQL or REST API through our GUI data connectors. We will add more than 10 databases and APIs soon.
#### 🚀 Step 4: Deploy your app
Deploy your app and self-host it.
## 🌱 Contributing
Thinking about contributing? All kinds of contributions to ILLA are greatly appreciated and welcomed! Check out our [Contribution Guide](./CONTRIBUTING.md) for details about how you can get involved.
Appreciate all the contributions from our ❤︎ Contributors!
## 📢 Translating
The `apps/builder/src/i18n/locale/*` dirs are kept up-to-date automatically via Crowdin. See our [official translation page](https://crowdin.com/project/illa-builder) in case you would like to contribute.
## LICENSE
This project is currently licensed under [Apache License 2.0](./LICENSE).
---
_Source: https://npm.io/package/illa-builder · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
