CSS-UI

An experiment on using generic design tokens for CSS components.

Playground

Components

Action and interactivity

• btn
• btn dropdown
• dropdown
• fab
• modal
• swap

Navigation

• breadcrumbs
• dock
• link
• menu
• navbar
• pagination
• steps
• tabs

Data input

• checkbox
• fieldset
• file input
• filter
• label
• knob
• radio
• range
• rating
• select
• slider
• input field
• textarea
• toggle
• validator

Data display

• accordion
• avatar
• badge
• card
• carousel
• chat bubble
• chip
• collapse
• countdown
• diff
• list
• stat
• status
• table
• timeline

Feedback

• alert
• loading
• progress
• radial progress
• skeleton
• toast
• tooltip

Layout

• divider
• drawer
• footer
• hero
• indicator
• join
• mask
• stack

Mockup

• browser
• code
• phone
• window