# ProductTable

> Animated Product Table is a highly interactive, feature-rich table built with React, TanStack Table, and Framer Motion. It supports global search, pagination, and column toggling, while providing smooth animations for all table interactions. When columns are toggled, they expand or collapse with a fluid transition, and rows fade and slide in/out seamlessly. This ensures a polished, modern user experience where data updates and structural changes are visually appealing, making it ideal for dashboards, admin panels, or any application requiring dynamic table displays.

- Author: [Ruixen UI](https://21st.dev/@ruixen.ui)
- Library: [Ruixen UI](https://21st.dev/@ruixen.ui/library/ruixen-ui)
- License: unknown
- npm dependencies: @tanstack/react-table
- Live preview: https://21st.dev/@ruixen.ui/components/product-table

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/ruixen.ui/product-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