Inspiration
Remember playing with kaleidoscopes as a kid? That magical feeling of endless, beautiful patterns inspired us to create a digital version for the social media age. I wanted to capture that same wonder but make it shareable.
What it does
Kaleidoscope Playground lets you create stunning symmetrical patterns and export them as GIFs for social media. Pick from different pattern types, color palettes, and mirror configurations. Hit "Surprise Me!" for instant random beauty. Every pattern is mathematically unique - no two are exactly the same.
How I built it
Built with React and HTML5 Canvas for smooth 60fps animations. I used real mathematical mirroring (trigonometry and rotation matrices) to create authentic kaleidoscope effects. Tailwind CSS gives it that sleek, modern look with glassmorphism effects.
Challenges I ran into
crafting the perfect prompt so I get a chance to win the one shot competition
Accomplishments that we're proud of
- Actually looks good,
- Its interactive, lot of options
- Opportunity to build so much more, and actually make them useful
- ONE SHOT, got it working in one prompt, eyeing the price
What we learned
Vibe coding is empowering and its too fun to see ideas being built, problem solving ,overdone, fun is underrated, and here's my fun take
What's next for Kaleidoscope Playground
Music-reactive patterns, social sharing features, and maybe an AR mode where you can see kaleidoscopes in the real world through your phone camera.
Log in or sign up for Devpost to join the conversation.