danilowoz/react-content-loader ? reverse-engineered prompt

Reverse engineered prompt

Build me a small React component library that makes skeleton loading placeholders with SVG, like the gray cards and shimmer effect you see while content is loading.

I want it to work in both React web and React Native, with the same basic API if possible. It should have a simple default loader, plus a few ready made presets like a Facebook style card. I also want a custom mode where I can draw my own loader using basic shapes like rectangles and circles. Let me change the colors, speed, size, direction for right to left layouts, and turn animation on or off. For the web version, please include a sensible accessibility title, and make it easy to use in different screen sizes with viewBox support.

Please add a few clear examples and a tiny demo page so I can see how it looks. If you need to check current docs or best practices online, feel free to do that.

Are you gonna build this?

make sure you review the code using coderabbit

Try freeSponsored — opens CodeRabbit in a new tab