Pixel Lite - Free Bootstrap 4 UI KIT

Open source Bootstrap 4 UI Kit

Pixel is a free, fully responsive and modern Bootstrap 4 UI Kit that will help you build creative and professional websites. Use our components and sections, switch some Sass variables to build and arrange pages to best suit your needs.

Premium components

Pixel is a premium extension of the famous Bootstrap CSS Framework featuring pricing cards, profile cards, timelines and many more. All components are created to comply as much as possible with the WCAG 2.1 standards.

Check out all components here.

Example pages

Pixel Lite comes with 6 premium example pages that we created to show you the beautiful user interfaces that can be created. Some of these pages are a pricing page, about page, contact page, login and register pages.

Complete Documentation

Each component, plugin and the general workflow is well documented. Check out the online documentation for Pixel Lite.


Pixel is compliant with the latest UI design accessibility standards and passes the WAVE evaluation tool and the Achecker tool as well.


This product is built using the following widely used technologies:

  • Most popular CSS Framework Bootstrap
  • Productive workflow tool Gulp
  • Awesome CSS preprocessor Sass
Price: $0
Released: 1 year ago
Updated: 7 months ago
Version: 3.1
Category: UI Kits
Well Documented
  • 6 months premium support included
  • 100% W3C valid HTML5 files
  • Future updates
  • Fully responsive pages
  • 30 day refund policy
  • Quality checked by Themesberg

6 Hand-crafted Example Pages

After downloading Pixel Lite - Free Bootstrap 4 UI KIT you will get 6 high-quality example pages to save you time writing boilerplate code and set up the user interface of your website or web application in no time.

Hover over any page below and if you click on one of them you will be able to live preview one of the example pages in your browser.

Folder structure

We believe that being transparent when it comes to the code base and the file structure can make you better understand how it is going to be like to actually work with Pixel Lite.

Below you can check out the folder structure of this template, and by hovering over each item you can also read an explanation of what the folder contains and what its role is.

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

Customer reviews

5.0 out of 5
3 Reviews for Pixel Lite
GiT 1 year ago


Ely 9 months ago

Love it!

Jaime Páez 6 months ago



We believe that providing meaningful updates to our templates are important to keep up with the evolution of the dependencies, libraries, and the new design requirements that the modern day web industry requires.

Below you can see the timeline of changes for Pixel Lite since its initial launch 1 year ago.


v3.1.2 - May 1, 2020 Latest release
  • This version uses an advanced vendor creation system instead of copying the whole node_modules folder when building dist and dev folders
  • Reduces the vendor folder size considerably
v3.1.1 - April 18, 2020
  • Added datepickers
  • Added navbars
  • Added login page
  • Added register page
  • Slightly updated sliders, checkboxes and radio buttons
v3.1.0 - April 11, 2020
  • Fix accessibility issues according to the WAVE evaluation tool and the achecker tool
v3.0.0 - April 7, 2020
  • Added Sass
  • Added Gulp
  • Dependencies now managed with NPM
  • WCAG 2.1 compatible colors
  • Improved components, sections and pages
v1.2.0 - Mar 15, 2020
  • Original version with the vibrant green color
v1.0.0 - July 7, 2019
  • Initial release files

FAQ (Frequently Asked Questions)

Although we offer at least 6 months of support for premium templates, maybe one of the questions you have about Pixel Lite are answered below.

If that's not the case, feel free to reach out with the form below and we'll get back to you as soon as possible.

A User Interface Kit can help you develop numerous websites or dashboards without limitation. A UI Kit is different from a theme because you can use it as a toolkit for a larger number of projects. Fun fact is that we also use UI Kits to develop our own themes.

Every asset (eg. images, icons, fonts) and libraries are properly licensed and you have full rights to use them in your projects depending on the license you purchase from Themesberg.

For this particular item we do not offer direct support, however you can send us a notice and we will consider offering a general update to the product.