013D / Motion Site

Uma Jewellers

An Awwwards-caliber single-page site for a Hyderabad gold & diamond house — a live WebGL ring layered under a choreographed scroll pipeline.
Client
Uma Jewellers · Hyderabad, est. 1990
Year
2026
Visit live siteumajewellers1990.vercel.app
umajewellers1990.vercel.app

The build

Ten art-directed sections built around a real-time 3D hero. The ring renders live via React Three Fiber, layered beneath a GSAP + Lenis scroll choreography so type, imagery and the 3D layer move as one composition. Not a static landing page — the WebGL layer is client-only and only exists once the site is running.

The standout

A live, client-only (ssr:false) WebGL ring driving the hero — the flagship 3D build, tuned so the scroll pipeline and the render never fight each other.

The outcome

Shipped and live — the studio's flagship real-time 3D build for a Hyderabad jewellery house established in 1990.

Discipline

Art DirectionWebGL / 3DMotion

Built with

Next.js 15React 19TypeScript 5React Three Fiber 9dreithree.js 0.185GSAP 3 · ScrollTriggerLenis 1.3Tailwind CSS 4Turbopack

Start a project

Want something like Uma Jewellers?

Every build starts with one conversation and one point of contact — the founder who wrote this code. Tell me what you have in mind.