Tables built with Motion. Install via CLI or copy the code into your project.
Modern
Row selection, sorting, and animated transitions.
Name | Role | Status | Progress | Date | |
|---|---|---|---|---|---|
Alex Thompsonalex.thompson@example.com | Developer | Active | 75% | 2025-01-01 | |
Sarah Wilsonsarah.wilson@example.com | Designer | Inactive | 45% | 2025-01-02 | |
Michael Chenmichael.chen@example.com | Manager | Active | 90% | 2025-01-03 | |
Emily Davisemily.davis@example.com | Analyst | Active | 60% | 2025-01-04 | |
James Wilsonjames.wilson@example.com | Developer | Inactive | 30% | 2025-01-05 |
npx @abhivarde/syncui@latest add tables/modern
Minimal
Essential data only, with smooth animations.
| Name | Role | Status | Progress |
|---|---|---|---|
| Alex Thompson | Developer | Active | 75% |
| Sarah Wilson | Designer | Inactive | 45% |
| Michael Chen | Manager | Active | 90% |
| Emily Davis | Analyst | Active | 60% |
| James Wilson | Developer | Inactive | 30% |
npx @abhivarde/syncui@latest add tables/minimal
Expandable
Rows expand to show additional details.
| Name | Role | Status | Date | Actions | |
|---|---|---|---|---|---|
Alex Thompsonalex.thompson@example.com | Developer | Active | 2025-01-01 | ||
Sarah Wilsonsarah.wilson@example.com | Designer | Inactive | 2025-01-02 | ||
Michael Chenmichael.chen@example.com | Manager | Active | 2025-01-03 | ||
Emily Davisemily.davis@example.com | Analyst | Active | 2025-01-04 | ||
James Wilsonjames.wilson@example.com | Developer | Inactive | 2025-01-05 | ||
npx @abhivarde/syncui@latest add tables/expandable