# Animated Table

> A composable and accessible Table component built with React and Tailwind CSS, featuring smooth row animations powered by Framer Motion.  Features:  Lightweight, customizable table primitives for building full-featured tables.  Supports semantic table elements: table, thead, tbody, tfoot, tr, th, and td.  Smooth fade and slide-in row animations on mount, creating a visually appealing waterfall effect.  Responsive design with horizontal scrolling enabling when content exceeds container width.  Tailwind CSS integration for easy styling and theming consistency.  Works well with complex data and interactive contexts.

- Author: [Arunachalam](https://21st.dev/@arunachalam)
- License: unknown
- Live preview: https://21st.dev/@arunachalam/components/animated-table

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/arunachalam/animated-table?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt