Pixel is a remarkably beautiful, fully responsive, modern User Interface Kit that will
creative and professional websites. Use our components and sections, switch some Sass variables to build
arrange pages to best suit your needs.
Buttons, timelines, blog cards, profile cards, tables, accordions... you name it and we have it.
Our components are a perfect extension of Bootstrap 4 so you will find it very easy to work with our code if
you're familiar with their class names and styles. Furthermore, we've made sure to that all
components are well documented.
Our components are created by the Object Oriented CSS principle, which means that the
classes can be combined each other. You want to make a rounded button, but with the secondary color and an
animation? Great! All you have to do is add .btn, .btn-rounded, .btn-secondary and .animate-up-2. How
awesome is that?
Our list of components:
Sections are made up of components. These are the big boys and they include the navigation bars, footers,
about sections, contact sections and many more.
We believe that our navigation bars are one of the most customizable ones out there. You can change the
whole color scheme just by changing a letter amongst the classes. Why not check them out under the
Our list of Sections:
25+ Example Pages
These are the last building blocks to build an awesome website. We made sure to offer you a few example
pages to prove how useful and great our UI Kit is. Here's a list of pages we've created for you to use:
Single Article with Comment Sections
Posts with Load More
Profile Clean Page
Profile Clean Page
Sign Up Page
Coming Soon Subscription Page
Coming Soon Countdown Page
404 Not Found
Features at Your Hand
Easiest and fastest way to build your website with the below highlighted features:
100% Responsive & Mobile-First
Search Engine Optimised Code
Fully Integrated SASS variables and mixins
Google PageSpeed Insights score of over 85
W3C Validated Code
Over 75 Unique Sections and Pages
Based on Bootstrap 4
Browsersync live reload and Gulp for rapid development
Bootstrap Flexbox Grid
Customizable Navigation Bars and Footers
Multi Level Dropdown Menu
Jarallax – High-Performance Parallax
Image & Content Sliders
Huge Collection of UI Elements
Animation and utility classes
Free Monthly Updates and Fast & Friendly Support
But I don't want Sass, do you have a HTML and CSS only version?
Of course we do! The folder called html&css is exactly what you need. But we have everything well
documented, so check out it out!
What about the production code?
Our well documented gulp commands will generate you a dist folder where all html and css files are minified
and the images are optimized. This final state of the project has a very high score of over 80 in the most
pages in Google PageSpeed