May 2026
Boids Ecosystem, Sibling Focus Nav, Gooey Tabs, Card Stack, live demos at /demo, and Tailwind CSS 4.3.
Four new components, live demos at /demo, significant updates to Fluid and Shift tabs and Speed Dial, and a toolchain pass (pnpm, Tailwind 4.3, shadcn/ui resync).
New components
Boids Ecosystem
Canvas flock with cursor repulsion, optional attractors, and a reduced-motion fallback.
Sibling Focus Nav
Dims sibling links until the active one is hovered or focused — opacity or blur, pure CSS.
Gooey Tabs
Icon tabs with one expanding label merged through an SVG goo filter.
Card Stack
Composable card stack that cycles infinitely with SVG photo masks and a synchronized shuffle animation.
Split Reveal
Fixed overlay preloader that loads images, locks scroll, fades the progress UI, then splits from the center seam with CSS keyframes — no Motion dependency.
Live demos
Full-page compositions at /demo/{group}/{item} with chrome that fades in on pointer activity, prev/next, a searchable picker, and keyboard shortcuts. Recipe notes and source panels sit below each demo; production build validates the demo registry.
Superhuman · platform hero
Platform hero with Mail, Docs, and AI tabs over a Boids Ecosystem field.
Wordmark · Lucien-style type
Footer wordmark with boids background and gradient type treatment.
Stream · premiere browse
Premiere headline, scroll-snap poster row, and dual opposing Marquee columns.
Photographer portfolio
Wedding photographer hero with Card Stack, Trailing Image trail, and Split Reveal preload. Print sizing uses container queries and aspect-ratio — no ResizeObserver.
Removed Scrolling Testimonials as a standalone component — that pattern now lives in the browse demo.
Improved components
Fluid Tabs
Composable List / Tab / Icon / Label API, manual keyboard activation, and a Motion layoutId pill.
Shift Tabs
Same composable shape as Fluid with tilted hover frames on inactive tabs.
Speed Dial
Click-to-open with keyboard menu support and CSS stagger — no hover-only or Motion.
Card Stack
Top-card press feedback ran through the same transform channel as the shuffle animation instead of a CSS active scale on the trigger.
Split Reveal
Replaced Motion shutters with CSS keyframes and custom easing. Preload waits for decoded images before revealing — no sessionStorage skip or early timeouts.
Registry installs for all three tab variants now bundle animata/tabs/shared.ts for focus rings and arrow-key behavior.
Improvements
Migrated from Yarn 4 to pnpm. Upgraded Tailwind CSS to 4.3 and re-synced seventeen shadcn/ui primitives from https://animata.design/r/{category}/{name}.json. The shadcn:add script calls shadcn@latest. Docs use Instrument Sans and silver inline code chips; fenced blocks get line numbers after pretty-code. Animated Border Trail install steps no longer reference unused global CSS. Unpublished feature-cards docs and Commit Graph. Replaced bare transition utilities with explicit transition-* across animata.
Bug fixes
Photographer portfolio demo
Caption and print column shared one width constraint on short viewports so metadata lined up with the 4:5 frame on MacBook-sized screens.
Glowing Card
Fixed layout overflow and documented the @theme blur/glow tokens from the v3 config.
The command palette dialog scaled from the top-left after the shadcn sync — dropped legacy slide-in-from-* transforms on DialogContent that fought centered translate under Tailwind v4. Restored CardTitle and CardDescription as h3 and p after the registry sync had swapped them for generic divs.