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
Category
Collections
362 assets
AnimatedReact
Open & copy →
Expanding Search Field
0.9 KB · a11y 96 · Q 94
Navigationsearchexpandicon
AnimatedHTML/CSS
Open & copy →
Status Ping Dot
0.6 KB · a11y 98 · Q 96
Feedback & statesstatuspingdot
AnimatedReact · HTML/CSS
Open & copy →
Wind Chime List
0.7 KB · a11y 96 · Q 94
Motionlistswayentrance
ElementsReact · HTML/CSS
Open & copy →
Key Cap
0.6 KB · a11y 97 · Q 94
Social proofkeyboardkbdshortcut
ElementsReact
Open & copy →
Locale Number Format
0.4 KB · a11y 98 · Q 95
Data displayintlnumberslocale
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 |