magicuidesign/magicui ? reverse-engineered prompt

Reverse engineered prompt

I want to build a website to showcase a library of UI components, something like Magic UI. The main idea is to offer a set of free, open-source animated components that people can easily copy and paste into their own React projects. The vibe should be slick and modern, targeting "design engineers."

The site should be built with Next.js and Tailwind CSS. For the components themselves, they should use Framer Motion for the animations to make them feel really fluid. I want to feature things like animated text effects, cool background patterns, a bento grid layout for showcasing multiple items, and maybe even a neat animated globe or dock component.

The project should be set up as a documentation site where each component gets its own page with usage examples. Think of it as a collection of really polished, plug-and-play components that can be used with shadcn-ui.

Are you gonna build this?

make sure you review the code using coderabbit

Try freeSponsored — opens CodeRabbit in a new tab