gadjet1.0.4

HTML user interface
with component based styles

// Javascript
import {Button} from 'gadjet.js';
Button.tagStyle({color: '#F4B942'});
Button.tagStyle(`border-radius: 5px;`);
Button.classStyle('violet', {color: '#7900FF'});
Button.classStyle('dark', {color: '#444'});
Button.classStyle('big', `font-size: 2em;`); // Inject plain CSS

<!-- html -->
<button>Button</button>
<button class="violet">Violet</button>
<button class="big dark">Big Dark</button>
Pick a date !

Made for Developers.

Image by pch.vector on Freepik

Built on Web standard. Components can be easily imported, used, modified or style with Javascript.

Component based styles

CSS is integrated into components with Javascript APIs which is easy to customize. CSS injection is implemented very close to the standards, easy to learn and manageable, but also flexible for advance style implementation like themes, color schemes, adaptive or interactive styles.

Small

Just ~32 KB gzip
gadjet ✕
Getting Started Style Portion
aspectRatio bgColor bgColorInt fontFluid lift
UI
Badge Box Arrow Buttons Card Checkbox File Manager HTML Editor Input Menu Progress Sidebar Switch Tab Table Tag