🎃 Halloween Night: A 3D WebGL Spooktacular Landing Page

Minal Prasad — Sun, 09 Nov 2025 16:48:27 +0000

Perfect Landing Page: Halloween Night 🎃

What I Built
I created a Halloween-themed landing page that immerses visitors in a spooky yet fun experience. The landing page features:

-Dark mode design to capture the Halloween mood.
-A 3D interactive pumpkin with a stem and rotating motion using Three.js.
-Floating bats and fog effects to create depth and atmosphere.
-Animated taglines that cycle through spooky messages.
-Glowing CTA buttons to encourage users to join the Halloween event.
-A sticky navigation menu with smooth scrolling to sections like About, Features, and RSVP.

The goal was to make the landing page both visually appealing and interactive, giving users a magical Halloween experience.

Demo
You can view the landing page live here
Live Demo: https://codepen.io/Minal-Prasad/pen/emJqKWX

Journey
Building this project taught me a lot about modern frontend techniques, including:

Using Three.js to create interactive 3D elements directly in the browser.
Implementing floating effects and fog to add depth and realism.
Designing responsive and dark-themed layouts that look good on both desktop and mobile.
Creating animated taglines and glow effects with CSS for a spooky vibe.

I’m particularly proud of how the 3D pumpkin scene integrates seamlessly with the content and navigation, making the landing page immersive without overwhelming the user.

Next, I hope to enhance it further with:

Glowing pumpkin eyes that flicker dynamically.
Particle-based fog or mist for even more atmosphere.
Mouse hover interactions on the 3D pumpkin to make it reactive to user input.
This project was an exciting way to combine creative design and frontend development skills to capture the spirit of Halloween.

Team: Solo project by Minal Prasad

Spooky CSS 3D Halloween: Enter If You Dare!

Minal Prasad — Sun, 09 Nov 2025 16:08:56 +0000

🎃 Inspiration

Halloween’s eerie and magical vibe inspired this project — glowing jack-o’-lanterns, haunted houses, flying bats, and a luminous moon. My goal was to create an interactive 3D Halloween scene using only CSS, where users feel like they’ve stepped into a spooky, haunted pumpkin realm.

💻 Demo 3D Haunted Pumpkin Realm
Experience the project live:
https://codepen.io/Minal-Prasad/pen/MYKNGLG
https://github.com/minalprasad08/halloween-css-art-3d

🛠 Journey
This project challenged me to combine CSS 3D transforms, gradients, shadows, and animations to bring the scene to life. The pumpkin, haunted house, and flying bats are fully built with CSS, and a small JavaScript snippet adds parallax interactivity.

I’m particularly proud of how CSS alone creates a glowing, immersive Halloween atmosphere.
Team: Solo project by Minal Prasad

Forem: Minal Prasad

🎃 Halloween Night: A 3D WebGL Spooktacular Landing Page

Spooky CSS 3D Halloween: Enter If You Dare!