Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »


11.0.3 • Public • Published

Blaze Atoms

Blaze is a framework-free open source UI toolkit. It provides great structure for building websites quickly with a scalable and maintainable foundation.

Blaze Atoms is a set of web components powered by Blaze CSS.


Ready to Code Dev Environment

Contribute to Blaze using a fully featured online development environment that will automatically: clone the repo, install the dependencies and start the webserver.

Open in Gitpod

Local Developer Setup

First of all install NVM.

When that is complete run:

$ nvm use
$ npm i
$ npm start


When committing changes please follow the Conventional Commits format.

Installing the JavaScript Components

Link to it by adding the following to your <head></head>.

<script src="https://unpkg.com/@blaze/atoms@x.x.x/dist/blaze-atoms.js"></script>

The x.x.x is the specific version of the library, you should use specifc versions to prevent against breaking changes.

That's it! Start using the components in your HTML.

Integrating with a Framework

Blaze uses Stencil to compile our components into Web Components. And since they can be used within frameworks or in standard HTML websites the best resource to read is the Stencil documentation regarding framework integration.


npm i @blaze/atoms

DownloadsWeekly Downloads






Unpacked Size

2.1 MB

Total Files


Last publish


  • avatar