Animated components from the Chewypixel templates, built with Motion.
A number that counts to its new value when it changes.
A checkbox that draws its check mark and squishes when pressed.
A section that opens and closes by animating its height.
A command palette whose highlight glides between results as you move through them.
A dialog that springs up over a light overlay and animates out before it closes.
A frosted menu that scales out of its trigger and animates out when it closes.
A thumbnail that flies out to a larger view in the middle of the screen, over a lightly blurred page.
Radio buttons that squish when pressed, with a dot that springs in when picked.
Mutually exclusive options with a highlight that slides to the selected one.
A side panel that slides in from any edge of the screen over a light overlay.
A colored dot and a label for showing state, with an optional pulse.
A switch whose thumb springs across when toggled and stretches while pressed.
Underline tabs. The underline slides to the active tab and resizes to fit its label.
A tooltip on a frosted panel that scales in from its trigger and fades out when you move away.