Have you ever wanted to build something so fun that you

forgot you were even coding? That's exactly what happened

when I built this — a fully cinematic, interactive login

portal featuring Toothless the Night Fury from

How to Train Your Dragon 🐉

🔗 Live Demo

👉 Try it here

💻 View Source on GitHub

✨ What Does It Do?

This isn't just a login form. Toothless reacts to everything you do:

👀 Eye Tracking — the dragon's pupils follow your cursor in real time as you move around the screen

🪽 Shy Behavior — when you click the password field, Toothless lowers his wings and hides shyly

⚡ Plasma Charge — hitting the login button triggers a full plasma charging animation sequence

🌩️ Cinematic Thunder — custom lightning and thunder effects fire during dramatic moments

🛠️ Tech Stack

Angular 21 — component architecture and reactive form state handling

Tailwind CSS v3 — all layout and utility styles

Pure SVG — Toothless is hand-crafted SVG, no images or libraries

CSS Keyframe Animations — all motion is…