Built a Cinematic Angular Login Portal using Gemini AI for animations

Hi Gemini community! :waving_hand:

I’m Umapathi Chandrasekaran, a full-stack developer from India.

I used Gemini AI to engineer the cinematic visual effects for my interactive Angular 21 login portal — a non-commercial fan
tribute to How to Train Your Dragon :dragon:

What Gemini helped me build:

  • Thunder & lightning CSS animation sequences
  • Plasma charging states on form submission
  • Cinematic timeline transitions
  • Complex keyframe animation engineering

Features of the project:

  • Toothless SVG eyes track your cursor in real time
  • Wings lower shyly when password field is focused
  • Plasma blast animation on login submit

:link: Live Demo: toothless-login-umapathichandrasekaran.vercel.app/ (Use any credentials for wrong password. Use admin/admin123 for correct password)
:laptop: Source: GitHub - UmapathiChandrasekaran/ToothlessLogin: A cinematic interactive login portal built in Angular, featuring a dynamic SVG animation of Toothless the Night Fury. Created as a non-commercial fan tribute. · GitHub

Built with: Angular 21 • Tailwind CSS • Pure SVG • Gemini AI

Would love feedback from this community! :folded_hands: