The Bolt Bear

The Bolt Bear is a playful web app to design, save, and share your own interactive bear – with mouse-tracking eyes, custom colors, fun items, and confetti.

Comment

🧠 Inspiration

We wanted to create something fun, simple, and expressive using only frontend technologies. Inspired by hackathon.dev and powered by bolt.new, The Bolt Bear was born – a way to build and share adorable interactive bears without any backend or complexity. It’s also a tribute to the creative energy of quick hacks and one-shot ideas.

🔧 What it does

The Bolt Bear lets users design custom interactive bears with:

  • Eyes that follow the mouse
  • Customizable colors (e.g. eyes, ears, background)
  • Optional items (NFT-style accessories)
  • A save function that adds each bear to a live in-page gallery as an image
  • A “Share” button for each creation
  • A confetti celebration effect when saving

Everything runs fully in the browser – no login, no database, no server.

🏗️ How we built it

  • HTML/CSS for layout and styling
  • Vanilla JavaScript for interactivity
  • Mouse tracking and animation logic for the eyes
  • Dynamic DOM updates for gallery and customization
  • Canvas or SVG snapshotting to convert bear designs into gallery images
  • Confetti via canvas-confetti
  • No backend – everything is client-side and fast

🧱 Challenges we ran into

  • Nothing

🏅 Accomplishments that we're proud of

  • Built the entire app using just frontend code with one Promt ;-)
  • Designed a playful, hackathon-ready UX
  • Created something fun with the last Bolt tokens – and no backend

📚 What we learned

  • nothing just fun

🚀 What's next for The Bolt Bear

  • Add drag & drop accessories (hats, glasses, etc.)
  • Export bears as downloadable NFTs or shareable links
  • Add simple bear animations (e.g. blinking, bouncing)
  • Let users remix existing bears
  • Maybe... make a collection? 🧸

Built for the WLH One-Shot Challenge with ❤️ in Germany.
Powered by Bolt.new

Built With

Share this project:

Updates