codse/animata — reverse-engineered prompt

Build me a polished website for Animata, a free collection of copy and paste animations and interaction effects for React projects. I want it to feel like a modern gallery where people can browse handcrafted effects, preview them live, and quickly copy the code into their own project.

Use the existing stack from this repo, Next.js, React, Tailwind, TypeScript, and Framer Motion where it makes sense. The site should explain that this is not a full UI library, it’s a set of animation snippets people can use alongside their own design system. Include clear getting started guidance, dependency notes, and simple examples that show how to set up the helper function and required Tailwind pieces.

Make the experience clean, fast, and friendly. Add a nice homepage, docs style pages, animation cards, preview areas, copy buttons, and responsive layouts. Keep the visuals playful but not cluttered. If you need exact API details or current best practices, look them up online.