Bootstrap

Pixel UIPRO

Premium Bootstrap 5 UI Kit integrated with Django

Pixel Pro Mockup

1000+

Premium Components

9

Dashboard Pages

Workflow

Sass & Gulp

Vanilla

Javascript

Premium Elements

Collection of custom Bootstrap 5 components

Get started building your project using a collection of over 1000 premium web components such as buttons, alerts, cards, modals, and many more

Explore components
MapBox Leaflet.js Custom Integration Mockup

Modular sections

More than 50 website sections

Using the sections in Pixel Pro you can easily build new pages by adding them together

Explore sections
MapBox Leaflet.js Custom Integration Mockup

User Dashboard

9 dashboard pages

Quickly set up a user settings panel with the advanced dashboard pages including billing, settings, messaging

Explore dashboard
Dashboard Preview

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

Download
Front pages overview

Notable features

You get all Bootstrap components fully customized. Besides, you receive numerous plugins out of the box and ready to use

Bootstrap

Latest 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

Vanilla JS

Pixel Pro does not have jQuery included as Bootstrap 5 dropped support

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

pixel logo

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.

Download
  • 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:

#174F84

Secondary:

#10AB7C

Tertiary:

#FF7F66

Info:

#1E90FF

Warning:

#F5B759

Success:

#00BF9A

Danger:

#FA5252

Dark:

#2A354F

Light:

#DDE1ED

Soft:

#EFF2F5

Less work, more flow.

Boost productivity with BrowserSync. SCSS changes are reflected instantly and pages scroll and refresh on devices as you work.

> $ npm install
Everything’s installed!
> $ gulp
SCSS watching
LiveReload started
Opening localhost:3000
> $ that's it?
It's that simple!
Looks unfamiliar? Don’t worry! Our documentation has got you covered.

Free Demo

Do you want to test and see the benefits of this UI Kit before purchasing it? You can give the demo version a try. It features enough components for you to get a feel of the design and also test the quality of the code.

Free Demo
  • 80 Components
  • 5 Example Pages
  • Uncoventional cards
  • Timelines
  • E-commerce
  • Charts
  • Premium Support
Pro Version
  • 1000+ Components
  • 35 Example Pages
  • Dashboard included
  • Uncoventional cards
  • Timelines
  • E-commerce
  • Premium charts
  • Premium Support