For AI Agents
Hand your agent this brief or the ReUI MCP, not a screenshot. Installs with a ReUI Pro or Ultimate license.
When to use
- A dashboard side panel of KPIs, funds, coins, investments or movers with a figure on every row
- A short wallet or crypto transaction history with a signed credit or debit amount on each row
- An integrations directory or picker with a connect or add button on every row
When not to use
- Records or metrics laid out as separate tiles in a grid, one tile per record: use the Card blocks
- A single row layout of media, title and actions to compose a list of your own: use the Item component
- Headline metrics that each need an actions menu, a progress bar or a segmented gauge: use the Stats blocks
Agent notes
- Each page.tsx centers the block in a padded
min-h-svhwrapper; drop it when the list goes into your own dashboard layout - Every root component takes no props and renders constants from its
datamodule; add props to pass in your own rows - Every
FramePanelpins its padding with an important utility, so changing the Framespacingprop leaves those insets as they are
Markdown
https://web.dev.reui.io/blocks/application/list.mdMCP
search({ query: "list", type: "block", category: "list" })Shadcn List Blocks: Contacts, Records, Activity Rows and Action Lists
A list row has a hierarchy: the name, the second line, the badge, the meta on the right and the action that appears on hover. These blocks fix that hierarchy across the list types a product needs, from a contact list to a grouped activity feed, so rows read the same everywhere.
All List Blocks
Open any block on its own page for a live preview, the components it is built from, and the install command.
- Order KPI List Order Metrics List Card with Icon Tiles and Up Down Trend Badges
- Fund Leaderboard Capital inflows fund leaderboard list with logo badges and a range filter select
- Capital Inflows Capital Inflows Card with Period Tabs and Ranked Fund List Showing Amount and Share
- Crypto Portfolio Crypto Portfolio Snapshot List with Period Tabs and Per-Asset Trend Badges
- Crypto Activity Feed Crypto Transactions List with Color-Coded Credit and Debit Amounts
- Wallet Transfers Crypto transaction list card with period tabs and dual-token swap amounts
- Spending Feed Wallet Transactions List with Period Tabs and Color-Coded Category Icons
- Integrations Directory Integrations directory list with brand logos and per-row Connect buttons
- Capability Modules Manual integrations picker list with icon tiles, per-row add buttons, and Browse More footer
- Recent Investments Recent Investments Card with Searchable Gain-Loss Table and Company Logos
- Top Movers Top movers list table with company logos, status badges, and up/down trend values
What the List blocks cover
Application screens, each a full block with fixture data:
- Order Metrics List Card with Icon Tiles and Up Down Trend Badges
- Capital inflows fund leaderboard list with logo badges and a range filter select
- Capital Inflows Card with Period Tabs and Ranked Fund List Showing Amount and Share
- Crypto Portfolio Snapshot List with Period Tabs and Per-Asset Trend Badges
- Crypto Transactions List with Color-Coded Credit and Debit Amounts
- Crypto transaction list card with period tabs and dual-token swap amounts
- Wallet Transactions List with Period Tabs and Color-Coded Category Icons
- Integrations directory list with brand logos and per-row Connect buttons
- Manual integrations picker list with icon tiles, per-row add buttons, and Browse More footer
- Recent Investments Card with Searchable Gain-Loss Table and Company Logos
Built from
All Shadcn Block Groups
Browse the full ReUI Shadcn blocks library by product surface. Each group bundles category-level blocks you can mix and match across your project.
- Shadcn Application Blocks (303) Browse 303 Shadcn Application blocks across 23 categories.
- Shadcn Data Grid Blocks (47) Browse 47 Shadcn Data Grid blocks across 9 categories.
- Shadcn Charts Blocks (52) Browse 52 Shadcn Charts blocks across 10 categories.
- Shadcn Solutions Blocks (76) Browse 76 Shadcn Solutions blocks across 11 categories.
- Shadcn AI & Agents Blocks (22) Browse 22 Shadcn AI & Agents blocks across 3 categories.
- Shadcn eCommerce Blocks (87) Browse 87 Shadcn eCommerce blocks across 13 categories.
- Shadcn Marketing Blocks (67) Browse 67 Shadcn Marketing blocks across 8 categories.
Frequently Asked Questions
Do the lists support selection?
The record variants include a checkbox column and a bulk action bar; the simpler lists leave it out on purpose.
How do I install a List block?
Open the block on its page, copy the install command (the shadcn CLI with the @reui registry and your license key) or the AI prompt, and run it in your project. The block, its fixtures and every ReUI and shadcn dependency land in one command.
Is a license needed?
List blocks are part of ReUI Pro: one payment, lifetime updates, every block in every style. The ReUI primitives and the free examples they build on install with no license.
Start building with ReUI Pro today.
Every Pro block, every style, and every future addition, with one license for unlimited projects.
Get All-Access
From $249, once. Lifetime updates.