Tables and lists

237 components, 228 with React code

Data tables, ranked lists, queues and row menus with status chips, actions and pagination already designed. Drawn for agents, campaigns, customers, secrets, runs and more.

Record lists with filters and row actionsReview and approval queuesRanked lists inside overview cards

Top locations card component preview
Top locations cardLoopoCodeFree
Locations component preview
LocationsLoopoCodeFree
Up next card component preview
Up next cardLoopoCodeFree
Checklist component preview
ChecklistLoopoCodeFree
People card component preview
People cardLoopoCodeFree
People table component preview
People tableLoopoCodeFree
All segments card component preview
All segments cardLoopoCodeFree
Segments table component preview
Segments tableLoopoCodeFree
Channel performance card component preview
Top products card component preview
Top products cardLoopoCodeFree
Channel table component preview
Channel tableLoopoCodeFree
All reports card component preview
All reports cardLoopoCodeFree
Reports table component preview
Reports tableLoopoCodeFree
Transactions card component preview
Transactions cardLoopoCodeFree
Transactions table component preview
Transactions tableLoopoCodeFree
Popular articles card component preview
Articles component preview
ArticlesLoopoCodeFree
Articles, 3.1k component preview
Articles, 3.1kLoopoCodeFree
Article component preview
ArticleLoopoCodeFree
Payout speeds table component preview
Payout speeds tableLoopoCodeFree
General card component preview
General cardLoopoCodeFree
Members card component preview
Members cardLoopoCodeFree
Browse and filter all 237

Every tables and lists component, by system

Axon81

Questions

Do these tables include empty and loading states?

The library covers empty states as their own components, and several tables ship with filter, column and row-action popovers. Check each component page for what is inside.

Are the tables built on a data grid library?

No. They are plain React and Tailwind markup, so you can wire them to any data source or wrap them with TanStack Table for sorting and virtualisation.

Guides