你好编码员,

本文介绍了一个包含开源 Bootstrap 5 Templates 的候选名单——世界上最受欢迎的前端开源工具包,具有 Sass 变量和 mixins、响应式网格系统、大量预构建组件和强大的 JavaScript 插件。

感谢阅读! - 内容由 App Generator 提供。

---

• ✨Django Bootstrap 5- 产品页面

• ✨Flask Bootstrap 5- 产品页面

• ✨软 UI 设计系统- Bootstrap 5 模板

• ✨Volt Bootstrap 5 Dashboardby Themesberg

• ✨AdminKIT- 免费的 Bootstrap 5 仪表板

• ✨滑动- 由 Themesberg 提供的一页 Bootstrap 5 模板

---

✨Django Bootstrap 5

在Volt Dashboard(免费版)之上使用基本模块、数据库、ORM 和部署脚本编码的开源 Django Dashboard。基于许可许可证,该项目可用于无限的爱好和商业项目。

---

• Django Bootstrap 5- 产品页面

• Django Bootstrap 5 演示- 实时部署

---

[](https://res.cloudinary.com/practicaldev/image/fetch/s--APdsfoJj--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://raw.githubusercontent.com/app-generator /django-dashboard-volt/master/media/django-dashboard-volt-intro.gif)

---

软UI设计系统

专为喜欢大胆元素和漂亮网站的人而设计。软 UI 设计系统由数百个元素、设计块和完全编码的页面组成,已准备好帮助您创建令人惊叹的网站和 web 应用程序。

完全编码的元素 - 软 UI 设计系统由 70 多个前端单独元素构建,如按钮、输入、导航栏、导航选项卡、卡片或警报,让您可以自由选择和组合。所有组件都可以采用颜色变化,您可以通过 SASS 文件和类轻松修改。

---

• 软UI设计系统- 产品页面

• 软 UI 设计 PRO- 更多页面、组件

---

[](https://res.cloudinary.com/practicaldev/image/fetch/s--xuHIiQ5Y--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/app-generator /soft-ui-design-system/main/media/soft-ui-design-system-screen-pages.png)

---

✨烧瓶引导 5

在Volt Dashboard(免费版)之上使用基本模块、数据库、ORM 和部署脚本编码的开源 Flask Dashboard。

---

• Flask Bootstrap 5- 产品页面

• Flask Bootstrap 5 演示- 实时部署

---

[](https://res.cloudinary.com/practicaldev/image/fetch/s--nUVOlO97--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/app-generator /flask-dashboard-volt/master/media/flask-dashboard-volt-screen.png)

---

自举5伏

Volt 是一个免费和开源的 Bootstrap 5 管理仪表板,具有 100 多个组件、11 个示例页面和 3 个带有 Vanilla JS 的插件。

100+ 组件 - 有 100 多个免费的 Bootstrap 5 组件,其中一些是按钮、警报、模式、日期选择器等。查看官方文档中的组件。

11 个示例页面 - Volt 带来了 11 个示例页面,包括概览、登录、注册、交易页面等等。

轻量级插件 - Volt 附带 3 个轻量级和 Vanilla JS 插件,即日期选择器、通知和图表库。

---

产品页面 -Volt - Bootstrap 5 Dashboard

---

[](https://res.cloudinary.com/practicaldev/image/fetch/s--tbsMGy7m--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/ui-themes /bootstrap-5-templates/main/media/bootstrap-5-template-volt-dashboard-screen-product.png)

---

Bootstrap 5 模板 - 滑动一页

Swipe 是一款免费的移动应用程序 One Page Bootstrap 5 模板,其中包含关于、推荐、常见问题和两个应用程序下载 CTA 部分等部分。

使用精美鲜艳的色彩和插图,您可以为您的移动应用程序创建一个令人惊叹的演示页面。

Sass 源文件 - 虽然是一个非常简单的模板,但 Swipe 由 Sass 源文件提供支持,可以更轻松地更改颜色、大小和字体。这些变量是 Bootstrap 5 核心价值的扩展。

Gulp 和 BrowserSync 工作流程 - Swipe 还附带高级 Gulp 命令,例如编译 Sass 源文件、生成项目的缩小和非缩小版本,以及 BrowserSync 以使开发成为无缝过程。

---

产品页面 -滑动一页 Bootstrap 5 模板

---

[](https://res.cloudinary.com/practicaldev/image/fetch/s--mE-URaiH--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/ui -themes/bootstrap-5-templates/main/media/bootstrap-5-template-swipe-screen.png)

---

Bootstrap 5 模板 - AdminKIT

一个专业的软件包,带有数百个 UI 组件、表单、表格、图表、页面和图标。建立在 Bootstrap 5 之上。

完全响应 - 通过移动、平板电脑和台式机支持,无论您使用什么设备都无关紧要。 AdminKit 在所有浏览器中都是响应式的。

Dev-to-dev 支持 - 我们的主题由提供快速有效支持的专家支持。通常,电子邮件回复需要 <24 小时。

---

产品页面 -AdminKIT Bootstrap 5 仪表板模板

---

[](https://res.cloudinary.com/practicaldev/image/fetch/s--l3YyoW9P--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/ui-themes /bootstrap-5-templates/main/media/bootstrap-5-template-adminkit-screen.png)

---

Bootstrap 4(无 jQuery)模板 - 一个

一个是使用 Bootstrap 4.5 制作的全新产品。该模板非常适合构建分析和数据表应用程序。 Flatlogic One 管理仪表板提供可定制的 Bootstrap 组件,用于创建现代响应式 Web 应用程序。

用 3 种颜色制作的模板:白色、橙色和灰色。导航位于左侧边栏,主要内容位于右中面板。

---

产品页面 -一个仪表板 Bootstrap 4 模板

---

[](https://res.cloudinary.com/practicaldev/image/fetch/s--X7kuTfh2--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://raw.githubusercontent.com/ui-themes /bootstrap-template-one-flatlogic/master/media/bootstrap-template-one-flatlogic-intro.gif)

---

此列表将定期更新我发现的新项目或开发人员在评论中提出的建议。

---

谢谢!顺便说一句,我的(昵称)名字是 Sm0ke 我在Twitter上也很活跃。