Development · Web app
Kobra Grouped Table
React issue table component that glides into rows when resized
A Linear-style grouped table component built with React and Tailwind CSS. It categorizes items by status and uses animated column transitions that collapse neatly into individual row cards as available width shrinks. It can be added to codebases via the shadcn CLI or downloaded individually.
What it's for
- Build a Linear-style project tracking or issue management view
- Display categorized datasets that adapt gracefully across narrow side panels and full-screen layouts
- Implement collapsible status-based data groups with smooth layout animations
Features
- Collapsible status groupings with count badges
- Fluid column-to-row layout transitions on width resize
- Compatible with the shadcn CLI for easy code installation
- Built using Base UI Collapsible primitives
- Light and dark mode design support
- Exposes standard data-slot attributes for custom CSS styling
Pricing
Paid. $19 for the standalone component, or included with Kobra Pro
Details
- Type
- Web app
- Category
- Development
- Topic
- UI Components
- Open source
- No
- Platforms
- Code library, Web
- For
- React frontend developers and UI engineers building SaaS dashboards
- Alternative to
- TanStack Table
- Tags
- react, tailwind, shadcn, data table, ui library, linear design
Why it was saved
- @haaarshsingh: Reusable interaction pattern for data tables in apps; can be installed/downloaded directly.
Related
Copy-paste React UI components built with Tailwind CSS and Radix primitives.
Pre-built, responsive shadcn/ui blocks and layouts for React applications
Open-source animation library for React, Vue, and vanilla JavaScript
Open-source animated and interactive React UI components and backgrounds
Curated directory of crafted React, Tailwind, and shadcn UI components.
Open-source animated React icons built with Lucide and Motion
Updated