css VS bootstrap-starter-kit

With Webpixels CSS I took these two concepts and extended them to cover 80% of the use cases. I added some new components that are not existing yet in Bootstrap, and I create a comprehensive list of utility classes using the included API. You can see them all documented in our documentation.

As I previously mentioned, we'll be using Webpixels CSS to style our site. It is a utility and component-centric design system based on Bootstrap for fast, responsive UI development. It will help us to build a modern website much faster.

Check out the documentation to see all the utility classes included in Webpixels CSS using the Bootstrap utility API.

Using the utility API you can create classes like mx-auto or shadow-5 to change the default style of an element, just like Tailwind does. This is a great approach that allows us to remain consistent, by having pre-built patterns (buttons, cards, etc.) and these classes to tweak these components quickly without messing with CSS. Here is the demo: https://webpixels.io/docs/css/1.0/transform and the GitHub repo: https://github.com/webpixels/css.

The stylish design is possible thanks to our custom-designed CSS design system, also built with Bootstrap.

It is called Webpixels CSS and you can start using it in your project right away. Browse the code on Github or read the docs on our website

GitHub Repo

{ "name": "Bootstrap Starter Kit", "description": "Minimal starter template for websites using Bootstrap 5 and Webpixels CSS next to the Eleventy static site generator.", "url": "", "lang": "en", "github": { "url": "https://github.com/webpixels/bootstrap-starter-kit" }, "author": { "name": "Your Name", "handle": "@twitterhandle", "email": "[email protected]" }, "date": 2021, "copyright": "2022" }