– 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

Code Snippet

Free Invoice Generator

A completely free, open-source invoice generator with no ads, tracking, or data collection. Create professional PDF and CSV invoices instantly with customizable templates.

6 Feb 2025

View snippet

Code Snippet

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

View snippet

Code Snippet