File Structure
BLK• Design System PRO is a premium Bootstrap 4 UI Kit.
BLK• Design System PRO Structure
Once you have downloaded the archive and opened it, you will find the following structure:
├── assets
│ ├── css/
│ │ ├── black-kit.min.css
│ │ └── nucleo-icons.css
│ ├── scss/
│ ├── demo/
│ │ ├── src/
│ │ └── vendor/
│ ├── fonts/
│ ├── img/
│ └── js
│ ├── black-kit.min.js
│ ├── core/
│ │ ├── bootstrap.min.js
│ │ ├── jquery.min.js
│ │ └── popper.min.js
│ └── plugins/
│ ├── anime.min.js
│ ├── bootstrap-datetimepicker.js
│ ├── bootstrap-selectpicker.js
│ ├── bootstrap-switch.js
│ ├── bootstrap-tagsinput.js
│ ├── chartjs.min.js
│ ├── jasny-bootstrap.min.js
│ ├── moment.min.js
│ ├── nouislider.min.js
│ ├── perfect-scrollbar.jquery.min.js
│ ├── presentation-page/
│ │ └── rellax.min.js
│ └── slick.js
├── docs/
├── examples/
│ ├── 500-error.html
│ ├── about-us.html
│ ├── account-settings.html
│ ├── blog-post.html
│ ├── blog-posts.html
│ ├── chat-page.html
│ ├── checkout-page.html
│ ├── contact-us.html
│ ├── ecommerce.html
│ ├── 404-error.html
│ ├── invoice-page.html
│ ├── landing-page.html
│ ├── login-page.html
│ ├── pricing.html
│ ├── product-page.html
│ ├── profile-page.html
│ ├── register-page.html
│ └── reset-page.html
├── index.html
├── presentation.html
├── sections.html
└── CHANGELOG.mdRestyled Components
Here is the list of Bootstrap 4 components that were restyled in BLK• Design System:
- Buttons
- Cards
- Inputs
- Select
- Textarea
- Menu
- Dropdown
- Progress Bars
- Navigation Menu
- Pagination
- Labels
- Notifications
- Typography
- Images
- Tables
- Tooltips
- Popovers
- Modal
New Components
Besides giving the existing Bootstrap elements a new look, we added new ones, so that the interface and consistent and homogenous. Going through them, we added:
- Charts
- Checkboxes
- Footers
- Google Maps
- jVector Maps
- jQuery Maps
- Maps
- Panels
- Radio Buttons
- Sliders
- Sweet Alert
- Carousel
- Sidebar
- Tags
- Wizard
- Toggle Buttons
- Datetimepicker
- Nucleo Icons
- File Uploader
- New Modals