tables
Table rows that reorder with FLIP
A sortable data table where changing the sort column doesn't snap rows into place: each row's position is measured before and after the reorder and the difference is animated with the FLIP technique (First, Last, Invert, Play), reversing direction when the same header is clicked twice.
See it live and copy its promptWhat you can adjust
- Accent color
- Row radius
- FLIP duration
- Demo pace
- Positive change color
- Negative change color
How this catalog works
Every component ships with its reproduction prompt: the text you paste into an AI builder to get exactly this piece. The values above are editable, and the prompt you copy carries the ones you chose, so what gets generated is what you were looking at.
