Component library
Browse the library
Start where you are: copy an element, assemble a whole landing page, or re-theme a template. Everything is audited, original and MIT.
Colour
Collections
289 assets
AnimatedHTML/CSS · React
Open & copy →
Aurora Veil
2.6 KB · a11y 100 · Q 97
backgroundauroragradient
SectionsReact · HTML/CSS
Open & copy →
FAQ Accordion Pro
3.7 KB · a11y 99 · Q 93
faqaccordionsection
SectionsReact · HTML/CSS
Open & copy →
Counter Stats Band
3.2 KB · a11y 98 · Q 96
statscountermetrics
AnimatedReact · HTML/CSS
Open & copy →
Odometer Counter
2.4 KB · a11y 96 · Q 97
counterodometernumber
ElementsReact · HTML/CSS
Open & copy →
Shake-on-error Field
1 KB · a11y 97 · Q 96
shakevalidationform
AnimatedReact · HTML/CSS
Open & copy →
Gradient Border Flow
1 KB · a11y 96 · Q 95
bordergradientconic
SectionsReact · HTML/CSS
Open & copy →
Docs Site Template
1.3 KB · a11y 97 · Q 96
docstemplatesidebar
ElementsHTML/CSS · React
Open & copy →
Inline Status Banner
1.6 KB · a11y 97 · Q 94
bannerstatusalert
SectionsReact · HTML/CSS
Open & copy →
Map-free Local Band
1 KB · a11y 96 · Q 94
officesmap-freelocal
AnimatedReact · HTML/CSS
Open & copy →
Infinite Logo Chase
1.8 KB · a11y 96 · Q 93
marqueelogosstream
SectionsReact · HTML/CSS
Open & copy →
Stats Count-Up Band
0.7 KB · a11y 97 · Q 94
sectionlandingpage
Browse by tag — real frequencies from the catalog
click a tag to filter — the fifteen most common carry their definition on hover
Compare two components side by side
vs
| Spec | prism-switch | halo-button |
|---|---|---|
| Kind | element | element |
| Bundle | 1.2 KB | 2.1 KB |
| a11y | 98 | 96 |
| Quality | 96 | 94 |
| Deps | 0 | 0 |
| Themeable | yes | yes |
| Behaviors | click, hover | hover, click, drag |