- button
- action
- inline
Buttons
124 components
Buttons for forms, cards and app interfaces. Beyond the usual primary, outline and ghost styles you get icon buttons with tooltips, a split button with a menu, copy to clipboard, hold-to-confirm for destructive actions, retry with a countdown, add to cart, favourite and share. Open a button, check it in light and dark themes and hand it to your agent with “Copy for AI”.
- button
- split
- action
- button
- cta
- gradient
- button
- secondary
- ghost
- button
- confirm
- destructive
- button
- danger
- destructive
- button
- cta
- social-proof
- button
- command
- shortcut
- button
- toggle
- switch
- button
- download
- progress
- button
- link
- minimal
- button
- icon
- compact
- button
- segmented
- radio
- button
- fab
- hover
- button
- copy
- clipboard
- button
- link
- external
- button
- submit
- async
- button
- stepper
- quantity
- button
- reaction
- toggle
- button
- mobile
- checkout
- button
- async
- retry
- button
- confirm
- hold
- button
- copy
- clipboard
- button
- toggle
- mixed
- button
- hotkey
- keyboard
- button
- download
- link
- button
- countdown
- resend
- button
- icon
- tooltip
- button
- form
- mobile
- button
- badge
- counter
- button
- upload
- file
- button
- menu
- popover
- button
- ghost
- secondary
- button
- outline
- secondary
- button
- link
- inline
- button
- icon
- leading
- button
- fab
- speed-dial
- button
- wrap
- multiline
- button
- size
- scale
- button
- full-width
- form
- button
- gradient
- border
- button
- bevel
- clip-path
- button
- shadow
- hover
- button
- border
- animated
- button
- press
- 3d
- button
- scroll
- progress
- link
- external
- navigation
- button
- auth
- oauth
- button
- cart
- commerce
- button
- favorite
- toggle
- button
- follow
- subscribe
- button
- document
- button
- share
- clipboard
- button
- danger
- guard
- button
- language
- select
- button
- stats
- counter
- input
- password
- toggle
- button
- submit
- form
- button
- filter
- chip
- button
- cancel
- progress
- button
- ai
- generate
- button
- composer
- chat
- button
- pay
- checkout
- button
- upload
- progress
- button
- voice
- record
- button
- pagination
- load-more
- button
- save
- status
- button
- notify
- reminder
- button
- follow
- unfollow
- PRO
- button
- magnetic
- pointer
- button
- toast
- notification
- button
- hold
- confirm
- button
- copy
- clipboard
- PRO
- button
- fab
- speed-dial
- PRO
- button
- jelly
- squash
- toggle
- aria-pressed
- formatting
- toggle
- aria-pressed
- pin
- toggle
- favorite
- counter
- toggle
- grid
- aria-controls
- toggle
- mute
- icon-state
- toggle
- loading
- aria-busy
- toggle
- scale
- typography
- toggle
- tooltip
- aria-describedby
- toggle
- aria-pressed
- favorite
- toggle
- sound
- equalizer
- toggle
- theme
- dark-mode
- toggle
- switch
- aria-busy
- toggle
- password
- aria-controls
- toggle
- pin
- rotate
- toggle
- bookmark
- save
- link
- anchor
- arrow
- slot
- time
- radio
- accordion
- header
- icon
- slot
- booking
- grid
- renovation
- type
- radio
- tab
- project
- before-after
- symptom
- chip
- urgency
- archive
- row
- expand
- swatch
- colour
- radio
- gallery
- frame
- photo
- platform
- tile
- tilt
- play
- pause
- player
- platform
- link
- podcast
- swatch
- palette
- copy
- portfolio
- tile
- tag
- gallery
- tile
- photo
- mosaic
- tile
- photo
- flip
- card
- photo
- login
- account
- header
- bag
- cart
- header
- action
- price
- header
- action
- magnetic
- header
- switch
- theme
- mode
- cart
- counter
- header
- tab
- bottom-bar
- icon
- copy
- terminal
- button
- badge
- store
- app
- link
- cta
- reveal
- store
- button
- icon
- download
- primary
- platform
- badge
- store
- qr
- pager
- link
- docs
- run
- ai
- button
- chip
- ingredient
- toggle