RUDRESH H R
Building interactive web experiences with AI
New to Contra
RUDRESH is ready for their next project!
Meet COSMOS: A premium, cinematic 3D web experience built to showcase the highest level of creative frontend development.
I built this interactive solar system to demonstrate that web experiences can feel like high-end applications. Featuring custom GLSL shaders, a 25,000-particle ring system, and buttery-smooth GSAP camera transitions, it’s designed to leave a lasting impression.
1
8
Been quiet here for a month.
I was heads-down delivering a bilingual corporate website
for a client in Tokyo — custom GSAP animations, scroll-driven
choreography, canvas effects, EN/JP language switching,
and cross-browser optimization down to the last pixel.
First real client delivery. Shipped it. Got it done.
But while building that, I kept running into the same problem —
there's no single place that shows every type of web animation
side by side.
So I built one.
KINETIC — a free interactive encyclopedia of 70+ web animation
effects. GSAP, Three.js, CSS keyframes, scroll animations,
WebGL shaders — all in one page with live demos.
I made the reference I wish I had when I started.
#WebDevelopment #GSAP #ThreeJS #Animation #FrontEnd
1
56
AURA is a high-end interactive landing page concept built around the Koenigsegg Agera RS. It transforms a traditional website into a cinematic digital showroom using real-time 3D and refined motion systems.
Features include a live 3D configurator with dynamic pricing, environment switching, camera transitions, animated performance stats, and premium micro-interactions designed to feel tactile and responsive.
Built with Three.js and GSAP, the project demonstrates how modern web technology can elevate storytelling for luxury and high-value brands.
#LuxuryBranding #3DConfigurator #AutomotiveDesign #ImmersiveWeb #InteractiveWebsite #PremiumWebDesign #BrandExperience #CreativeTechnology #WebExperience #ProductShowcase #HighTicketBrands #MotionDesign
3
2
89
NEBULA is a high-fidelity, real-time 3D automotive configurator built with Three.js and GSAP. Designed for luxury brands, it blends cinematic lighting, ACES tone mapping, and precision camera systems to create an immersive product experience.
Users can interactively configure paint finishes, wheels, and exhaust systems with smooth transitions, spatial audio feedback, and custom raycasting.
Built as a static edge-ready deployment, NEBULA demonstrates how advanced WebGL engineering can elevate digital product presentation to a premium, studio-grade experience.
1
2
87
PRISM — The Avian Collection is an experimental cinematic web experience exploring perception, motion, and digital luxury through a scientific lens.
Inspired by avian vision, the project reimagines a gallery as a living archive rather than a static layout. Dark, atmospheric visuals combine with editorial structure, real 3D interactions, and perception-based UI systems to create depth and narrative. A custom “Tetrachromacy Mode” simulates ultraviolet bird vision, transforming the interface into an alternate sensory spectrum.
Built with performance-first HTML, CSS (3D transforms, filters), and Vanilla JavaScript, PRISM is a study in creative frontend engineering, immersive interaction design, and concept-led digital storytelling.
1
71
MONTAGE is a high-performance, cinematic personal portfolio designed as an interactive system rather than a static website.
It uses scroll-driven motion, canvas rendering, and real-time cursor interactions to create a narrative experience reflecting a transition to AI-augmented workflows. Built with semantic HTML, advanced CSS, vanilla JavaScript, and GSAP.
Key features include a scroll-controlled cinematic hero on HTML5 canvas, cursor-based spotlight masking, split-pinned storytelling sections, and physics-inspired 3D interaction cards. Smooth inertial scrolling and a custom cursor enhance usability.
1
92
I designed and built an interactive landing page focused on smooth, scroll-based animations and visual storytelling.
The project is about a Concept smartphone named "ORBIT".😊
The goal of this project was to create a modern, engaging web experience inspired by Google-style motion and clean layouts.
The page uses layered animations and scroll interactions to guide the user naturally through the content while keeping the experience lightweight and responsive.
This project was created using Antigravity and exported as a fully functional static website.
https://rudreshhr09-sys.github.io/antigravity-landing-page/ Any suggestion and feedback comment is gladly welcomed 😊 😊
3
2
177