Harry Potter Interactive Spellbook

A magical web experience where you can cast spells from the Harry Potter universe with stunning visual effects and animations.

Features

• 9 Interactive Spells: Lumos, Nox, Protego, Expelliarmus, Stupefy, Herbivicus, Glacius, Incendio, and Finite Incantatem
• Magical UI: Floating wand, sparkle cursor trails, and Hogwarts-themed design
• Visual Effects: Screen shake, particle effects, animated shields, fire, ice, and growing vines
• Sound Effects: Dynamic audio generated with Web Audio API
• Responsive Design: Works on desktop and mobile devices

How to Use

1. Open index.html in your web browser
2. Click on any spell card to cast the spell
3. Watch as magical effects fill your screen
4. Use "Finite Incantatem" to clear all active effects

Technologies Used

• HTML5
• CSS3 (Animations, Grid, Flexbox)
• JavaScript (ES6+)
• Anime.js for smooth animations
• Web Audio API for spell sounds
• Google Fonts

Live Demo

https://wiz-lang.vercel.app/

Spells Available

• Lumos ✨ - Illuminates the screen
• Nox 🌙 - Extinguishes light
• Protego 🛡️ - Creates protective shield
• Expelliarmus ⚡ - Launches red sparks
• Stupefy 🌪️ - Stuns with blast effect
• Herbivicus 🌿 - Grows magical vines
• Glacius ❄️ - Freezes with ice overlay
• Incendio 🔥 - Creates fire effects
• Finite Incantatem 🔮 - Clears all effects