Data-display

252 components

data-display0
Flowbite Kbd
Shortcut keys rendered with Flowbite Kbd that switch between Mac and Windows.
Flowbite Reactdata-displayflowbite-kbdflowbite-reactMIT
data-display0
Flowbite HR
Section breaks drawn with Flowbite HR variants chosen locally.
Flowbite Reactdata-displayflowbite-hrflowbite-reactMIT
data-display0
Flowbite Carousel
A product Carousel with previous and next controls and slide indicators, without autoplay.
Flowbite Reactdata-displayflowbite-carouselflowbite-reactMIT
data-display0
Flowbite Blockquote
Customer quotes in a Flowbite Blockquote that rotate through a fixed local list.
Flowbite Reactdata-displayflowbite-blockquoteflowbite-reactMIT
data-display0
Flowbite Avatar
A team avatar row with initials placeholders, presence rings and dots, and an overflow counter.
Flowbite Reactdata-displayflowbite-avatarflowbite-reactMIT
data-display0
daisyUI Timeline
A vertical order timeline built from daisyUI timeline items that advance on demand.
daisyUIdaisyuidata-displayinteractiveMIT
data-display0
daisyUI Table
A zebra-striped invoices table with a caption and a sortable amount column.
daisyUIdaisyuidata-displayinteractiveMIT
data-display0
daisyUI Status
Service health rows with daisyUI status dots that cycle through states.
daisyUIdaisyuidata-displayinteractiveMIT
data-display0
daisyUI Stat
A weekly metrics strip built from daisyUI stats with titles, values and trends.
daisyUIdaisyuidata-displayinteractiveMIT
data-display0
daisyUI Stack
A stack of notification cards that cycles the top card with a local control.
daisyUIdaisyuidata-displayinteractiveMIT
data-display0
daisyUI Mockup Window
A desktop window mockup that frames a local notification preview.
daisyUIdaisyuidata-displayinteractiveMIT
data-display0
daisyUI Mockup Phone
A phone frame mockup that previews a local lock-screen notification.
daisyUIdaisyuidata-displayinteractiveMIT
data-display0
daisyUI Mockup Code
An install command shown in a daisyUI code mockup that switches between package managers.
daisyUIdaisyuidata-displayinteractiveMIT
data-display0
daisyUI Mockup Browser
A browser frame mockup whose address bar and page switch between local routes.
daisyUIdaisyuidata-displayinteractiveMIT
data-display0
daisyUI Mask
A profile picture clipped by daisyUI mask shapes chosen locally.
daisyUIdaisyuidata-displayinteractiveMIT
data-display0
daisyUI List
A playlist built from daisyUI list rows with a play control per track.
daisyUIdaisyuidata-displayinteractiveMIT
data-display0
daisyUI Kbd
Keyboard shortcuts rendered as daisyUI kbd keys that switch between Mac and Windows.
daisyUIdaisyuidata-displayinteractiveMIT
data-display0
daisyUI Indicator
An inbox button with a daisyUI indicator badge that counts unread messages.
daisyUIdaisyuidata-displayindicatorMIT
data-display0
daisyUI Hover Gallery
A product photo gallery that switches images as the pointer moves across it.
daisyUIdaisyuidata-displayhover-galleryMIT
data-display0
daisyUI Divider
Two sign-in options separated by a labelled daisyUI divider that switches orientation.
daisyUIdaisyuidata-displaydividerMIT
data-display0
daisyUI Diff
A before and after image comparison with a draggable daisyUI diff resizer.
daisyUIdaisyuidata-displaydiffMIT
data-display0
daisyUI Countdown
Focus timer with start, pause and reset controls rendered with daisyUI countdown digits.
daisyUIcountdowndaisyuiinteractiveMIT
data-display0
daisyUI Chat
A support conversation with start and end chat bubbles, headers, delivery footers and a local reply form.
daisyUIchatdaisyuiinteractiveMIT
data-display0
daisyUI Carousel
A snap-scrolling daisyUI carousel of product cards with previous and next controls.
daisyUIcarouseldaisyuidata-displayMIT