Hi Gemini community! ![]()
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 ![]()
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
Live Demo: toothless-login-umapathichandrasekaran.vercel.app/ (Use any credentials for wrong password. Use admin/admin123 for correct password)
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! ![]()
