– Playground

Hannah's Code Playground
-
Interactive Web Development Snippets

Explore interactive code demos, JavaScript experiments, and web development prototypes. Each snippet showcases modern frontend techniques, creative CSS animations, API integrations, and innovative user interface solutions you can use in your own projects.

Code Snippet

SVG Liquid Thermometer with Animated Bubbles

Building an interactive thermometer component with smooth liquid animations and rising bubbles using SVG and CSS.

11 Sept 2025

View snippet

Code Snippet

Theme Toggler with Audio

Building an interactive theme toggle with dial animation and audio feedback - from clicks to sunrise choruses!

30 Jul 2025

View snippet

Web Application

Free Invoice Generator

Free professional invoice generator - create PDF and CSV invoices instantly. No ads, no tracking, no subscriptions. Always free with custom branding, VAT calculations, and digital signatures.

6 Feb 2025

Try it now

Web Application

Euro 2024 Generator

Create your own Euro 2024 tournament with this generator. Choose your teams, add participants and generate a table for the ultimate football showdown.

11 Jun 2024

Try it now

Code Snippet