DavidHDev/react-bits ? reverse-engineered prompt

Reverse engineered prompt

I want to build a website to showcase a huge library of animated and interactive React components. The goal is to create a go-to resource for developers to find unique, polished components to make their own sites more memorable.

The site should feature over 100 components, sorted into categories like text effects, UI elements, and animated backgrounds. For each one, users should be able to see a live preview, customize it a bit, and then easily copy the code to paste into their own project. It's important that the components are offered in a few variants, like for JavaScript or TypeScript, and with styling for both plain CSS and Tailwind.

Also, let's include a "creative tools" section. This could have a 'Background Studio' to visually build and export animated backgrounds, a 'Shape Magic' tool for creating custom SVG shapes, and maybe a 'Texture Lab' for adding cool effects to images. Use a modern stack like React with Vite.

Are you gonna build this?

make sure you review the code using coderabbit

Try freeSponsored — opens CodeRabbit in a new tab