Transitions.dev

Web application development-ready UI transition collection library. You can copy interaction code or quickly apply it to your project with the CLI and agent skills.

• Various UI interaction components
  • Basic motion: commonly used UI effects such as card resize, number animation, menu dropdown, and modal open/close
  • Advanced animations: complex effects such as physics-based drag and drop, fireworks, deletion effects that disappear like smoke, and 3D tilt
• Application and control methods
  • You can copy CSS and React code from the website, or add the desired transition to your project with `npx transitions-pro add card-resize`.
  • If installed with `npx skills add Jakubantalik/transitions.dev`, agents such as Cursor, Claude Code, and Codex can apply transitions directly.
  • Using the Refine tool