- card
- content
- link
Cards
145 components
The largest section: cards for any list or grid. Product and content cards lead to details, a metric card to a dashboard number, a person card to a profile, and choice cards replace radio buttons. There are task, notification, bookmark and ratio media cards, plus a skeleton for loading.
- card
- metric
- dashboard
- card
- person
- team
- card
- product
- commerce
- card
- radio
- pricing
- card
- task
- progress
- card
- notification
- inbox
- card
- empty
- add
- card
- details
- order
- card
- skeleton
- loading
- card
- link
- bookmark
- card
- media
- aspect-ratio
- card
- container-query
- responsive
- card
- metric
- delta
- card
- checklist
- progress
- card
- file
- list
- card
- testimonial
- quote
- card
- pricing
- plan
- card
- empty-state
- onboarding
- card
- notification
- alert
- card
- skeleton
- loading
- card
- event
- calendar
- card
- flip
- 3d
- item
- list
- row
- item
- list
- row
- item
- list
- row
- item
- row
- link
- item
- row
- media
- item
- row
- metadata
- item
- row
- checkbox
- item
- row
- drag
- item
- row
- status
- item
- list
- dense
- item
- row
- checkbox
- item
- row
- notification
- separator
- divider
- layout
- separator
- label
- divider
- separator
- vertical
- stats
- separator
- dashed
- gradient
- separator
- icon
- divider
- separator
- spacing
- scale
- card
- help
- support
- image
- photo
- figure
- team
- person
- card
- team
- person
- card
- team
- leader
- card
- team
- list
- card
- team
- person
- card
- team
- agent
- card
- team
- event
- card
- team
- polaroid
- card
- team
- bento
- card
- team
- person
- card
- team
- roster
- card
- team
- polaroid
- card
- testimonial
- quote
- card
- testimonial
- rating
- card
- testimonial
- wall
- card
- testimonial
- metric
- card
- testimonial
- social
- card
- rating
- platform
- card
- testimonial
- deal
- card
- testimonial
- glass
- card
- testimonial
- review
- card
- testimonial
- polaroid
- card
- testimonial
- postcard
- card
- testimonial
- developer
- card
- testimonial
- quote
- card
- testimonial
- quote
- card
- testimonial
- marquee
- card
- testimonial
- segment
- card
- comparison
- list
- card
- testimonial
- metric
- card
- press
- quote
- card
- testimonial
- note
- card
- bento
- tile
- ghost
- bento
- figure
- tile
- api
- route
- demo
- alarm
- toggle
- row
- bento
- feature
- demo
- envelope
- letter
- story
- map
- city
- point
- dish
- photo
- badge
- tracker
- step
- status
- sticker
- review
- emoji
- month
- season
- calendar
- step
- process
- timeline
- lesson
- row
- programme
- graduate
- case
- before-after
- event
- calendar
- live
- district
- realty
- row
- deal
- step
- realty
- gantt
- row
- stage
- report
- feed
- construction
- note
- handwritten
- quote
- fee
- bar
- compare
- security
- layer
- icon
- gadget
- part
- list
- licence
- ticket
- pricing
- region
- status
- sparkline
- feature
- item
- sticky
- quote
- marquee
- link
- summary
- before-after
- hours
- quote
- large
- author
- review
- video
- marquee
- review
- carousel
- card
- review
- act
- stars
- review
- level
- progress
- receipt
- review
- review
- stars
- card
- person
- team
- photo
- person
- team
- candle
- guest
- card
- marquee
- slot
- programme
- schedule
- venue
- frame
- card
- timeline
- step
- day
- slot
- day
- schedule
- tip
- card
- icon
- look
- dress-code
- photo
- slot
- live
- programme
- look
- dress-code
- winter
- shot
- bento
- photo
- point
- manifesto
- list
- film
- frame
- photo
- stop
- route
- map
- timeline
- frame
- event
- polaroid
- person
- quote
- stat
- ring
- neon
- map
- listing
- card
- way
- transport
- route
- way
- transport
- map
- address
- hours
- actions
- piece
- gallery
- card
- comparison
- bar
- row
- stat
- counter
- number
- comparison
- row
- before-after
- next
- project
- card
- faq
- question
- answer
- faq
- details
- summary
- pipeline
- step
- ai
- table
- header
- head
- table
- header
- head
- table
- header
- bar
- table
- header
- bar
- PRO
- clock
- time
- glassmorphism