SkillGitHub
All components
animated-empty-state

Animated empty state

Moves a valid empty state directly toward one clear first action and result.

  • Keyboard ready
  • Reduced motion
  • TypeScript
Scene
editorial · warm
Runtime cost
Light
Motion engine
motion
Installnpx shadcn@latest add https://motion-lexicon.pages.dev/r/animated-empty-state.json

Component behavior

Context, illustration, and action arrive as one sequence Moves a valid empty state directly toward one clear first action and result.

Suitable events

Use for input, validation, selection, and field-state changes.

Runtime information

Motion engine
motion
Runtime cost
Light
Dependencies
motion
Open public Registry JSON