๐จ
UI Library
A collection of beautiful, reusable React components and CSS snippets built with Tailwind CSS and Framer Motion.
Animations
Test and apply robust Framer Motion animation utilities to your components.
1. Select Animation
2. Select Component
Sample Card
A compact card layout designed to test entry animations.
Learn more โ
AnimatedCard.tsxLanguage: tsx
import { motion } from 'framer-motion';
import { fadeUp } from '@/lib/animations';
export default function AnimatedComponent() {
return (
<motion.div
variants={fadeUp}
initial="hidden"
animate="visible"
>
{/* Your Component Content */}
</motion.div>
);
}