April 2026
19 new text animation presets, shadcn registry launch, announcement ribbon, site revamp.
Big month. Nineteen new text animation presets landed, built on a shared WAAPI runtime. The shadcn registry also went live, changing how people get components into their projects. There was also a new announcement ribbon component, and the site got a meaningful speed and accessibility pass.
Text animations
Nineteen new presets built on a shared TextAnimator runtime. The timing model is consistent across all of them — swap one for another without rewriting anything.
Blur Out Up
Words arrive clean and depart upward with increasing blur for airy exits.
Bottom-Up Letters
Letters rise from below in a pronounced staircase, one symbol at a time.
Fade Through
Material-style transition: old text fades out, new text fades in with a soft delay.
Focus Blur Resolve
Heavy blur pulls into crisp text, then softly blurs out on exit.
Kinetic Center Build
Each new word enters from the right and pushes the line until the phrase locks centered.
Line-by-Line Slide
Lines enter from the left with a staggered slide and exit right for a flowing paragraph reveal.
Mask Reveal Up
Lines reveal upward with a soft masked feel and compact stagger.
Micro Scale Fade
Tiny scale pop used as subtle premium polish for labels and headings.
Per-Character Rise
Letters slide up from below with no blur — crisp and kinetic, tvOS-style.
Per-Word Crossfade
Words fade into place one after another with a short vertical drift.
Scale Down Fade
Subtle settle-in with a restrained scale-down fade on exit.
Shared Axis Y
Per-word hard-cut transition with staircase timing for sharp editorial swaps.
Shared Axis Z
Scale-based shared-axis transition for focus shifts and depth changes.
Shimmer Sweep
A subtle light sweep across a headline, gliding from left to center.
Short Slide Down
Each new word drops in from above and pushes the stack until a three-line composition locks centered.
Short Slide Right
The whole phrase glides in from the left; words reveal in sequence through opacity only.
Soft Blur In
Per-character fade-in with a gentle blur and upward drift — Apple's signature hero-title reveal.
Spring Scale In
Words pop in with a soft overshoot scale, like a physical spring settling.
Top-Down Letters
Letters descend from above in a pronounced staircase, one symbol at a time.
shadcn registry
Every Animata component now has a registry URL. Instead of copying files by hand, you pass the URL straight to the shadcn CLI:
npx shadcn add https://animata.design/r/container/marquee.jsonIt resolves imports and dependencies automatically. The URL pattern is https://animata.design/r/{category}/{name}.json — works for every component in the library.
New component: announcement ribbon
A sticky top-of-page banner for announcements. It uses the Marquee component internally for the scrolling track, so it inherits all the same pause-on-hover and repeat behavior. There's a badge slot on the left, scrolling content in the middle (accepts any React node), and an optional link CTA on the right. The whole thing is brand yellow — works on both light and dark backgrounds.
Site updates
The landing page is faster and more accessible. Keyboard navigation is cleaner, the heading structure is consistent for screen readers, and several layout shifts on first load were fixed.