GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → BlazeSoftware → Atoms

BlazeSoftware / Atoms

Licence: mit
Atoms for Blaze UI

Programming Languages

typescript
32286 projects
HTML
75241 projects
SCSS
7915 projects

Labels

cssscsssassjsxwebcomponentstoolkitbemstencilitcssstenciljs

Projects that are alternatives of or similar to Atoms

gatsby-remark-highlight-code
Adds stylish cards and syntax highlighting to code blocks in markdown files
Stars: ✭ 63 (-95.81%)
Mutual labels:  webcomponents, stencil, stenciljs
Stencil
A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to React, Angular, Vue, and traditional web developers from a single, framework-agnostic codebase.
Stars: ✭ 9,880 (+556.48%)
Mutual labels:  webcomponents, stencil, stenciljs
Gulp Pug Starter
Frontend development with pleasure. Pug + SCSS version
Stars: ✭ 228 (-84.85%)
Mutual labels:  scss, sass, bem
Compile Hero
🔰Visual Studio Code Extension For Compiling Language
Stars: ✭ 169 (-88.77%)
Mutual labels:  scss, sass, jsx
Ionic Framework
A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
Stars: ✭ 45,802 (+2943.32%)
Mutual labels:  webcomponents, stencil, stenciljs
solar-components
Web Components Implementation of Solar Design System
Stars: ✭ 16 (-98.94%)
Mutual labels:  webcomponents, stencil, stenciljs
web-photo-filter
A Web Component to apply Instagram-like WebGL filters to photos
Stars: ✭ 105 (-93.02%)
Mutual labels:  webcomponents, stencil, stenciljs
Gulp Scss Starter
Frontend development with pleasure. SCSS version
Stars: ✭ 339 (-77.48%)
Mutual labels:  scss, sass, bem
Vscode Stylelint
A Visual Studio Code extension to lint CSS/SCSS/Less with stylelint
Stars: ✭ 260 (-82.72%)
Mutual labels:  scss, sass, jsx
anywhere-webcomponents
A UI work in progress based on custom elements (web components) for use in anywhere.
Stars: ✭ 17 (-98.87%)
Mutual labels:  webcomponents, stencil, stenciljs
Pug Starter
Simple pug (jade) starter [framework] enabling faster delivery of HTML & CSS projects to a private server and/or automatic deployment of GitHub pages.
Stars: ✭ 328 (-78.21%)
Mutual labels:  scss, sass, bem
Avalanche
Superclean, powerful, responsive, Sass-based, BEM-syntax CSS grid system
Stars: ✭ 627 (-58.34%)
Mutual labels:  scss, sass, bem
Kanbasu
A lightweight CSS framework written in Sass.
Stars: ✭ 94 (-93.75%)
Mutual labels:  sass, bem
Gridlex
Just a CSS Flexbox Grid System
Stars: ✭ 1,328 (-11.76%)
Mutual labels:  scss, sass
Fictoan
Mockups with markup — https://sujan-s.github.io/fictoan/
Stars: ✭ 114 (-92.43%)
Mutual labels:  scss, sass
Wordless
All the power of Pug, Sass, Coffeescript and WebPack in your WordPress theme. Stop writing themes like it's 1998.
Stars: ✭ 1,374 (-8.7%)
Mutual labels:  scss, sass
Bourbon
Bourbon is maintained by the thoughtbot design team. It is funded by thoughtbot, inc. and the names and logos for thoughtbot are trademarks of thoughtbot, inc.
Stars: ✭ 9,065 (+502.33%)
Mutual labels:  scss, sass
Sassdoc
Release the docs!
Stars: ✭ 1,353 (-10.1%)
Mutual labels:  scss, sass
Styled Jsx Plugin Sass
Plugin to add Sass support to styled-jsx. Warning this is a Proof Of Concept plugin.
Stars: ✭ 115 (-92.36%)
Mutual labels:  scss, sass
Sass Brunch
Adds Sass / Scss support to brunch
Stars: ✭ 102 (-93.22%)
Mutual labels:  scss, sass
View All Similar Projects ➔

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

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/[email protected]/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.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].