Pixel UI Kit
Free Bootstrap 5 UI Kit without jQuery that will help you prototype and design beautiful, creative and modern websites
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 started
Modular 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
.accordion-body, though the transition does limit overflow..accordion-body, though the transition does limit overflow..accordion-body, though the transition does limit overflow.Alerts
Badges
Cards
We partnered up with Google
Some quick example text to build on the card title and make up the bulk of the card's content.
Learn More
Neil D. Sims
New York, USANeil drives the technical strategy of the platform and brand.
Basic
$19 / month- 1 free domain
- Storage space: 5GB
- 100k monthly visitors
- One-click staging site
- Search engine wizard
- Community support
Get in touch
If you need any help with our products or services, choose one of the following ways to contact us.
Carousels
Breadcrumbs
Buttons
Main Buttons
Outline Buttons
Sizes
Choose your color
Main
Outline
Social Buttons
Round Social Buttons
Dropdowns
Forms
Default Forms
Modals
Navs
Round Pill
Pills with Icons
Pagination
Pagination with icon-nav
Pagination with text-nav
Disabled and active states
Choose your size
Popovers
Progress bars
Tabs
Exercitation photo booth stumptown tote bag Banksy, elit small batch freegan sed. Craft beer elit seitan exercitation, photo booth et 8-bit kale chips proident chillwave deep v laborum. Aliquip veniam delectus, Marfa eiusmod Pinterest in do umami readymade swag.
Day handsome addition horrible sensible goodness two contempt. Evening for married his account removal. Estimable me disposing of be moonlight cordially curiosity.
Photo booth stumptown tote bag Banksy, elit small batch freegan sed. Craft beer elit seitan exercitation, photo booth et 8-bit kale chips proident chillwave deep v laborum. Aliquip veniam delectus, Marfa eiusmod Pinterest in do umami readymade swag.
Day handsome addition horrible sensible goodness two contempt. Evening for married his account removal. Estimable me disposing of be moonlight cordially curiosity.
Exercitation photo booth stumptown tote bag Banksy, elit small batch freegan sed. Craft beer elit seitan exercitation, photo booth et 8-bit kale chips proident chillwave deep v laborum. Aliquip veniam delectus, Marfa eiusmod Pinterest in do umami readymade swag.
Day handsome addition horrible sensible goodness two contempt. Evening for married his account removal. Estimable me disposing of be moonlight cordially curiosity.
Toasts
Tooltips
Typography
h1. Themesberg heading
h2. Themesberg heading
h3. Themesberg heading
h4. Themesberg heading
h5. Themesberg heading
h6. Themesberg heading
Fancy display heading With faded secondary text
Fancy display heading With faded secondary text
Fancy display heading With faded secondary text
Fancy display heading With faded secondary text
Fancy display heading With faded secondary text
Fancy display heading With faded secondary text
Display 1
Display 2
Display 3
Display 4
Start your development with a Pixel Design System for Themesberg 4.Themesberg makes beautiful products to help people with creative ideas succeed.Our company empowers millions of people.
Start your development with a Pixel Design System for Themesberg 4.Themesberg makes beautiful products to help people with creative ideas succeed.Our company empowers millions of people.
Design is not just what it looks like and feels like. Design is how it works.
Design is not just what it looks like and feels like. Design is how it works.
Design is not just what it looks like and feels like. Design is how it works.
Design is not just what it looks like and feels like. Design is how it works.
Design is not just what it looks like and feels like. Design is how it works.
Design is not just what it looks like and feels like. Design is how it works.
Design is not just what it looks like and feels like. Design is how it works.
Themesberg makes beautiful products to help people with creative ideas succeed. Our company empowers millions of people.
- Minutes of the last meeting
- Do we need yet more meetings?
- Any other business
- Programming
- Web Design
- Database
- Something funny
- Minutes of the last meeting
- Do we need yet more meetings?
- Any other business
- Programming
- Web Design
- Database
- Something funny
Tables
| Class | Teacher | Males | Females |
|---|---|---|---|
| First Year | D. Bolter | 5 | 4 |
| A. Cheetham | 7 | 9 | |
| Second Year | M. Lam | 3 | 9 |
| S. Crossy | 4 | 3 | |
| A. Forsyth | 6 | 9 |
| Year | Teacher | Males | Females |
|---|---|---|---|
| First Year | D. Bolter | 5 | 4 |
| A. Cheetham | 7 | 9 | |
| Second Year | M. Lam | 3 | 9 |
| S. Crossy | 4 | 3 | |
| A. Forsyth | 6 | 9 |
| Class | Teacher | Males | Females |
|---|---|---|---|
| First Year | D. Bolter | 5 | 4 |
| A. Cheetham | 7 | 9 | |
| Second Year | M. Lam | 3 | 9 |
| S. Crossy | 4 | 3 | |
| A. Forsyth | 6 | 9 |
| Class | Teacher | Males | Females |
|---|---|---|---|
| First Year | D. Bolter | 5 | 4 |
| A. Cheetham | 7 | 9 | |
| Second Year | M. Lam | 3 | 9 |
| S. Crossy | 4 | 3 | |
| A. Forsyth | 6 | 9 |
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.
Open source project
Pixel is an open source Bootstrap 5 UI Kit that is licensed under the very permissive MIT License. Consider giving us a star on the official Github repository to spread the news!