Mahashivratri – Interactive 3D Spiritual Web Experience ✨ I recently built an interactive 3D web ...Mahashivratri – Interactive 3D Spiritual Web Experience ✨ I recently built an interactive 3D web ...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Mahashivratri – Interactive 3D Spiritual Web Experience ✨
I recently built an interactive 3D web experience inspired by the spirit of Mahashivratri and the journey of the 12 Jyotirlingas. The project focuses on combining modern web technologies with visual storytelling to create an immersive digital experience.
It features a dynamic 3D cosmic background, smooth UI animations, glassmorphism design, and a fully responsive layout. The goal was to explore how interactive visuals and modern UI can make web experiences more engaging.
Built using React, Three.js, JavaScript, Tailwind CSS, and Framer Motion, this project highlights my ability to create visually rich, modern, and performance-optimized websites.
The only glow on the Kestra page is the reflective strip on the jacket. It comes from the image itself, so the Framer layers on top stay flat: grey, white and mono text, no glow effects on buttons or headings. That keeps the page easy to edit, because nothing in the UI depends on one lighting setup. If you swap the photo, the glow goes with it. Would you add a glow effect in Framer or keep it in the image?
I don’t avoid templates just to make things look different.
I avoid flattening a physical brand into a generic digital experience.
A restaurant, studio, fashion label or product can have incredible character in the real world, then lose all of it the moment it becomes a website.
That gap is what interests me.
The website should be able to carry the atmosphere through layout, typography, pacing, motion and interaction, and ideally attract people before they ever experience the physical space.
Not every project needs to be highly expressive.
Some websites should stay simple, direct and functional.
But even simplicity can carry identity.
Bolluni was built with that in mind: translating the character of the restaurant into a digital experience rather than simply presenting information.
So well said. That's exactly the problem - a restaurant can have so much soul IRL then become another generic grid online. Love that you don't just avoid templates to be different, but to protect the brand's actual character. 100% agree.
Built this in Framer as a concept project. Goal was to make it feel run by ex-journalists. Choices: editorial serif (Libre Baskerville), a dark photo with one color accent, and copy that positions against blast-style PR.
Where I’m unsure: text legibility over the photo and whether the two CTAs compete. What would you change?