๐ŸŽจ

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> ); }