A focus app's landing page, with the app running live on a 3D display and phone.
Cinematic 3D websites, ready to ship.
Complete websites with 3D models, full source, and a license for client work. Preview before you buy.
The collection
42 complete experiences
42 kits
An outdoor pack store where the pack is real-time 3D and the mountains around it move.
A race red car, detailed by your scroll: snow foam, correction, ceramic, rain.
A luxury down jacket in live 3D over a moving glacier, where every finish brings its own weather.
A sparkling red-berry energy drink, built in code and lit like a product film.
Nine flavors on a turning ring of cans, built in code.
A watch house's salon in seven rooms, one to each hour, with a watch to turn in each.
A smart ring you turn by hand, under a dusk sky.
A gold tourbillon in a garden, built in code.
An autonomous LiDAR inspection drone in live 3D that flies the whole page with you.
A landing page for a calm workspace app, scrolled through one day in a living valley.
A mechanical watch movement, built in code.
An aluminium mechanical keyboard you can type on, built in code.
A smash burger built layer by layer in live 3D, then smashed on the steel as you scroll.
An açaí bowl shop website where the bowls are real-time 3D, built entirely in code.
A Mexican street kitchen website where the tacos are real-time 3D, built entirely in code.
A fragrance launch site with 3D bottles you can turn and uncap.
An astronomical watch with ten worlds in hard stone, built in code.
Smart glasses on a cobalt light stage, built live in 3D and taken apart as you scroll.
A titanium card concept for private finance, built in code.
A beverage can, lit like a product film.
Polarised sunglasses that take the glare off the water, built in code.
A custom engagement ring you choose, then watch cast and set.
A cinema prime lens set with an 11-blade iris, built in code.
A brass orrery with eight mineral worlds, turned by hand.
Three photo and film stages you can light in 3D before you book.
A sneaker drop where scrolling melts the shoe out of ice.
A vinyl pre-order site where the groove is cut from the music.
A white-label team workspace: pages, notes, boards and tables.
A ferrofluid sculpture that follows the cursor, built in code.
A bouquet opens over three days in one scroll.
One drop of serum, filmed at 20,000 frames a second.
A drone climbs out of the fog in one scroll.
One request, split by a prism into six colours and joined back into one answer.
A web design and live 3D studio, told as a pink jellyfish's descent from sunlit shallows to a cavern of glowing crystals.
The toppings rain into the bowl at three in the morning.
An artist management agency staged as a theatre at night, with its back office behind the curtain.
A gold minute repeater that strikes the visitor's own time on two gongs, drawn and sounded live.
A SaaS site and a working app demo, told by one object of liquid chrome.
A night tour of Japan in autumn, walked through a live moonlit shrine courtyard, with a duel you play.
One spacewalk over one orbit of the Earth, explaining the spacesuit part by part, live in 3D.
A fictional stealth jet flown live over real mountains, one sortie per scroll.
In every zip
Every kit ships complete.
This is Aura’s zip, file for file. Every kit ships its full source, adaptation prompt, re-skin guide and license, ready for a client.
aura-v1.0.1.zip
116 files in all, with README, PROVENANCE and THIRD_PARTY.
See Aura
Drag to turn, or use the arrow keys
aura-ring-champagne.glb390 KB · 25.7k triangles
- app/12
- page.tsx
- ring-viewer.tsx
- atmosphere.tsx
- rhythm-chart.tsx
- globals.css
- components/ui/60
- lib/4
- hooks/1
- main.tsx
const camera = new THREE.PerspectiveCamera(33, 1, .1, 30);camera.position.z = 6.1;const pmrem = new THREE.PMREMGenerator(renderer);const room = new RoomEnvironment();const environment = pmrem.fromScene(room, .04);scene.environment = environment.texture;const ring = new THREE.Group();scene.add(ring);const profile = [[1.035,-.28],[1.05,-.32],[1.12,-.35],[1.205,-.32],[1.245,-.26],[1.25,.26],[1.205,.32],[1.12,.35],[1.05,.32],[1.035,.28],[1.035,-.28]];const geometry = new THREE.LatheGeometry(profile.map(([r,y]) => new THREE.Vector2(r,y)), 192);geometry.rotateX(Math.PI/2);const metal = new THREE.MeshPhysicalMaterial({ color: color.current, metalness: 1, roughness: .24, clearcoat: .65, clearcoatRoughness: .22 });ring.add(new THREE.Mesh(geometry, metal));const innerGeo = new THREE.CylinderGeometry(1.038,1.038,.55,160,1,true);innerGeo.rotateX(Math.PI/2);const inner = new THREE.MeshStandardMaterial({color:'#b5a18c', metalness:1, roughness:.2, side:THREE.BackSide, emissive:'#b8a792', emissiveIntensity:.08});ring.add(new THREE.Mesh(innerGeo,inner));const edgeGeo = new THREE.TorusGeometry(1.064,.014,12,192);const edgeMat = new THREE.MeshBasicMaterial({ color:'#f9e4ca' });
The ring is built in code: an 11-point profile, turned on a lathe.
Buyer prompt for adapting Aura One
Copy the complete prompt below into your AI builder, attach the unzipped aura-one project, and then paste the client’s brief after the prompt.
Prompt
You are adapting the supplied Aura One Vite/React template to the client brief that follows. Read README.md, RESKIN.md, ASSETS.md, PROVENANCE.md and CHANGES.md before editing. Treat the attached project as the authoritative implementation, not as a visual suggestion to rebuild from memory. Preserve the existing layouts, glass effects, responsive rules, navigation, accessibility, data flow, loading fallback and working interactions unless the client’s brief explicitly requests a change.
The client’s brief follows this prompt.
Your client’s brief
Reskin map
The main tokens are the :root block in src/app/globals.css, lines 25–38.
- The page, behind everything.
- The headline and the wordmark.
- The logo mark, the eyebrow dot, the italic word and the button.
- The button label.
- The nav, STUDIO, the eyebrow and the sub line.
Try a re-skin
How Aura was made
- 1The brief
- 2A ring turned on a latheThe band is a LatheGeometry: an 11-point cross-section profile spun through 192 segments. That is about 25,700 triangles in all, light enough for any phone.
- 3Metal lit by a generated room
- 4Spin, drag and keys
- 5A sky that moves with you
- 6Charts, breathing and sound, all in the browser
- 7Exported to run anywhere
Then “Make your own the same way”: six steps and a starter prompt.
Lumette kit license
LM-09 Aura, kit version 1.0.1. License version 2026-09-28.
The short version
- Yes:Build as many websites as you like with this kit, for yourself and for clients.
- Yes:Change anything in it, and charge clients whatever you want for the finished site.
- Yes:One license is for one person.
- No:Don’t resell, share or give away the kit or its files.
How it works
Preview, buy, ship it.
From first scroll to your client’s domain in four steps.
Farfield running at farfield.lumette.ai $59
One kit, paid once
$279
Every kit, billed yearly
Download it
It shows up in your account as soon as payment goes through.
One zip, 116 files.
Aura’s: aura-v1.0.1.zip, 1.1 MB
Up to 10 downloads a day
Unlimited client projects.
One person per license, no resale
Your client keeps running it after your plan ends
Pricing
One kit, or every kit.
One price per kit, or every kit on one plan. Prices in USD, checkout by Stripe.
Single kit
$59once
One kit: the 3D product, the full source, the adaptation prompt, the re-skin guide and the license.
All access
$279 a year
Every kit in the collection, and a new kit every week.
Lifetime
$499onceEvery kit in the collection, and every kit released after.
Founding is closed.
License
The license, in plain English.
Four lines you can read before you buy. The full text is one click away.
Read the full license- 1
Use a kit on as many client projects as you want.
- 2
Don’t resell or redistribute the kit or its models as a template or asset.
- 3
One seat per purchase.
- 4
The models stay ours. You get a license to use them.
FAQ
Questions, answered.
What do I download?
One zip with the full source and its 3D (built in code, plus .glb files where the kit has modeled objects), the adaptation prompt, the re-skin guide, and the license. Each kit's page lists its exact files.
Can I use a kit for client work?
Yes. That's what the license is for: unlimited client projects, one person per license.
Can I see a kit before I buy it?
Yes. Every kit page shows the real site, and kits with a live preview open it in your browser, so you can scroll it and try it at phone width before you pay.
Do I need to know 3D?
No. The models are done. Change colors, copy, and branding with the re-skin guide, or hand the adaptation prompt to your AI builder with the client's brief.
What do Monthly and Annual include?
Every kit, and a new kit every week. $69 a month or $279 a year. Cancel anytime.
What happens if I cancel?
You keep access to the end of the period you paid for. Client projects you started while subscribed stay licensed. After that, you can't download kits or start new projects with them until you subscribe again.
Can I get a refund?
Kits are digital downloads, so sales are final once you've downloaded a kit. If you haven't downloaded anything from a purchase or a plan renewal, email us within 14 days for a full refund.
How do founding seats work?
Founding is closed. Lifetime is $499, one time, for every kit.
Can I resell a kit?
No. You can't resell or redistribute a kit or its models as a template or asset. You can build and sell client sites with it.
How many times can I download?
Up to 10 downloads of each kit a day. Each download link works for 10 minutes.