Dev Design LibraryTailwind CSS List Components
Dev Design Library indexes 203 Tailwind CSS list components from 47 open-source UI libraries, with the most coming from ReUI, Tremor Blocks, FLX UI, Watermelon UI and Spectrum UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. Every library in this list styles its components with Tailwind CSS utility classes. List components belong to the Data display group.
Showing 120 of 203, a mix from every library. Open a library to see all of its components.
Itemshadcn/ui · ReactA versatile component for displaying content with media, title, description, and actions.
ListdaisyUI · CSS (Tailwind)
List BoxHeroUI · ReactA listbox displays a list of options and allows a user to select one or more of them
Animated ListMagic UI · ReactA list that animates each item in sequence with a delay. Used to showcase notifications or events on your landing page.
List ViewReact Spectrum · ReactA ListView displays a list of interactive items, and allows a user to navigate, select, or perform an action.
Prompt LibraryCult UI · ReactBrowse, insert, and manage prompt templates with categories and custom prompts
Bar ListTremor · React
Attachment listReUI · ReactAttachments with their type, size and a download action.
Environment VariablesAI Elements · ReactDisplay environment variables with masking and copy functionality.
Scroll TextKokonut UI · ReactScroll-driven text list that highlights the active word as you scroll, using IntersectionObserver with React, Tailwind…
grid-listIntent UI · Reactgrid-list
Sortable ListbeUI · ReactStable item ids keep focus and content attached to their row during sorting.
ListTailGrids · ReactA list component with multiple variants.
Task ListRare UI · ReactA checklist that strikes out completed tasks and moves them to the bottom of the list.
Conversation ListSpectrum UI · ReactA date-grouped conversation sidebar with pinning.
Image Reveal ListVengeance UI · ReactHover-based image reveal tooltip list
Collection Actions ControlToolcraft · React
LeaderboardPanel UI · React NativeEntries ranked by a value, with the top three on a podium.
Animated List 01 - DefaultShadcn Space · ReactAnimated List component
Minimal Agenda WidgetOpenSourceUI · React
Animated Collectionuselayouts · ReactA collection of items with smooth layout transitions and animations.
Notification CenterBoardUI · ReactGrouped activity inbox with tabs and actions.
Grid List 01Tremor Blocks · React- List AnimationShadcn Dashboard · React
Animated ListAnimations (Svelte) · SvelteA component that animates list items with smooth layout transitions, revealing items one by one from top to bottom.
QueueAI Elements (Svelte) · SvelteA structured queue view with sections, items, attachments, and action controls.
Animated ListBadtz UI · ReactA sophisticated animation component that creates dynamic column-based transitions with scaling effects. Perfect for…
ItemObsidianUI · React
ChatGPT SearchNotra · ReactThe "Searched N websites" line, built on shadcn Button.
Music Playeraudiocn · ReactA playlist player with a waveform seek bar, shuffle, repeat, volume and optional ducking under the microphone.
ItemShark UI · ReactA versatile component for displaying content.
Swipe Action RowSona UI · ReactA coordinated list-row interaction with two-sided actions, keyboard opening, outside dismissal, and action-owned full…
Career 1Watermelon UI · React
Glass Itemglasscn · ReactGlass Item with five variants: clear, frosted, subtle, liquid, and liquid-refract
Activity TimelineUI Lab · ReactNew events slide in at the top as the line grows to meet them.
ItemHextaUI · ReactA row of media, text and actions for lists, settings and pickers, with a grouped surface and a hover highlight that…
Voice Notes BlockLocalMode · ReactRecord (push-to-talk from a selectable mic) or upload audio → Whisper/Moonshine transcription → saved notes with…
Activity feedCojeev UI · ReactAn ordered, date-grouped history in three looks (a living thread, a quiet ledger or gathered bursts), with readable…
Activity FeedFLX UI · ReactActivity Feed for Comment Thread.
Animated ListVelora UI · ReactLooping feed that springs each item in, newest on top.
ItemSpaceUI · ReactComposable Item primitive with media, content, title, and description slots for lists and rows.
List BoxOUI · ReactReact aria components List Box with shadcn characteristics.
Notification BentoD2Studio UI · ReactA four-panel notification bento: a pure-CSS metallic bell on a lit dot-matrix field, recent activity feed, unread…
Todo ListEaseUI · ReactA collapsible agent task plan with morphing status marks and a completion count.
Message ListFibo · ReactA conversation that groups each person's messages under one heading, with a single tab stop.
Kanban BoardReactFrame · ReactA drag-and-drop task board with a hand-rolled pointer-based drag engine, velocity tilt, edge autoscroll, ghost…
Itemark-cn · ReactComposable list item with media, content, title, description, and action slots.
Tailwind Grid ListReact Spectrum · React
Sortable ListCult UI · ReactDrag-and-drop sortable list component with smooth animations and reordering
Basic item with title and descriptionReUI · ReactBasic item with title and description
QueueAI Elements · ReactA comprehensive queue component system for displaying message lists, todos, and collapsible task sections in AI…
leaderboardIntent UI · Reactleaderboard
Swipeable ListbeUI · ReactMobile-style list rows that swipe left or right to reveal contextual action buttons.
Infinite Scroll DependenciesSpectrum UI · Reactcomponent for the Infinite Scroll Dependencies
ItemVengeance UI · React
File Drop Collection ControlToolcraft · React
SortablePanel UI · React NativeA list whose rows can be dragged into a different order.
Calendar 08 - With Event ListShadcn Space · ReactCalendar component
Music Playlist CardOpenSourceUI · React
Filter Interactionuselayouts · ReactInteractive list items with hover and focus effects.
Grid List 02Tremor Blocks · React
Claude SearchNotra · ReactClaude's web search timeline with queries, result cards and status steps.
Track Listaudiocn · ReactA list of tracks with active and playing states, arrow-key navigation and slots for artwork, duration and actions.
ListboxShark UI · ReactSelect a single or multiple items from a list.
Career 2Watermelon UI · React
Itemglasscn · React
Filter ListUI Lab · ReactRows fade out of the way while the rest slide up to close the gap.
Semantic Search BlockLocalMode · ReactFull text/PDF/OCR ingest into its OWN corpus with off/recursive/semantic chunking and a live chunk-boundary preview…
ItemCojeev UI · ReactA notebook ledger, an illustrated collection or an actionable detail. Three readable arrangements for the things you…
BasicFLX UI · ReactTitle plus supporting description.
KanbanSpaceUI · ReactDisplays tasks across draggable columns, allowing users to organize projects, track progress stages, and reorder cards…
Listboxark-cn · ReactA shadcn-style listbox component built with Ark UI primitives.
Tailwind List BoxReact Spectrum · React
Item with header and footer sectionsReUI · ReactItem with header and footer sections
TaskAI Elements · ReactA collapsible task list component for displaying AI workflow progress, with status indicators and optional descriptions.
list-boxIntent UI · Reactlist-box
Todo ListbeUI · ReactShows which planned work is paused by the decision.
Kanban BoardSpectrum UI · Reactcomponent for the Kanban Board
Checkbox-04 - Checkbox with todo listShadcn Space · ReactCheckbox component
Resource Links PanelOpenSourceUI · React
Liquid Indexuselayouts · ReactA feature list whose hover badge is a WebGL liquid gradient that tracks the row.
Grid List 03Tremor Blocks · React
Perplexity SearchNotra · ReactThe globe search step with queries, source rows and a +N more expander, built on shadcn Collapsible.
Career 3Watermelon UI · React
Kanban BoardUI Lab · ReactLift a card and the others slide aside to make room for it.
Encrypted Vault BlockLocalMode · ReactA passphrase-locked, end-to-end encrypted item store driven by useEncryptedVault — AES-GCM ciphertext at rest in…
Item adornmentCojeev UI · ReactColoured organic shapes for list items, with deterministic automatic selection and custom icon or no-icon options.
VariantsFLX UI · ReactDefault, outline, and muted variants side-by-side.
Liquid Sortable ListSpaceUI · ReactSmooth drag-and-drop sortable team list with generative avatars and spring reordering.
Vanilla Grid ListReact Spectrum · React
Integration items with connect actionsReUI · ReactIntegration items with connect actions
Test ResultsAI Elements · ReactDisplay test suite results with pass/fail/skip status and error details.
Leaderboard TableSpectrum UI · ReactRankings with medal chips for the top three, player avatars, streaks and weekly movement.
Checkbox-05 - Checkbox with list groupShadcn Space · ReactCheckbox component
Stacked Listuselayouts · ReactAn expandable list widget with a stacked layout and smooth morphing transitions.
Grid List 04Tremor Blocks · React
Career 4Watermelon UI · React
LeaderboardUI Lab · ReactPlayers glide past each other to their new ranks.
Category Facet ListLocalMode · ReactA domain-decoupled, filterable category facet (vertical list or horizontal pills) with per-category count badges…
SwapyCojeev UI · ReactCards swap positions through a drag handle or keyboard controls and retain their order in React state.
SizesFLX UI · ReactDefault, sm, and xs sizes side-by-side.
Notification ListSpaceUI · ReactDisplays an interactive feed of incoming notifications with unread indicators, timestamps, and swipe-to-dismiss actions.
Vanilla List BoxReact Spectrum · React
Activity feed items with avatars and actionsReUI · ReactActivity feed items with avatars and actions
Nav List CardSpectrum UI · ReactA compact navigation card that lists links with icons, with a spring slide on hover.
Item 01 - Team Members ListShadcn Space · ReactA team members list built with the Item primitive, showing avatar, name, email, role badge, and a dropdown menu with…
Grid List 05Tremor Blocks · React
FilesWatermelon UI · React
Reorder ListUI Lab · ReactPicks rows up by the handle and slides the rest out of the way.
Option ListLocalMode · ReactAn inline multi-choice selection list (shows 5–7 options then paginates) for human-in-the-loop agent inquiries…
With iconFLX UI · ReactLeading icon placed before the title and description.
Pin ListSpaceUI · ReactProvides a quick-access bar where users can pin, organize, and reorder favorite items, documents, or shortcuts.
Items with icon media and action buttonsReUI · ReactItems with icon media and action buttons
Recent ActivitySpectrum UI · ReactAn activity feed card that lists agent runs with duration and recency chips.
Product Category 01 - Horizontal ListShadcn Space · ReactA horizontal category list displaying product groups with icons, item counts, and quick links, enabling users to scan…
Grid List 06Tremor Blocks · React
Pin ItemWatermelon UI · React
Sortable GridUI Lab · ReactDrag an app tile and the others slide out of its way.
Model SelectorLocalMode · ReactA device-aware model picker: a list grouped by category, backend filter chips (WebGPU/ONNX/WASM/LiteRT) with live…
With avatarFLX UI · ReactUser avatar photo placed before the name and subtitle.
Libraries with Tailwind CSS list components
Related categories
- List Components
- React List Components
- Animated List Components
- shadcn/ui List Components
- Tailwind CSS Data Display Components
- Tailwind CSS Card Components
- Tailwind CSS Chart Components
- Tailwind CSS Table Components
- Tailwind CSS Avatar Components
- Tailwind CSS Stat Components
- Tailwind CSS Calendar Components
- Tailwind CSS Accordion Components
- Tailwind CSS Data Table Components
- Tailwind CSS Carousel Components
- Tailwind CSS Collapsible Components
- Tailwind CSS Avatar Group Components
- Tailwind CSS Stat Card Components
- Tailwind CSS Bar Chart Components
- Tailwind CSS Tree View Components
- Tailwind CSS Card Stack Components