Built for React & Next.js

Build
Beautiful.

Beautiful, production-ready animated components for React and Next.js. Ship stunning interfaces in minutes, not hours.

import { motion } from "duskui";

export const Card = () => (
  <motion.div
    animate={{ scale: 1.1 }}
    transition={{ duration: 0.5 }}
  />
);

Everything you need

Built on top of the latest web technologies to ensure best-in-class performance and developer experience.

Lightning Fast

Optimized for performance with zero runtime overhead for static styles.

3D Transforms

Hardware accelerated 3D transforms for buttery smooth animations.

Layout Animations

Automatic layout animations when components change size or position.

Gesture Support

Rich gesture support including drag, pan, hover, and tap.

Server Side

Full support for Server Side Rendering and React Server Components.

Accessibility

Respects reduced motion preferences automatically.

Scroll-linked animations

Create immersive storytelling experiences by linking animations directly to scroll position. No complex math required.

1
Declarative scroll triggers
2
Declarative scroll triggers
3
Declarative scroll triggers

Ready to ship?

Join thousands of developers building the future of the web.