✨ MotionUI 2.0 is here! Explore our new components and features ✨
A modern UI component library powered by Next.js and Tailwind CSS with beautiful animations and dark mode support.
import { motion } from "framer-motion";
export const Button = ({ children }) => (
<motion.button
whileHover={{ scale: 1.05 }}
whileTap={{ scale: 0.95 }}
className="px-6 py-3 rounded-full
bg-gradient-to-r from-purple-600 to-indigo-600
text-white font-medium shadow-lg"
>
{children}
</motion.button>
);A modern component library that combines the power of Next.js, Tailwind CSS, and Framer Motion
Built with developers in mind, offering clean code and easy customization options.
Optimized for performance with minimal bundle size and efficient rendering.
Carefully crafted components with attention to detail and modern aesthetics.
Extensive library of UI components to build any type of web application.
Built-in animations and transitions for creating engaging user experiences.
Full dark mode support out of the box for all components and layouts.
Subscribe to our newsletter and be the first to know about new components, features, and updates.