返回 前端
Awesome mdbootstrap
> MDBootstrap 社区中精选的最佳资源列表.
MDBootstrap 是一组灵活、响应迅速的页面模板、布局、组件和小部件，可快速构建网页.
Resources¶
MDBootstrap 的官方项目和资源.
Free
- MDB Standard Free - 免费下载，开源 Bootstrap 5 UI 工具包.
- MDB Angular Free - Bootstrap 5 和 Angular 11 免费 UI 套件，采用 Material Design.
- MDB React Free - Bootstrap 5 和 React 17 免费 UI 套件，采用 Material Design.
- MDB Vue Free - Bootstrap 5 和 Vue 3 免费 UI 套件，采用 Material Design.
Pro
- MDB Standard Pro - 最新 Bootstrap 5 的高级 UI 套件.终身使用 5000 多个高级组件、数千个模板、插件、设计块.
- MDB Angular Pro - 带 Angular 的 Bootstrap 5 材料设计.
- MDB React Pro - 使用 React 的 Bootstrap 5 材料设计.
- MDB Vue Pro - 使用 Vue 的 Bootstrap 5 材料设计.
Community¶
Useful Links¶
MDBootstrap 的官方项目和资源.
- Snippets - Bootstrap 代码示例和插件的最佳来源.
- LAB - 由 MDB 社区创建的鼓舞人心的概念和实验.
- UI/UX Tips - 快速且易于实施的技巧，以改进您的设计.
- Services - 我们将所有这些都整合到我们自己的产品中，因此我们的开发人员对这些工具有着独特的经验. 我们还使用各种其他解决方案.
- Visual Studio Code snippets - 一个扩展，允许您将最流行的 MDB 5 组件的有用片段添加到 Visual Studio Code.
- Angular Visual Studio Code snippets - 此扩展为 MDB Angular - Angular Bootstrap UI KIT 添加了片段.
- Webpack starter - 本指南详细描述了 Webpack Starter 的功能.
- Reviews - 用户对 mdbootstrap 的反馈.
Articles¶
为社区做贡献并分享您的技术知识 - 或者只是阅读其他人撰写的文章.
- Technology comparision - 2022 年最好的 JavaScript 框架是什么？
- Articles - 为社区做贡献并分享您的技术知识 - 或者只是阅读其他人撰写的文章.
Rankings¶
- UI Kits & Themes - Bootstrap、Angular、React、Vue UI 套件.
- Free Bootstrap Templates & Themes - 令人惊叹的响应式材料设计主题.
- Premium Bootstrap Templates & Themes - 博客、作品集、电子商务、杂志、管理 Angular & React & Vue 模板.
- Backend Bootstrap Templates & Themes - Jamstack、PHP、MySQL、Python、NodeJS、Tailwind、Laravel 后端集成 UI 套件.
Tools¶
帮助使用 MDBootstrap 构建应用程序的工具和实用程序.
- Logo generator - 在 5 分钟内创建优雅时尚的徽标.
- CSS Masks & Glassmorphism Generator - 为您的设计生成完美的面具.
- Instagram filters CSS generator - 通过 CSS 使用著名的 Instagram 滤镜并将它们应用到您的项目中.
- CSS gradients generator - 为您的设计生成完美的渐变.
- Fancy border radius generator - 使用我们的边界半径生成器生成不寻常的形状.
- Meta tags generator - 关注您的 SEO 为 Google 和社交媒体生成最准确的元数据.
- Cards generator - 创建具有自定义形状、按钮、颜色和大小的引导卡.
- Buttons generator - 使用自定义图标、文本、形状、颜色、大小创建引导按钮.
- Charts creator - 易于使用的图表生成器（饼图、折线图、条形图）.
- Shadows generator - 为您的设计生成完美的阴影.
- SVG waves generator - 轻松生成精美的 SVG 形状并将其应用到您的设计中.
- Datatables builder - 在 5 分钟内创建优雅时尚的徽标.
- Alerts generator - 使用自定义形状、按钮、颜色、大小创建引导警报.
- Modals generator - 创建具有自定义形状、大小和动画的引导模态.
- Icons generator - 1600 多个图标. 创建自定义大小、颜色、动画的引导程序图标.
- Table generator - 创建具有大小、颜色、动画的自定义引导程序表.
- Flexbox generator - 在 Bootstrap 5 中创建和测试 flexbox 的最简单和最快的方法.
- Footer generator - 使用自定义版权、按钮、表单、链接颜色、大小创建引导页脚.
- Navbar generator - 使用自定义颜色、品牌、图标、表单、位置创建引导导航栏.
CLI & hosting¶
强大的工具，可让您创建不同的项目. 不再需要困难的配置和部署.
- MDB CLI - 使用单个命令创建、部署和托管您的项目.
- Quick Start - 轻松快速地开始使用 MDB CLI 以及如何充分发挥其潜力.
- Getting Started - 逐步介绍如何创建项目和部署.
- Overview - 指导您如何执行不同的操作.
Education¶
针对最新的 Bootstrap、Material Design、HTML、CSS、JavaScript 的组织良好的最新系列教程.