JavaScript
One ~15kB script, zero dependencies
flickui.js only flips the classes the CSS already styles — no virtual DOM, no framework runtime. Components wire themselves up from plain classes and aria-controls.
toggle-targetAny trigger. Opens or closes whatever aria-controls points at — modal, drawer, dropdown, accordion panel.
action-close / cancel / confirmIn-markup buttons that wire themselves into a parent overlay without extra JavaScript.
dismiss-targetCloses or removes an element it points at — used by alerts, chips, and toasts alike.
is-* runtime statesis-open, is-checked, is-selected, is-dismissing — the only classes flickui.js ever sets, and the CSS already knows how to style every one.
Modal
Built on native <dialog>
Toast
FlickUI.toast() — no markup to write
Alert
Dismissible with .action-dismiss
Heads up
Your trial ends in 3 days.
No. Link the CSS and JS files and start writing markup — the Sass source is there if you want to customize tokens, but it's entirely optional.
Yes — render the real markup as JSX/templates and call
FlickUI.init() after your framework mounts new content.About 15kB, one file, zero dependencies — wiring modals, tabs, dropdowns, and toasts through delegated events.
<button class="btn btn-primary toggle-target" aria-controls="hello">
<span class="btn-label">Open modal</span>
</button>
<dialog class="modal" id="hello" aria-labelledby="hello-title">
…
</dialog>