Motion

8 React motion effects for AI products and SaaS.

• Blur Crossfade – Swaps content with a soft blur while the box glides smoothly to the size of what comes next
• Gradient Floor – A blurred colour gradient that glows up from the bottom edge – two layers that drift and morph
• Gradient Text – Letters cut from a liquid, ever-flowing gradient – the color sweeps across the word the first time it's seen
• Grid Background – A fine line grid that drifts slowly behind your content and fades out towards the edges
• Number Ticker – Odometer-style numbers – every digit rolls to its new value and counts in from zero when it scrolls into view
• Shimmer Loader – Skeleton blocks that share one soft light sweep, plus shimmering text for “Thinking…” states
• Text Reveal – Text that arrives word by word or letter by letter – each piece rises out of a soft blur as it scrolls into view
• Tilt Card – A card that tilts in 3D towards the pointer, with a soft glare that follows it and a smooth spring back