GitPedia

Atoms

Atoms for Blaze UI

From BlazeSoftware·Updated June 17, 2026·View on GitHub·

Blaze is a framework-free open source UI toolkit. It provides great structure for building websites quickly with a scalable and maintainable foundation. The project is written primarily in TypeScript, first published in 2015. It has gained significant community traction with 1,552 stars and 112 forks on GitHub. Key topics include: bem, css, itcss, jsx, sass.

Latest release: v4.2.0
July 31, 2018View Changelog →

<a href="https://www.blazeui.com">Blaze Atoms</a>

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.

https://www.blazeui.com

Ready to Code Dev Environment

Contribute to Blaze using an online development environment.

Open in Github Dot

Local Developer Setup

First of all install NVM.

When that is complete run:

cli
$ nvm use $ npm i $ npm start

Installing the JavaScript Components

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

html
<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.

Contributors

Showing top 11 contributors by commit count.

View all contributors on GitHub →

This article is auto-generated from BlazeSoftware/atoms via the GitHub API.Last fetched: 6/20/2026