Skip to content

webpixels/css

master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
Feb 1, 2022
May 11, 2021
src
Feb 1, 2022
May 11, 2021
May 11, 2021
May 11, 2021
May 11, 2021

Webpixels CSS

Utility and component-centric Design System based on Bootstrap for fast, responsive UI development.
Explore Documentation »

Report bug · Request feature · UI Components · Blog

Install via npm

For most projects (and to take advantage of the customization features), you'll want to install Webpixels CSS and its peer-dependencies via npm.

npm install @webpixels/css@latest bootstrap@latest --save-dev

This will automatically install the latest Bootstrap version, so you don't need to do that manually.

Import the styles into your CSS

In your main.scss, you’ll import the source Sass files. Bootstrap is automatically loaded when you use the source files, so you don't need to worry about what Bootstrap files should you incorporate in your styles.

You have two options: include all of styles at once:

@import "@webpixels/css";

or pick the parts you need:

@import "@webpixels/css/base";
@import "@webpixels/css/forms";
@import "@webpixels/css/components";
@import "@webpixels/css/utilities";

Documentation

Check out our documentation website.

UI Components

Explore, copy, use and mix hundreds of carefully crafted components made just for Bootstrap. Explore components

Community

Get updates on the development of our CSS tool and chat with the project maintainers and community members.

License

Webpixels CSS is open-sourced software licensed under the MIT license.