Introduction
StacklyUI is a collection of beautifully animated, accessible React components — built on Tailwind and Motion, designed to help you ship interfaces that stand out.
Most animated component libraries make you choose: dazzling demos with accessibility and performance gaps, or safe components that look like everything else. StacklyUI refuses that tradeoff. Every component is crafted to look striking and behave responsibly.
Principles
Accessible by default
prefers-reduced-motion is honored everywhere, interactive components are keyboard operable with visible focus, and ARIA is wired where it matters.
Performance first
Animations run on the compositor (transform/opacity). Pointer-driven effects write CSS variables instead of triggering React re-renders.
Token-driven theming
An OKLCH token scale tuned for both light and dark. Retheme the whole library by overriding a handful of CSS variables.
Your code, your call
Copy the source in via the registry CLI and own it, or install the npm package. Same components either way.
Explore components
Eight signature components ship in this release. Each has a live preview, copy-paste code, and a full props reference.