https://github.com/BlazeSoftware/atoms

Atoms for Blaze UI
https://github.com/BlazeSoftware/atoms

bem css itcss jsx sass scss stencil stenciljs toolkit webcomponents

Last synced: 3 months ago
JSON representation

Atoms for Blaze UI

• Host: GitHub
• URL: https://github.com/BlazeSoftware/atoms
• Owner: BlazeSoftware
• Created: 2015-11-13T16:09:20.000Z (almost 9 years ago)
• Default Branch: main
• Last Pushed: 2023-06-20T15:07:47.000Z (over 1 year ago)
• Last Synced: 2024-05-23T02:32:52.055Z (6 months ago)
• Topics: bem, css, itcss, jsx, sass, scss, stencil, stenciljs, toolkit, webcomponents
• Language: TypeScript
• Homepage: https://www.blazeui.com
• Size: 4.82 MB
• Stars: 1,549
• Watchers: 43
• Forks: 113
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • Contributing: .github/CONTRIBUTING.md
  • Code of conduct: .github/CODE_OF_CONDUCT.md

Awesome Lists containing this project

• fucking-awesome-css-frameworks - Repo
• awesome-discoveries - Blaze Atoms - open Source modular CSS toolkit utilising BEM conventions to provide great structure for building websites quickly _(`CSS`)_ (Libraries)
• awesome-web-components - Blaze UI Atoms - Set of web components powered by Blaze CSS. (Real World / Component Libraries)
• awesome-css-frameworks - Repo

README

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

**https://www.blazeui.com**

## Ready to Code Dev Environment

Contribute to Blaze using an online development environment.

[![Open in Github Dot](https://img.shields.io/badge/code-open%20in%20github-orange?logo=github&style=for-the-badge)](https://github.dev/BlazeSoftware/atoms)

## Local Developer Setup

First of all install [NVM](https://github.com/creationix/nvm#install-script).

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

```html

```

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](http://stenciljs.com/) 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](https://stenciljs.com/docs/overview) regarding framework integration.