An open-source motion layer for shadcn/ui. One <Cuts /> line animates your dialogs, sheets, tabs and toasts; four helpers animate lists, numbers, skeletons and cards.
Film cuts for shadcn. Add <Cuts /> once to your root layout.
When a control with an icon is pressed, its icon plays its own move: a gear turns, a bell rings, a lid lifts. Works with the lucide icons already in your app.
Lists that change without jumping: arrivals, departures and reorders, keyed by id.
A placeholder becomes real without a jump; fast data never flashes a skeleton.
A thing opens into its bigger self (card → detail), on the same page or across a route change.
Whole-content state changes settle with a fade or slide and a smooth container height.
A value that changes in place (a price, a count, a status) punches in.