is now part of Shuffle™. The new editor includes templates for Bootstrap, Bulma, Material-UI, and Tailwind CSS.
Switch to Shuffle →
Hot icon Day for Product Hunt 中的产品 (1,085 票)
  Hot icon 黑客新闻优秀奖 (235 票)

"这些编辑器使创建 Bootstrap 模板的速度非常快。"

Bootstrap Shuffle - Bootstrap builder for busy developers | Product Hunt Embed

"最受欢迎的 Bootstrap 编辑器。
1,085 支持者!"

"我想在开始最新项目时了解 Bootstrap Shuffle。"

"请放心购买本产品。"

只需三个简单步骤即可加快开发过程

拖放功能。自定义。改进您最喜爱的 IDE。

01

选择合适的 UI 组件

使用来自多功能库且具有 20 个最常用类别的 Bootstrap 生产组件.:

Bootstrap styles panel
02

自定义 Bootstrap 样式

在主题相关的类别中,我们拥有超过 500 个 Bootstrap 变量以便您高效地工作。

03

下载源代码

Bootstrap Shuffle 为开发人员所熟悉和喜爱的工具提供了源代码。选择适当的引导组件和设置之后,就可以下载源文件以开始前端和后端的连接工作。

Bootstrap

Bootstrap
5

Star
Bootstrap

Bootstrap Material
4.1.1

Star
Sass Logo

Sass

Star
Pug logo

Pug

Star

视频: 6 分钟内创建一个新的 Bootstrap 模板。

查看 Bootstrap Shuffle 的效果

适用于繁忙开发人员的 Bootstrap 编辑器

易于使用

我们知道开发人员的时间是多么宝贵。我们一直在努力使编辑器易于使用,且无需任何培训。

元件库

从分为 20 个常用类别的数百个组件中创建模板。类别包括导航、标题等。

Sass 在线编译

Bootstrap 5 提供了多种配置选项。我们的样式更改面板在主题相关的类别中将显示这些选项。 让您工作更有效率。

舒适的取样器

所有类型的设置都包含了快速选择值的界面(选择颜色的工具、谷歌收藏的字体、阴影创建器等)。一切为了您的方便!

实时编辑

更改样式设置时,将实时编译 CSS 代码。 在实时视图中跟踪变化。

分享预览

与其他团队成员共享已准备好的项目,或使用链接在移动设备上检查项目。

下载源

Bootstrap Shuffle 是面向开发人员的工具。 我们的目标是为您的工作提速。您可以下载源代码以开始组合前端和后端。

仅 Bootstrap

除了 Bootstrap 5 使用的依赖项之外,我们不使用任何其他外部依赖项。

# 1 高级软件包

开发人员往往没有时间完美地实现设计。

这就是为什么我们构建了一个编辑器,它将帮助您更快地从构建布局过渡到优化阶段。 以便您有时间处理细节。

Bootstrap Shuffle is now part of Shuffle. Switch to learn about all the new Bootstrap CSS features, UI libraries available only in Shuffle (60+), and pricing.

注册

解锁所有设置选项和 230+ UI 组件以创建完美的 Bootstrap 模板

选定的套餐包括终身 / 按月使用Shuffle™。

An annual subscription is best for those who create several projects per year.

终身许可证最适合一年创建多个项目的人。

每月订阅最适合目前只计划一个项目的人。

购买月度订阅

购买终身许可证

60+ UI libraries and 10,000+ beautiful UI components.
Works with Bootstrap 5.
适用于 Bootstrap 5 和 Material Design for Bootstrap 4.1.1。
无需额外费用即可使用 Tailwind BuilderBulma Builder (价值 $747$72 / 月).