Introduction
LayoutIt! is a **Bootstrap 5 Interface Builder**. It includes **Edit**, **Preview**, **View Code**, **Download**, and **Download React** options, and is using **Bootstrap 5.3.8**.
## What you can build
### Grid System
To change the column configuration you can edit the different values in the input (they should add 12). If you need more info please visit: Grid System.
### Base CSS, Components, and JavaScript
Drag & Drop the elements inside the columns where you want to insert it. And from there, you can configure the style of that component. If you need more info please visit: Bootstrap Docs.
Available sections shown on the homepage include **GRID SYSTEM**, **BASE CSS**, **COMPONENTS**, **JAVASCRIPT**, and **LEGACY**. Legacy includes “Deprecated Bootstrap components with BS5-friendly approximations.”
Bootstrap 5Interface BuilderDrag & DropGrid SystemView CodeReact DownloadBootstrap ComponentsJavaScript
Screenshots
Deployment
官方在线站点
适合直接在浏览器中使用 LayoutIt! 构建 Bootstrap 5 界面，无需自行部署。
下载生成代码
适合将在线编辑器生成的 Bootstrap 或 React 代码下载后，按自己的项目流程部署到任意静态站点或前端环境。
LayoutIt! alternatives View all 低代码开发平台 →
Enhancer（无远开发平台） Proprietary
Enhancer 是专业的一站式信息系统开发云平台。绝大多数情况下，您只需编写 SQL，无需编写代码，即可快速完成各类系统的开发，并且获得可直接部署在您私有环境的应用程序。极大降低您的开发、运维、迭代成本。
Vue.js Open source
By Hassan Djirdeh List rendering is one of the most commonly used practices in front-end web development. Dynamic list r
Details
Type Commercial software
License proprietary
Last verified 2026-07-18
In solutions
低代码开发平台 · 8 candidates →Ad slot 300 × 250 Ad
About the data
Stars / commit times sync automatically from the GitHub API; pricing and features are human-verified.