6qd / Bootstrap Xd
Licence: mit
Bootstrap Design Template — Assets Library — for Adobe XD
Stars: ✭ 74
Projects that are alternatives of or similar to Bootstrap Xd
Material Design For Bootstrap
Important! A new UI Kit version for Bootstrap 5 is available. Access the latest free version via the link below.
Stars: ✭ 9,463 (+12687.84%)
Mutual labels: design, uikit, bootstrap4
Quick Free Bootstrap Theme
Free Bootstrap 4 Theme perfect for building responsive, mobile-first projects on the web suitable for businesses, startups, and agencies.
Stars: ✭ 31 (-58.11%)
Mutual labels: uikit, template, bootstrap4
React Bootstrap With Material Design
React Bootstrap with Material Design - Powerful and free UI KIT
Stars: ✭ 1,119 (+1412.16%)
Mutual labels: design, uikit, bootstrap4
Uix Kit
A free UI toolkit based on some common libraries for building beautiful responsive website, compatible with Bootstrap v4.
Stars: ✭ 318 (+329.73%)
Mutual labels: design, uikit, bootstrap4
Bootstrap4layouts
A Template for Bootstrap 4 based on my Bootstrap 4 Layouts course on LinkedIn Learning
Stars: ✭ 44 (-40.54%)
Mutual labels: design, template, bootstrap4
Shards Dashboard Vue
A free Vue admin dashboard template pack featuring a modern design system and lots of custom templates and components.
Stars: ✭ 363 (+390.54%)
Mutual labels: design, uikit, template
Vue Bootstrap With Material Design
Vue Bootstrap with Material Design - Powerful and free UI KIT
Stars: ✭ 803 (+985.14%)
Mutual labels: design, bootstrap4
Puppy
Starter kit and delivery system for building static prototypes with Twig
Stars: ✭ 25 (-66.22%)
Mutual labels: prototyping, template
Silex
Silex is a static website builder in the cloud.
Stars: ✭ 958 (+1194.59%)
Mutual labels: design, designer
Macos Ui Kit
💎 The most detailed and accurate macOS UI Kit for Sketch. This Sketch Library includes common Mac interface elements, cursors, and a Touch Bar UI Kit.
Stars: ✭ 551 (+644.59%)
Mutual labels: design, uikit
Tail Kit
Tail-kit is a free and open source components and templates kit fully coded with Tailwind css 2.0.
Stars: ✭ 997 (+1247.3%)
Mutual labels: uikit, template
Angular Bootstrap With Material Design
Angular Bootstrap with Material Design - Powerful and free UI KIT
Stars: ✭ 1,031 (+1293.24%)
Mutual labels: design, bootstrap4
Material Sense
A React Material UI template to create rich applications with wizards, charts and ranges
Stars: ✭ 711 (+860.81%)
Mutual labels: design, template
Sleek Dashboard
Sleek Dashboard - Free Bootstrap 4 Admin Template and UI Kit
Stars: ✭ 690 (+832.43%)
Mutual labels: uikit, bootstrap4
Zircleui
🚀 zircle-ui is a frontend library to develop zoomable user interfaces.
Stars: ✭ 870 (+1075.68%)
Mutual labels: design, uikit
Material Kit
Free and Open Source UI Kit for Bootstrap 4, React, Vue.js, React Native and Sketch based on Google's Material Design
Stars: ✭ 5,672 (+7564.86%)
Mutual labels: uikit, bootstrap4
Moviebookingui Android
This is a concept of fetching a user's cinema show details like venue, movie, date & showtime before allowing him to place a cinema F&B order.
Stars: ✭ 62 (-16.22%)
Mutual labels: design, template
Uikit Computer Store Template
Computer store e-commerce template
Stars: ✭ 72 (-2.7%)
Mutual labels: uikit, template
Awesome Uikit
Collect JS Frameworks, Web components library and Admin Template.
Stars: ✭ 1,136 (+1435.14%)
Mutual labels: uikit, bootstrap4
Uikit Ecommerce Template
E-commerce template built with UIKIt
Stars: ✭ 453 (+512.16%)
Mutual labels: uikit, template
6qd/bootstrap-xd
Bootstrap Design Template — Assets Library — for Adobe XD
Sample
| Colors | Images | Lists | Tables | Typography |
|---|---|---|---|---|
 |
 |
 |
 |
 |
| Alerts | Badges | Breadcrumb | Buttons | Cards |
|---|---|---|---|---|
 |
 |
 |
 |
 |
| Carousel | Forms | Jumbotron | ListGroup | MediaObject |
|---|---|---|---|---|
 |
 |
 |
 |
 |
| Modal | Pagination | Progress | Spinners | Toasts |
|---|---|---|---|---|
 |
 |
 |
 |
 |
and more. Check other artboards from here /export
That is not all. You can use Colors and Character Styles of Bootstrap in Assets Panel. By placing text and objects and applying them, you can create realistic mockup in a short time.
| Colors | Character Styles | Compornents |
|---|---|---|
 |
 |
 |
Features
1. Fully reproduce the browser display.
The system font of mac was specified for the object to be placed. If you install fonts according to the README, the preparation is complete. Do you care how you did it? I traced the screenshots just.
2. Effective use of Assets Panel.
Make the most of your asset panel. You can place basic components and change the Colors, or apply Character Styles to placed text.
3. Maximize the possibilities of XD.
Including many features to make your work more efficient like responsive size features, art boards with grid layout settings, etc.
Getting Started
- install Adobe XD
- go to Fonts - Apple Developer and install
SF Pro - in Finder, move to
/Applications/Utilities/Terminal.app/Contents/Resources/Fonts/and installSFMono-Regular.otffiles - download XD file from here, and open it!
- design with Bootstrap Documentation
Licence
This project is licensed under the MIT License - see the LICENSE file for details
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].