🎃 Kiroween: My Spooky UI Challenge Entry

For this year’s Kiroween, I created a spooky-themed UI built entirely with Kiro — dark, atmospheric, and a little bit cursed.
The design draws on classic Halloween vibes: flickering lantern lighting, eerie glows, moving shadows, fog layers, and playful jump-scare-style micro-animations.
I wanted the interface to feel alive, as if each component had its own supernatural personality.

🧛‍♂️ What Inspired Me

• 90s horror game menus with grainy textures and subtle glitches
  
• Tim Burton–style quirky darkness
  
• The feeling of wandering through a foggy forest with UI elements lighting the path
  
• The creative, playful spirit of Kiroween

My goal was to blend nostalgic horror aesthetics with a modern, responsive interface powered by Kiro.

🧠 What I Learned

• How to push Kiro components to create a strong, immersive visual theme
  
• How lighting, timing curves, and shadow work can transform a UI’s mood
  
• How to handle state and animations to make interactions feel alive
  
• How experimenting outside of “safe production design” leads to fun, unexpected ideas
  

Kiroween was a great opportunity to explore weird concepts, break a few rules, and craft a UI that’s spooky, stylish, and interactive.

Built With

• javascript
• kiro