Pixel UI Kit
Modern Bootstrap 5 Kit migrated to Django

80
Bootstrap 5 elements
5
Example Pages
Workflow
Sass & Gulp
Vanilla
Javascript
Bootstrap 5
Latest version of Bootstrap without jQuery
Pixel is built using the latest version of Bootstrap 5 and we only used Vanilla Javascript for everything including the plugins
Getting startedModular sections Pro
More than 50 website sections
Using the sections in Pixel Pro you can easily build new pages by adding them together
Explore sections
User Dashboard Pro
9 dashboard pages
Quickly set up a user settings panel with the advanced dashboard pages including billing, settings, messaging
Explore dashboard
Accordions
Alerts
Badges
Cards
Carousels
Breadcrumbs
Buttons
Dropdowns
Forms
Modals
Navs
Pagination
Popovers
Progress bars
Tabs
Toasts
Tooltips
Typography
Tables
5 hand-crafted example pages
Notable features
You get all Bootstrap components fully customized. Besides, you receive numerous plugins out of the box and ready to use
Bootstrap 5
A responsive and mobile-first theme built with the world's most popular CSS framework
Build with Sass
Change one variable and the theme adapts. Colors, fonts, sizes, buttons... you name it
Responsive Design
Did you know 53% of the world web traffic is mobile? Pixel is fully responsive and mobile first
Modular approach
Nicely customized components that can be reused anytime and anywhere in your project
Gulp & BrowserSync
With our custom Gulp commands & BrowserSync we offer a seemless and fast workflow for your project
Well documented
Our kit is delivered with very detailed documentation, describing all components, styles and usages
Google PageSpeed
Pixel has 80+ scores on Google PageSpeed Insights to offer you and your clients a fast website
SVG illustrations
Photography and Illustration SVGs are included in the download package and are free to use
Every pixel matters
We crafted each component with great care so that no rouge pixel is left behind
What's inside?
We have carefully crafted the perfect folder structure to ensure that finding the files you're looking for are easily reachable and well organized.
You need only HTML, CSS and Javascript?
Don't worry, we got you covered. We have a folder called html&css
which includes only the basic HTML5, CSS3 and
Javascript technologies.
- src
-
- assets
- html
- partials
- scss
- index.html
- html&css
- .temp
- dist
- node_modules
- gulpfile.js
- package.json
- README.md
- .gitignore
You need only HTML, CSS and Javascript?
Don't worry, we got you covered. We have a folder called html&css
which
includes only the basic HTML5, CSS3 and
Javascript technologies.
WCAG 2.1 accessible color scheme
We've enhanced Bootstrap’s color settings
to comply with the latest accessibility
standards
Primary:
#174F84Secondary:
#10AB7CTertiary:
#FF7F66Info:
#1E90FFWarning:
#F5B759Success:
#00BF9ADanger:
#FA5252Dark:
#2A354FLight:
#DDE1EDSoft:
#EFF2F5Less work, more flow.
Boost productivity with BrowserSync. SCSS changes are reflected instantly and pages scroll and refresh on devices as you work.