apaas.dev
1 June 2022
SEO Title
Table of Contents
- Contributions
- Components
- Libraries
- UI Kits
- Templates
- External Lists
- Playgrounds
- Design Tools
- License
- Maintainers
Contributions
To contibute please see the contributing.md document.
Components
- 5️⃣ Card UX/UI - Discover 20+ predefined templates or generate your custom card.
- 5️⃣ Ultimate Footer - the last but not least. Learn how the bottom of your page should be at the top of your priorities
- 5️⃣ Tables Generator & Templates - Use 10+ templates and present your data in a more accessible way or generate your own table
- 3️⃣ bootstrap-datepicker - A datepicker for twitter bootstrap
- 2️⃣3️⃣ boostrap-table - An extended Bootstrap table with radio, checkbox, sort, pagination, and other added features.
Libraries
- 5️⃣ Bootstrap 5 & Angular 11 - 500+ free material UI components & templates.
- 5️⃣ Bootstrap 5 & React 17 - 600+ free material UI components & templates.
- 5️⃣ Bootstrap 5 & Vue 3 - 500+ free material UI components & templates.
- 4️⃣ Bootstrap 4 & jQuery 3 - 600+ free material UI components & templates.
- 4️⃣ Bootstrap 4 & Angular 10 - 400+ free material UI components & templates.
- 4️⃣ Bootstrap 4 & React 16 - 500+ free material UI components & templates.
- 4️⃣ Bootstrap 4 & Vue 2 - 400+ free material UI components & templates.
- 4️⃣ Bootstrap-Vue Complete Components For Vue.js 2. 2.x compatible
- 4️⃣ ng-bootstrap Angular directives specific to Bootstrap 4 (Angular 2)
- 4️⃣ reactstrap - Stateless React Components for Bootstrap 4.
- 3️⃣ angular-ui/bootstrap Native AngularJS (version 1) directives for Bootstrap.
- 3️⃣ react-bootstrap - Bootstrap 3 components built with React.
UI Kits
These aren't full out-of-the-box themes, rather, they are components you can use in your own creations.
- 5️⃣ Material Design for Bootstrap - 700+ free material UI components & templates.
- 4️⃣3️⃣2️⃣ BootSnipp.com - Design elements, playground and code snippets for Bootstrap HTML/CSS/JS framework.
- 4️⃣ CodexUI [1] - Vanilla Bootstrap components that require no extra CSS or Javascript to use.
- 3️⃣ Flat UI - Flat UI is based on Bootstrap, a comfortable, responsive, and functional framework that simplifies the development of websites. &
- 3️⃣ todc-bootstrap - Google-styled theme for Bootstrap.
- 3️⃣ bootswatch - Bootswatch is a collection of open source themes for Bootstrap.
Templates
IMPORTANT: For items marked with please visit their site to learn more about their license.
Single Page Templates
Version | Name | Screenshot | Description | LicenseInUse |
---|---|---|---|---|
5️⃣ | Jumbtron | Responsive jumbotron built with the latest Bootstrap 5. A starter template with a full-width centered card at the top. | ||
5️⃣ | Blog Categories | Categories page with the latest Bootstrap 5. A starter template for showing the categories of a given blog, magazine, or other kinds of pages. | ||
5️⃣ | Pricing | Responsive pricing example built with the latest Bootstrap 5. This template contains tiers for different prices of products, subscriptions, or saas. | ||
5️⃣ | Blog | Responsive blog built with the latest Bootstrap 5. Open source template for personal or commercial blog. | ||
5️⃣ | Coming Soon | Responsive counter template built with the latest Bootstrap 5. It counts down to the given date in a "coming soon" style. | ||
5️⃣ | Fluent Design | Components in the newest Bootstrap 5 and Fluent Design. Completely new design using the latest Bootstrap. | ||
5️⃣ | Login page | Responsive, login page template built with the latest Bootstrap 5. Signup/Registration form examples with validation. | ||
5️⃣ | Video full-page Cover | Responsive fullscreen video template built with the latest Bootstrap 5. This full-page video example will take up the entire viewport of your user screen. | ||
5️⃣ | Bootstarters | Bootstarters - Free templates built with the latest Bootstrap 5 and styled in accordance with Material Design 2.0 guidelines | ||
5️⃣ | Dark Theme | Dark theme for the components of the newest Bootstrap 5. Carefully selected colors, together creating a beautiful dark composition. | ||
5️⃣ | Page with Carousel | Responsive, background-image carousel template built with the latest Bootstrap 5. Use a full-page image slider as the first thing the user sees on your website. | ||
5️⃣ | Image full-page cover | Responsive, background-image template built with the latest Bootstrap 5. Use this example of a full-page image as a header of your page. | ||
5️⃣ | Blog Post | Responsive, blogpost example built with the latest Bootstrap 5. Use this starter template for Bootstrap blogs, articles, and posts. | ||
5️⃣ | Magazine | Responsive magazine template built with the latest Bootstrap 5. News aggregator frontpage for articles, blogposts, and more. | ||
4️⃣ | Landing Page | Landing Page is a responsive landing page theme for Bootstrap 4. | ||
4️⃣ | Stylish portfolio | Stylish Portfolio is a one page Bootstrap portfolio theme with off canvas navigation and smooth scrolling through content sections. | ||
4️⃣ | agency | Agency is a one page agency portfolio theme for Bootstrap created by Start Bootstrap. This theme features several content sections, a responsive portfolio grid with hover effects, full page portfolio item modals, a responsive timeline, and a working PHP contact form. | ||
4️⃣ | freelancer | Freelancer is a one page Bootstrap portfolio theme for freelancers. | ||
4️⃣ | Grayscale | Grayscale is a multipurpose, one page website theme featuring a dark layout along with smooth scrolling page animations. | ||
3️⃣ | Amoeba | Amoeba is a free Bootstrap template from BootstrapTaste. Amoeba is one page site template built from Bootstrap 3 with modern flat style also coming with lot of premium features. | ||
3️⃣ | Flat Theme Responsive | Flat Theme is the best free responsive site template ever. This clean yet elegant design template has been developed using Twitter Bootstrap 3 framework. This template is perfect for any business, corporate or small company site. You can use this template for your personal or clients project. | ||
3️⃣ | Link Agency | Link is a complete agency theme. Show your work with style and in a beautiful way. Create a handsome site with the 6 pages included in this theme. Includes Font Awesome 4, CSS Animation & more. | ||
3️⃣ | Minimal Dark | Minimal is a Bootstrap template from BlackTie. Minimal is a simple and small theme. Ideal for a contact page or minimal site. This theme was designed for those wanting something different more than the habitual information page. | ||
3️⃣ | Munter | Munter is another Bootstrap template from BlackTie. Munter is a very handsome Bootstrap 3 theme with a centered navbar. Comes with beautiful features like a fixed arrows navigation, a nice portfolio showcase and a smooth scroll. | ||
3️⃣ | Passion | Passion, is a responsive and multi-purpose site theme which is suitable for Business & Minimal websites. It’s HTML templates with unique features, such as About, Portfolio, Services,and much more… | ||
3️⃣ | Shield | Shield is an one page theme, ideal for agencies and freelancers. Elegant and with a fresh style. Uses the beautiful icomoon fonts. | ||
3️⃣ | Slidefolio | Slidefolio is Responsive One Page Portfolio Theme Based on twitter bootstrap 3 framework. Slidefolio is loaded with jQuery Background slider, contact form with jQuery validation and beautifully designed for company or personal portfolio page. | ||
3️⃣ | Spot | Spot is flat & handsome theme. Designed for freelancers or small agencies, Spot looks awesome in your browser or mobile device. It comes with cool stuff like charts, pricing tables, font awesome 4.0 and more. | ||
3️⃣ | Stanley Freelancer | Stanley is a really simple theme for those wanting to showcase their work with a cute & clean style. | ||
3️⃣ | techro | Techro is a business/corporate bootstrap responsive multi page website/ template build with Bootstrap3.1.1, HTML5 & CSS3 and jQuery. It’s a perfect template for corporate, business, web agencies, digital studios, product showcase and personal portfolio. | ||
3️⃣ | Flatty | Flatty is a flat landing page designed to show your next app, site or product. With a fresh style & minimal design, you can now show your product with style. | ||
2️⃣ | Brushed | Brushed is Free One Page Responsive HTML Template based on Twitter Bootstrap Framework. It is optimized for Retina Displays ( iPhone, iPad, iPod Touch and MacBook Pro Retina). | ||
2️⃣ | Essentia | Essentia Responsive Bootstrap Theme is an ultra responsive, Twitter Bootstrap Theme that everybody wants. It’s an incredible theme that helps you transform your website into your unique business tool. | ||
2️⃣ | Gotya | GotYA is just like you, no matter what you feel or what you do, it’s good to know that the bootstrap theme will follow you. It’s well balanced free bootstrap theme with additional features offered by other vendors in premium templates. | ||
2️⃣ | Produkta | This theme is perfect for launching your new product or service and it comes with four different templates: video, mobile/iphone app, ebook and coming soon. |
Admin Dashboards
Version | Name | Screenshot | Description | LicenseInUse |
---|---|---|---|---|
5️⃣ | Bootstrap 5 Admin Template | Responsive admin dashboard built with the latest Bootstrap 5. Control panel theme ideal for admin pages, analytics & configuration panels. | ||
4️⃣ | ngx-admin | Admin dashboard template based on Nebular framework (Angular 4+, Bootstrap 4) previously known as ng2-admin | ||
4️⃣ | react-reduction | Admin Dashboard built with ReactJS + Bootstrap4 + Create React App | ||
4️⃣ | sb-admin | SB Admin is a free to download Bootstrap admin template. This template uses the defaul Bootstrap 4 styles along with a variety of powerful jQuery plugins to create a pwerful framework for creating admin panels, web apps, or back-end dashboards. | ||
3️⃣ | Blur Admin | Customizable admin panel framework made with ❤️ by Akveo team. Follow us on Twitter to get latest news about this template first! | ||
3️⃣ | Gentelella | Gentelella Admin is a free to use Bootstrap admin template. This template uses the default Bootstrap 3 styles along with a variety of powerful jQuery plugins and tools to create a powerful framework for creating admin panels or back-end dashboards. | ||
3️⃣ | lightway | This is an extended Bootstrap admin theme, which uses a light color collection. | ||
3️⃣ | Responsive Dashboard | AngularJS implementation of the RDash admin dashboard theme | ||
3️⃣ | sb-admin2 | SB Admin 2 Bootstrap admin theme, dashboard template, or webapp UI starter. The theme features a variety of custom jQuery plugins to add extended functionality past the built in Bootstrap UI features. |
Retro Themes
Version | Name | Screenshot | Description | LicenseInUse |
---|---|---|---|---|
3️⃣ 2️⃣ | BOOTSTRA.386 | A vintage 1980s DOS inspired Twitter Bootstrap theme |
Popular website clones
Version | Name | Screenshot | Description | LicenseInUse |
---|---|---|---|---|
5️⃣ | Twitter newsfeed | The project includes a home page with three column layout where the two extreme ones are responsible for the navigation, while the middle one i cards you can check recent user activity. | ||
5️⃣ | Tripadvisor homepage | The project includes a home page with one column layout with easy to use navigation in shortcuts under the navbar. The page includes also a search form & number of cards with advised the best places to rest. | ||
5️⃣ | Wikipedia article page | The project includes a home page with typical, advanced eCommerce navigation (double navbar + sidenav) and multiple media containers for presenting products. | ||
5️⃣ | IMDB homepage | The project includes a home page with typical, advanced navigation and multiple media containers for presenting news and movies. | ||
5️⃣ | Airbnb | The project includes two-column layout with advanced navigation of multiple media containers for presenting places to stay in area you can choose on interactive map. | ||
5️⃣ | Facebook messenger | The project includes typical three column layout with interface to send messages and exchange photos, videos, stickers, audio, and files, as well as react to other users' messages. | ||
5️⃣ | Facebook profile page | The project includes the user's profile page, along with the top navigation, cover photo, profile photo, and below that typical two-column layout with account information, and user news feed. | ||
5️⃣ | Instagram newsfeed | The project includes the user's newsfeed, along with the typical two-column layout, story row and navigation. | ||
5️⃣ | YouTube homepage | The project includes a home page with typical, advanced YouTube navigation and multiple media containers for presenting videos. | ||
5️⃣ | Trello board | The project includes trello board with a typical scrum system arrangement and draggable tasks. | ||
5️⃣ | Alibaba homepage | The project includes a home page with typical, advanced eCommerce navigation (double navbar + sidenav) and multiple media containers for presenting products. | ||
5️⃣ | Facebook newsfeed | The project includes the user's newsfeed, along with the typical three-column layout and social media navigation. | ||
5️⃣ | Amazon homepage | The project includes a home page with typical, advanced eCommerce navigation (double navbar + sidenav) and multiple media containers for presenting products. |
Playgrounds & hosting
- Codeply - an online editor that includes dozens of frameworks, starter templates and code snippets supports Vuetify, Bulma, Bootstrap, Foundation, MDB, Angular and Vue
- Snippets Playground - free & fast online editor dedicated to Bootstrap, supports integrations with React, Angular, Vue and MDB, full of community crafted components and design blocks
- CodePen - social development environment for front-end designers and developers
- JSFiddle - an online IDE service and online community for testing and showcasing user-created and collaborational HTML, CSS and JavaScript code snippets
- MDB GO/CLI - frontend + backend environment. Create, deploy and host anything with a single command, offers free hosting & predesigned backend boilerplates integrated with Bootstrap, Angular, React, Vue, Laravel, WordPress, Express.js, MongoDB, MySQL, Tailwind, Express.js, SocketIO, Passport and more.
Design Tools
- Drag & Drop Builder
- Lab Templates
- Color Schemes generator
- ProofHub
- Logo generator
- Filestage
- CSS Masks & Glassmorphism Generator
- Logaster
- Instagram filters CSS generator
- Coolors – Color scheme generator
- CSS gradients generator
- Palleton – A color scheme
- Fancy border radius generator
- Diigo
- Meta tags generator
- Cards generator
- Pixlr
- Buttons generator
- InVision Studio
- Charts creator
- Marvel
- Shadows generator
- Figma
- SVG waves generator
- Affinity Designer
- Datatables builder
- UXPin
- Alerts generator
- Proto.io
- Modals generator
- MockFlow
- Icons generator
- Adobe Comp
- Table generator
- Flinto
- Flexbox generator
- Justinmind
- Footer generator
- Canva
- Navbar generator
- Orion Icon
- Typography generator
- Squoosh
- Grid generator
- Animation generator
- Ripple generator
External Lists
I'll list any source lists here to help generate some traffic to them too.
- 35-best-free-bootstrap-themes
- 40 Free Bootstrap Themes to Jump Start Your Web Design Project
- Free Bootstrap Themes
- 75+ Free Bootstrap HTML5 Website Templates
原文:https://github.com/therebelrobot/awesome-bootstrap
- 登录 发表评论