Installation
Setting up ReactAtoms is easy. Since we aren't a traditional library, you just need a Next.js project with Tailwind CSS and Framer Motion specific utilities.
1. Install Dependencies
We rely on `framer-motion` for animations and `clsx` + `tailwind-merge` for class management.
2. Add Utility Helper
Create a `cn` utility to handle Tailwind class merging. This is standard in most modern React projects (like shadcn/ui).
src/lib/utils.ts
3. You're Ready
That's it! You can now browse the components and copy the code directly into your project.
Wait, that's it?
Yes. ReactAtoms is designed to be **copy-paste**. We don't want you to fight with a complex build system or huge dependency tree. Just copy the file, and you own the code.