Ember
Hold the egg to hatch a tiny dragon
An egg that hatches a cute baby dragon when you hold it. Good for: a fun landing page, a game site or a playful surprise. How it works: Press and hold the egg to warm it, cracks spread, and a tiny dragon pops out and blinks at you. How to use: Copy the files into your page and change the colours or text. No libraries needed.
$3.00 — one-time price, free updates
- A UI component for any site
- Plain HTML, CSS and JavaScript · nothing to install
- Use it in unlimited client projects
Built with Plain JavaScript, CSS, Canvas, SVG.
What is in the zip
- index.html
- script.js
- style.css
Version history
- v1.0.0, 2026-07-10 — First release. Ember shipped as one file, with the reel recorded from the real page.
Related
- Love Letter — A pixel art love letter opened with an arrow
- Birthday — An animated birthday greeting that ends in a heart of flowers
- Deadline — A funny coding animation with a deadline chasing a developer