design-infraReport a problem or share feedback← Catalog
Table Async Table
curatedfreebeui/table-async
Loads pages on demand — skeleton rows on first load, then infinite scroll via onEndReached as the virtualized list nears the bottom.
$
npx shadcn@latest add @beui/table-asyncnpm deps: @tanstack/react-virtual, clsx, lucide-react, motion, tailwind-merge
Our notes
A data-table starting point for asynchronous records. Connect the real query, loading/error/empty states and server pagination; preserve accessible headers.- Source
- beUI (free)
- Kind
- component
- Categories
- table
- Use as
- drop-in — replaces your component
- Applies to
- table
- Motion
- on state, loop · subtle · motion · medium cost
- Tags
- react, tailwind-v4, motion, motion
- Licence
- MIT — Copyright (c) 2026 Saurabh Chauhan; retain the upstream notice when copying source.
- Live demo
- beui.dev
- Docs
- beui.dev
Similar
Compare all 4 →- Sortable Listbeui/sortable-stackReorderable items with drag and keyboard controls. Connect the order to application state and persistence; a demo reorder is not backend storage.
- Diff Tablebeautifui/diff-tableRow-level diff table for agent-proposed data changes. Requires the Beautiful UI foundation.css, which redefines --accent (collides with shadcn).
- Records Tablebeautifui/records-tableCRM-style grid with tags, sorting, and relationship status. Then add `@import "./beautifui/records-table.css";` to your app's globals.css.