# 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.

Website: https://kobra.systems/grouped-table

## What it is 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](https://xiry.app/topics/development.md)
- Topic: [UI Components](https://xiry.app/topics/development/ui-components.md)
- 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, 1 October 2026](https://x.com/haaarshsingh/status/2105719659282461137): Reusable interaction pattern for data tables in apps; can be installed/downloaded directly.

## Related

- [shadcn/ui](https://xiry.app/resources/shadcn-ui-1902): Copy-paste React UI components built with Tailwind CSS and Radix primitives. (Website, Open source)
- [Efferd](https://xiry.app/resources/efferd): Pre-built, responsive shadcn/ui blocks and layouts for React applications (Web app, Freemium)
- [Motion](https://xiry.app/resources/motion): Open-source animation library for React, Vue, and vanilla JavaScript (Website, Freemium)
- [React Bits](https://xiry.app/resources/react-bits): Open-source animated and interactive React UI components and backgrounds (Website, Freemium)
- [21st.dev](https://xiry.app/resources/21st-dev): Curated directory of crafted React, Tailwind, and shadcn UI components. (Website, Freemium)
- [lucide-animated](https://xiry.app/resources/lucide-animated): Open-source animated React icons built with Lucide and Motion (Web app, Open source)

Updated 10 October 2026. Page: https://xiry.app/resources/kobra-grouped-table

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.