openblocks

📢 Use Openblocks in 3 steps

1. Connect to any data sources or APIs.
2. Build UI with 50+ components.
3. Share with colleagues and customers.

💡 Why Openblocks

It’s cumbersome to create a single app. You had to design user interfaces, write code in multiple languages and frameworks, and understand how all of that code works together.

Low-code/No-code platforms are fast to get started with but quickly become unmaintainable and inflexible. This creates more problems than it solves.

Retool-like solutions are great for their simplicity and flexibility, but they can also be limited in different ways compared to frameworks like React/Vue.

Openblocks wants to take a step forward. More specifically, Openblocks is

• An all-in-one IDE to create internal or customer-facing apps.
• A place to create, build and share building blocks of web applications.
• A domain-specific language that UI-configurable block is the first-class citizen.

🪄 Features

• Visual UI builder with 50+ built-in components.
• Module and Query Library for reusable components and queries in the UI builder.
• Custom components to share through React and Openblocks SDK (instead of iFrame).
• Native connections to PostgreSQL, MongoDB, MySQL, Redis, Elasticsearch, REST API, SMTP, etc.
• JavaScript supported everywhere to transform data, control components, etc.
• Embed Openblocks pages as a React component (instead of iFrame). Demo
• Role-based access control (RBAC) for granular permission management.
• Auto-saved and restorable history for release and version control.
• DIY app themes to precisely align with your company’s content.
• Audit logs to track activities and ensure compliance.

🏆 Comparisons

Openblocks vs Retool

• Openblocks is open-source. You don’t need to worry about vendor lock-in or being stuck with an outdated version of the software.
• In Openblocks, developers can create and use their own components instead of depending on official updates.
• Openblocks supports left menu navigation (like most sites do). Retool has header navigation only.

Openblocks vs Appsmith, Tooljet

• Openblocks has more components and richer configuration than Appsmith and Tooljet.
• In Openblocks, you can choose auto-height or fixed-height mode for your components, while Appsmith supports fixed-height mode only.
• In Openblocks, you can reuse common structures when building apps with modules and query library features.

👐 Support and Community

If you have any questions, please feel free to contact us or share with our community. Our team is here ready to help.

📮 Chat with us on Discord

📑 Search for solutions in our Documentation

🔎 Submit an issue here on GitHub

💻 Deployment Options

You can access Openblocks from cloud-hosted version at any time, or use the following resources for deploying Openblocks on different platforms:

• Docker
• AWS AMI
• DigitalOcean

💪 Contributing

• Language support: If you have experience with a language that isn’t currently supported by our product, send us a pull request.
• Create and share components or demos: If you’ve created something that might be useful to others, add the link here.
• Frontend contributing guide

📝 Examples(WIP)

• Basic CRUD
• Simple table horizontal scroll and pagination demo
• Pagination with temporary state demo
• Import third-party JS lib demo
• JSON schema parsing using a third-party lib
• Custom Echarts demo, Echarts source
• Periodically user action report demo
• Generate PDF using jsPdf
• Excel Explorer
• File upload with REST API
• Shopping cart demo using transformers/state/drawer
• Module demo: color picker
• S3 File Management
• Custom Markdown Style
• Use JS query to orchestrate other queries
• Data responder demo
• Change theme by code