ckissi/kinetics — reverse-engineered prompt
Reverse engineered prompt
Build me a polished little website called Kinetics, a gallery of 99 spring physics micro interactions for web interfaces.
I want a single browsable page with a nice hero area, then a grid of cards where each card shows a live animation demo, a simple physics style readout, and a View code section that opens code samples people can copy. The code examples should be easy to grab and should include both CSS and React versions for each effect. The interactions should feel spring based, not fixed time easing, and the page should make that obvious.
Please also include a fun header demo, like an oscilloscope or interactive spring simulator, so visitors can play with the motion model up front. Keep it clean, fast, and static so it can be built and deployed easily. Use the existing project structure if there is one, and wire the demos by class name in a maintainable way. If anything is unclear, look up the current docs online and finish it in a sensible way.
Want more depth? Deep Reverse