Skip to content

ActionsCopy button Loading button Hold to confirm Long press

OverlaysCommand palette Context menu Drawer Dropdown Modal Popover

InputsExpanding search Floating label Inline validation OTP input Password strength Slider detents Tag input

NavigationAccordion Hide on scroll Pagination Segmented control Tabs

DataFilter grid Reorder list Sortable table

FeedbackProgress bar Task steps Value flash

Entrances & exits Sequencing & timing Movement & transforms State transitions Scroll motion Feedback & interaction Easing Spring animations Looping & ambient motion Polish & effects Performance Principles

ResourcesGuides Agent Skill GitHub

React · Motion · shadcn registry

Copy-ready React motion components

28 componentsnpx shadcn@latest add

Actions

4

Copy buttoncopy-button

Loading buttonloading-button

Hold to confirmhold-to-confirm

Long presslong-press

Overlays

6

Command palettecommand-palette

Context menucontext-menu

Drawerdrawer

Dropdowndropdown

Modalmodal

Popoverpopover

Inputs

7

Expanding searchexpanding-search

Floating labelfloating-label

Inline validationinline-validation

OTP inputotp-input

Password strengthpassword-strength

Slider detentsslider-detents

Tag inputtag-input

Navigation

5

Accordionaccordion

Hide on scrollhide-on-scroll

Paginationpagination

Segmented controlsegmented-control

Data

3

Filter gridfilter-grid

Reorder listreorder-list

Sortable tablesortable-table

Feedback

3

Progress barprogress-bar

Task stepstask-steps

Value flashvalue-flash