Astra

• 

  world

• 

  world layout

• 

  where the journey begins

• 

  home page

• 

  elements page

• 

  elements

• 

  the relms pressent

• 

  character page

ASTRA is an interactive 3D fantasy-world website featuring:

🌌 A cinematic 3D hero environment 🏝️ Floating fantasy islands ✨ Interactive magical particles and glowing elements 🗺️ An interactive world with seven elemental regions ⚡ Element-based interactive cards 🧙 Original fictional guardians 📖 A cinematic story section 🏛️ Discoverable fantasy locations 🎥 Camera movement and parallax effects 🖱️ Interactive hover and click experiences 📱 Responsive design for desktop, tablet, and mobile

The goal was to make visitors feel like they were entering a fantasy world rather than simply visiting a website.

Built With

• css3
• gsap
• html5
• javascript
• lucid
• react
• tailwind
• three.js
• vite