hub / github.com/BlazeSoftware/atoms

github.com/BlazeSoftware/atoms @v13.1.0

repository ↗ · DeepWiki ↗ · release v13.1.0 ↗ · + Follow

311 symbols 453 edges 86 files 0 documented · 0% 3 cross-repo links

What it actually does AI analysis from the code graph — generated when you open this

loading…

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.

Local Developer Setup

First of all install NVM.

When that is complete run:

$ nvm use
$ npm i
$ npm start

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.

Extension points exported contracts — how you extend this code

BlazeAccordion (Interface)

(no doc)

src/components.d.ts

IAutoCompleteItem (Interface)

(no doc)

src/components/autocomplete/interfaces/IAutoCompleteItem.ts

BlazeAccordionPane (Interface)

src/components/tags/interfaces/IOption.ts

BlazeAddress (Interface)

(no doc)

src/components.d.ts

BlazeAddressHeading (Interface)

(no doc)

src/components.d.ts

BlazeAlert (Interface)

(no doc)

src/components.d.ts

Core symbols most depended-on inside this repo

generateSrc

called by 9

src/components/image/blaze-image.tsx

open

called by 5

src/components/autocomplete/blaze-autocomplete.tsx

called by 5

src/components/autocomplete/blaze-autocomplete.tsx

navYear

called by 4

src/components/calendar/blaze-calendar.tsx

navMonth

called by 4

src/components/calendar/blaze-calendar.tsx

goToPage

called by 4

src/components/pagination/blaze-pagination.tsx

filter

called by 4

src/components/tags/blaze-tags.tsx

ensureNumber

called by 3

src/components/counter/CountUp.ts

Shape

Method 130

Interface 99

Class 78

Function 4

Languages

TypeScript100%

Modules by API surface

src/components.d.ts97 symbols

src/components/calendar/blaze-calendar.tsx16 symbols

src/components/tags/blaze-tags.tsx15 symbols

src/components/autocomplete/blaze-autocomplete.tsx11 symbols

src/components/counter/blaze-counter.tsx10 symbols

src/components/image/blaze-image.tsx8 symbols

src/components/drawer/blaze-drawer.tsx8 symbols

src/components/demo/blaze-demo.tsx8 symbols

src/components/accordion/blaze-accordion-pane.tsx8 symbols

src/components/toggle/blaze-toggle.tsx7 symbols

src/components/modal/blaze-modal.tsx7 symbols

src/components/alert/blaze-alert.tsx7 symbols

Used by 3 indexed graphs manifest dependencies, hub-wide

github.com/RSSNext/Folo

github.com/calcom/cal.diy

github.com/gradio-app/fastrtc

For agents

$ claude mcp add atoms \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact