Motion
Transitions and micro-interactions
Choose a licence
- Instant download after payment
- Lifetime updates for this product
- Full TypeScript source, no obfuscation
- Charged in USD by Dodo Payments
Files are delivered immediately, so the right to cancel is waived at checkout. Read the refund policy before buying.
Motion that makes an interface feel expensive rather than busy. Forty-eight interactions covering page and view transitions, list reorder with correct enter and exit, modal and drawer choreography, optimistic feedback, drag affordances, scroll-linked reveals, number roll-ups, and the small confirmations that make an action feel received. Built on the View Transitions API with a graceful fallback, and every single one respects reduced-motion by degrading to an instant state change rather than disabling the feedback entirely. Durations and easings come from one token set so nothing in the product moves at a rhythm of its own.
What is included
- 0148 interactions on one timing token set
- 02View Transitions API with fallback
- 03List enter, exit and reorder done correctly
- 04Modal and drawer choreography
- 05Scroll-linked reveals that do not fight the scrollbar
- 06Reduced-motion degrades rather than disables
- 07Number roll-ups and optimistic feedback
- Interactions
- 48
- Framework
- React 19
- Base
- View Transitions + CSS, no heavy runtime
- Reduced motion
- Degrades to instant, never removed
- Timing
- One shared token set
- Format
- TypeScript source
- Bundle
- Under 6 kB gzipped
Release history
- 1.0.020 Aug 2026Initial release.
Which licence you need.
Personal
$29One personal project. Not for client or commercial work.
- Use in one personal, non-commercial project
- Unlimited local modification of the source
- Lifetime access to updates for the purchased product
- No client work, and no use inside a business
- No redistribution of the source, modified or not
- One developer
Commercial
$99Client work and business use, inside one company.
- Use in unlimited projects for one company or as one freelancer
- Use in paid client work, where the client is the end user
- Unlimited end users of the finished application
- Lifetime access to updates for the purchased product
- The source may not be redistributed as source
- Not for products where the template itself is what is being sold
- Up to five developers inside the one company
Extended
$199Redistribute inside a product you sell, such as a SaaS or app.
- Everything in Commercial
- Redistribution of compiled output inside a product you sell
- Use in a product where end users receive the interface as part of a paid service
- Use across unlimited companies you own
- The source may still not be sold or given away as source
- Not for building a competing template or component marketplace
Team
$399One whole company or agency. Unlimited seats.
- Everything in Extended
- Unlimited developers inside one organisation
- Use across every client and every internal project
- Internal distribution of the source to employees and contractors
- One legal entity, including its wholly owned subsidiaries
- The source may not leave the organisation
Unsure which applies? The full licence terms spell out every case in plain language. If your situation is not covered there, email us and we will tell you straight.