Three.js components, templates and interactive shaders
Browse copy-ready Three.js components, complete website templates, WebGL backgrounds, hero sections, UI effects, and source-backed variants.
- Motion Design — Mirror Phone
Mirror Phone retains its own scene construction, authored materials and lighting from ThreeUI Launch Film.
- Motion Design — Glass Showcase
Glass Showcase retains its own scene construction, authored materials and lighting from ThreeUI Launch Film.
- Motion Design — Spotlight Laptop
Spotlight Laptop retains its own scene construction, authored materials and lighting from ThreeUI Launch Film.
- Motion Design — Daylight Pedestal
Daylight Pedestal retains its own scene construction, authored materials and lighting from ThreeUI Launch Film.
- Motion Design — Device Family
Device Family retains its own scene construction, authored materials and lighting from ThreeUI Launch Film.
- Copy Prompt
Glowing ember particles assemble into animated, customizable text from ThreeUI Launch Film.
- Fathomless
A continuous underwater descent through a pointer-responsive kelp forest, drifting marine snow, twilight water, and midnight bioluminescence, with a rotating typographic ring and four interactive WebGL illustration plates.
- Workshop Codex
A cinematic Codex workshop page with a snowy alpine hero, a glass ring and crystal course markers, a scroll-driven mountain ascent, illustrated chapters, and a crystalline globe.
- Workshop Codex Shelf
An interactive leather-bound library for a Codex workshop, with a draggable 3D book shelf, detailed book previews, warm lighting, and an extensive editorial curriculum.
- Corvane Vault
A gilded fantasy banking house with a pointer-reactive charter sigil, a five-chapter descent into the vault, engraved house cards, an illustrated ledger, and ceremonial charter tiers.
- Sunset 3D Savings
Sunset 3D Savings extracted from Sunset 3D, preserving its Japanese solar design, authored assets, motion, and responsive layout.
- Sunset 3D Installation
Sunset 3D Installation extracted from Sunset 3D, preserving its Japanese solar design, authored assets, motion, and responsive layout.
- Sunset 3D Hardware
Sunset 3D Hardware extracted from Sunset 3D, preserving its Japanese solar design, authored assets, motion, and responsive layout.
- Sunset 3D Plans
Sunset 3D Plans extracted from Sunset 3D, preserving its Japanese solar design, authored assets, motion, and responsive layout.
- Sunset 3D Coverage
Sunset 3D Coverage extracted from Sunset 3D, preserving its Japanese solar design, authored assets, motion, and responsive layout.
- Sunset 3D Testimonials
Sunset 3D Testimonials extracted from Sunset 3D, preserving its Japanese solar design, authored assets, motion, and responsive layout.
- Sunset 3D Call to Action
Sunset 3D Call to Action extracted from Sunset 3D, preserving its Japanese solar design, authored assets, motion, and responsive layout.
- Sunset 3D Footer
Sunset 3D Footer extracted from Sunset 3D, preserving its Japanese solar design, authored assets, motion, and responsive layout.
- Sunset 3D Energy Chart
Sunset 3D Energy Chart extracted from Sunset 3D, preserving its Japanese solar design, authored assets, motion, and responsive layout.
- Sunset 3D Backgrounds — Sunset 3D Japanese House
Sunset 3D Japanese House from Sunset 3D. Independently runnable with its own source and preview.
- Sunset 3D Backgrounds — Sunset 3D Installation Diorama
Sunset 3D Installation Diorama from Sunset 3D. Independently runnable with its own source and preview.
- Sunset 3D Backgrounds — Sunset 3D Japan Network
Sunset 3D Japan Network from Sunset 3D. Independently runnable with its own source and preview.
- Sunset 3D Backgrounds — Sunset 3D Night House
Sunset 3D Night House from Sunset 3D. Independently runnable with its own source and preview.
- Sunset 3D Backgrounds — Sunset 3D Sunset Wordmark
Sunset 3D Sunset Wordmark from Sunset 3D. Independently runnable with its own source and preview.
- Sunset 3D — Solar Panel
Sunset 3D Solar Panel from Sunset 3D. Independently runnable with its own source and preview.
- Sunset 3D — Hinoki Battery
Sunset 3D Hinoki Battery from Sunset 3D. Independently runnable with its own source and preview.
- Sunset 3D — Yen Tray
Sunset 3D Yen Tray from Sunset 3D. Independently runnable with its own source and preview.
- Sunset 3D — Soroban
Sunset 3D Soroban from Sunset 3D. Independently runnable with its own source and preview.
- Sunset 3D — Rising Sun Screen
Sunset 3D Rising Sun Screen from Sunset 3D. Independently runnable with its own source and preview.
- Sunseto Benefits
Sunseto Benefits extracted from Sunseto, preserving its Japanese solar design, authored assets, motion, and responsive layout.
- Sunseto How It Works
Sunseto How It Works extracted from Sunseto, preserving its Japanese solar design, authored assets, motion, and responsive layout.
- Sunseto Our Story
Sunseto Our Story extracted from Sunseto, preserving its Japanese solar design, authored assets, motion, and responsive layout.
- Sunseto Network
Sunseto Network extracted from Sunseto, preserving its Japanese solar design, authored assets, motion, and responsive layout.
- Sunseto Testimonials
Sunseto Testimonials extracted from Sunseto, preserving its Japanese solar design, authored assets, motion, and responsive layout.
- Sunseto Call to Action
Sunseto Call to Action extracted from Sunseto, preserving its Japanese solar design, authored assets, motion, and responsive layout.
- Sunseto Pricing
Sunseto Pricing extracted from Sunseto, preserving its Japanese solar design, authored assets, motion, and responsive layout.
- Sunseto Footer
Sunseto Footer extracted from Sunseto, preserving its Japanese solar design, authored assets, motion, and responsive layout.
- Sunseto Energy Chart
Sunseto Energy Chart extracted from Sunseto, preserving its Japanese solar design, authored assets, motion, and responsive layout.
- Sunseto Phone Card
Sunseto Phone Card extracted from Sunseto, preserving its Japanese solar design, authored assets, motion, and responsive layout.
- Sunseto Navigation
Sunseto Navigation extracted from Sunseto, preserving its Japanese solar design, authored assets, motion, and responsive layout.
- Sunseto Shader Button
Sunseto Shader Button extracted from Sunseto, preserving its Japanese solar design, authored assets, motion, and responsive layout.
- Sunseto Backgrounds — Sunset Waves
Sunset Waves from Sunseto. Independently runnable with its own source and preview.
- Sunseto Backgrounds — Japanese Solar House
Japanese Solar House from Sunseto. Independently runnable with its own source and preview.
- Sunseto Backgrounds — Warm Solar Panel
Warm Solar Panel from Sunseto. Independently runnable with its own source and preview.
- Sunseto Backgrounds — Modern Solar Home
Modern Solar Home from Sunseto. Independently runnable with its own source and preview.
- Sunseto Backgrounds — Home Battery
Home Battery from Sunseto. Independently runnable with its own source and preview.
- Sunseto Backgrounds — Energy App Phones
Energy App Phones from Sunseto. Independently runnable with its own source and preview.
- Sunseto Backgrounds — Sun Illustration
Sun Illustration from Sunseto. Independently runnable with its own source and preview.
- Sunseto Backgrounds — App Phone
App Phone from Sunseto. Independently runnable with its own source and preview.
- Sunseto Backgrounds — Rooftop Solar
Rooftop Solar from Sunseto. Independently runnable with its own source and preview.
- Sunseto Backgrounds — Battery Cabinet
Battery Cabinet from Sunseto. Independently runnable with its own source and preview.
- Sunseto Backgrounds — Installation Landscape
Installation Landscape from Sunseto. Independently runnable with its own source and preview.
- Sunseto Backgrounds — Isometric Installation
Isometric Installation from Sunseto. Independently runnable with its own source and preview.
- Sunseto Backgrounds — House at Dusk
House at Dusk from Sunseto. Independently runnable with its own source and preview.
- Sunseto Backgrounds — House in a Storm
House in a Storm from Sunseto. Independently runnable with its own source and preview.
- Sunseto Backgrounds — Energy Network
Energy Network from Sunseto. Independently runnable with its own source and preview.
- Sunseto Backgrounds — Ocean
Ocean from Sunseto. Independently runnable with its own source and preview.
- Sunseto Backgrounds — Falling Petals
Falling Petals from Sunseto. Independently runnable with its own source and preview.
- Twelve Signs
An interactive zodiac atlas with a celestial sign selector, illustrated chapters, elemental profiles, and compatibility stories.
- OP–XY
A cinematic portable synthesizer and sequencer showcase with a 3D instrument, detailed controls, sound engines, sequencing, and connectivity.
- Noa Vale
A motion-led artist portfolio with an illustrated entrance, personal biography, interactive practice studies, and selected films.
- AERA 01
A mixed-reality headset experience with a spatial desktop, immersive visor world, wallpaper gallery, cinema, and product exploration.
- Aniwall
A creative productivity landing page with an animated 3D hero, feature showcases, a visual gallery, pricing, testimonials, and FAQs.
- Morrow
An interactive agency field guide with kinetic typography, studio projects, services, and a playful motion-led portfolio.
- Noctiluca
The complete Noctiluca slow-media descent, preserved unchanged with its bioluminescent Three.js water volume, looping jellyfish study, live depth ruler, stratified transect, and six cursor-lit specimen plates.
- Kage
The complete authored Kage temple experience, preserved as an interactive full-page document with its original navigation, scroll scenes, and local Three.js world.
- Complete Shelf
The complete Working Volumes bookshelf page with all seven tools, its responsive editorial interface, and authored Three.js presentation.
- Bestsellers Book Showcase
The complete Field Manuals book showcase, preserved unchanged with its editorial layout, authored motion, interactions, and embedded media.
- Inkbound River Story
The complete Inkbound river narrative, preserved unchanged with its cinematic chapters, scroll choreography, interactions, and embedded media.
- Orrery
The complete Orrery studio hero, preserved unchanged with its procedural stone plinth, luminous orbital rings, drifting debris, editorial cards, and compact dock navigation.
- Cortexa
The complete Cortexa intelligence-platform hero, preserved unchanged with its procedural point-cloud bust, silhouette bloom, data haze, and pointer-following torch interaction.
- Cathode — Workstation
The complete Cathode hero UI around the owner's workstation revision: the isometric CRT cabinet, source-code screen, backlit keyboard, desk mouse, navigation, launch copy, and primary CTA.
- Cathode — Console
The complete Cathode hero UI around the living-room console variant: a side-scroller display, vented console slab, illuminated gamepad, navigation, launch copy, and primary CTA.
- Cathode — Studio
The complete Cathode hero UI around the recording-studio variant: boom microphone, pop screen, desk mixer, programme monitor, ON AIR sign, navigation, launch copy, and primary CTA.
- Cathode — Cinema
The complete Cathode hero UI around the cinema variant: tripod camera rig, matte box, monitor, panel light, slate, navigation, launch copy, and primary CTA.
- Cadence
The complete Cadence finance landing page with a responsive hero grid, an orderly bundled radial hero field, content-fit gradient pill navigation, compact dark glass CTAs, three WebGL scenes, cohesive GPT Image 2 editorial media, scroll reveals, and portfolio sequence.
- Vella Bank
A full-screen banking hero led by four procedural cards, live customer balances, restrained metallic colour, and a sharp editorial product pitch built for finance and card launches.
- Attune
The complete attune hero page, preserved unchanged with its procedural Three.js Mars, orbital telemetry, dust haze, and full-bleed product layout.
- Betawise
The complete Betawise attribution page, preserved unchanged with its normal-extruded stroke globe in Three.js, its starfield and orbital arcs, and the authored WebGL2 liquid-metal CTAs.
- Kairo
The complete KAIRO culinary product page with its WebGL2 flame-wrapped hero, Lenis smooth scroll, GSAP ScrollTrigger reveals, pinned editorial sections, and remote product photography.
- Volta Atelier
The complete Volta Atelier studio page — services, work, process, team, pricing, FAQ, and footer as authored — with an owner-requested hero revision: the collage is respaced into a clean two-row band and the fixed corner registration marks are gone. Use Volta Atelier Hero for the isolated opening section with locally owned portraits.
- Betawise
The complete Betawise particle-bust hero page, preserved unchanged with its Three.js point-cloud bust and pointer response. Betawise is the later full page built from the same brand.
- Tidecrest
The complete Tidecrest hero page, preserved unchanged with its Three.js terrain and the authored EffectComposer and UnrealBloom post-processing chain.
- Sylva — Living Green
The moss-root world with pale flowers, ferns, drifting pollen, the landing butterfly, and native liquid-metal controls behind the full hero layout.
- Sylva — Sakura Sunset
The same page and layout carrying the Sakura Sunset scene instead: mossy cherry boughs in open blossom over a golden cushion at dusk.
- Sylva — Maple Autumn
The same page over the Maple Autumn scene: palmate leaves crimson to gold on mossy boughs, with the dock and button plates retoned to its slate dusk.
- Sylva — Sequoia Mist
The same page over the Sequoia Mist scene: redwood sprays on fibrous cinnamon bark, with the dock and button plates carried up into its pale grove fog.
- Meridian
The complete Meridian revenue-platform page, preserved unchanged with the whole Three.js r155 module inlined into the document, so the page renders its Earth-from-orbit scene without making a single network request. The authored file is named ascend.html.
- Sketchbook
A tactile personal portfolio built as a Singapore sketchbook, with nine illustrated plates, curled page turns, a draggable magnifying glass, zoom controls, a botanical paper atmosphere, and an editorial index.
- RenderLab
The complete RenderLab motion-house page, preserved unchanged with its ruled column overlay, tracking cursor label, scroll progress bar, light and dark toggle, marquee bands, and the twenty remote stills and one remote loop the original page references.
- Echo Vale
The complete Echo Vale travel page with its Three.js point-cloud drift, horizontal journey scroller, and fourteen image placements served from a responsive local WebP package sized for true 2x display coverage.
- Aurello
The complete Aurello beverage page with its can and its oranges rebuilt as real-time Three.js geometry — a lathed can traced from the product render's own silhouette and wrapped with a cylindrically un-projected label, and lit half-oranges whose cut face is un-projected from the fruit photograph — carried by the authored GSAP ScrollTrigger choreography, the pinned journey can, and the original stills as the no-WebGL fallback.
- Mara Voss
A complete field-recordist portfolio built as an editorial archive of vanishing sounds, with paper textures, specimen cards, listening records, field logs, an extruded WebGL hero wordmark and contact sheet that orbit under the pointer, and deliberately paced chapter transitions.
- MK·78 Keyboard
A complete interactive keyboard product story that rebuilds every key in DOM and CSS, moving from an oversized typing hero through construction, lineage, feature, voice, finish, and final product chapters.
- NOEMA N1
A complete humanoid robotics launch page with a full-bleed N1 hero, scroll-assembled body, technical specification sheet, exploded anatomy, domestic-use film, grip-force control, Series A gallery, parts knoll, and reservation configurator.
- Anthra A-40
A complete titanium automatic watch story staged as nine dark editorial plates, with one continuously re-posed procedural A-40, movement and material studies, finish selection, specifications, and an eased plate index.
- Astral Atlas
A complete digital object atelier whose twelve talismans are no longer photographs: every ring is modelled and lit in real time — brilliant-cut stones traced facet by facet through their own girdle, swept comfort-fit shanks, claw-set heads and pavé shoulders — carried through an editorial origin story, material studies, a gem-and-metal configurator that rebuilds the object as you choose, a horizontal archive, editions, testimonials, FAQ, and final invitation.
- MUGEN
An immersive five-scene journey through gate, path, garden, hall, and eternity, staging a fully procedural Japanese world behind flat monumental type, vertical chapter markers, a compact menu, and an authored loading sequence. The senbon-torii walk is paved in procedural flags that follow the corridor's own sway and rise, and the hero gate carries its roof as one swept tapered sweep.
- NODAL
A scroll-driven cinema-prime product story that carries the Series A 40mm from an oversized technical hero through a live object study, cost breakdown, exploded construction, optical trace, three-lens family, and order chapter. One owner-requested optics revision sits over the supplied export: the barrel stops reading as see-through, the front ring is bevelled and engraved, the coated glass mirrors its own studio and shows its rear surface through the front, dust and fibres settle on it, the traced bundles arrive as gradient light rather than hairlines, and the page opens on the ten elements scattered in full light and seats them into the finished lens.
- Kestrel 65
A deeply technical 65-percent keyboard story that keeps one WebGPU product model present through construction layers, switch travel, key groups, topology, section cut, anodised finishes, acoustics, typing angle, and reservation. One owner-requested interaction revision sits over the supplied export: the key under the cursor clicks and springs back, the camera keeps a slow idle orbit under every chapter, and each anodised finish reads as a lit cap set with a seated accent keycap.
- OSCILLA M-1
A Blender-baked synthesiser that opens as an exploded assembly drawing and closes into itself, carried through eleven scroll-linked 3D acts, then opened into a playable 49-key instrument, patch fan, signal chain, production pipeline, specifications, build numbers, and edition cards.
- Halvorsen
The Understory layout and its procedural Three.js glass hands recut as a dark monotone designer portfolio: one neutral grey ramp, a halo-lit headline carried over the lit marble, desaturated photography, and inline SVG work artefacts.
- sublevel.studio
A digital studio and brand workshop presented as a tactile black-and-white operating system: modular project cells, a floating utility dock, service diagnostics, team profiles, lab experiments, and a terminal-like contact close.
- Hanami
A blossom-front almanac and slow-travel story that moves from a living cherry canopy through bloom forecasts, held weeks, quiet routes, seasonal goods, a station map, and a deep-plum booking finale.
- Nagare
A drifting Japanese night market with a lantern-lit waterway, red torii gate, shrine crossing, teahouse, time-of-day controls, and a seven-chapter 3D journey.
- KAIRO Expeditions
A private volcanic island expedition with a floating 3D landscape, day-to-night atmosphere, waterfall suites, cinematic stays, sailing itineraries, and a private enquiry form.
- Moraine 60
An industrial gravel e-bike product story with a live 3D bicycle, frame geometry, moving drivetrain, exploded drive unit, battery details, paint finishes, and a size configurator.
- MØBEL
A luxury interior collection that furnishes an architectural 3D room as you scroll, followed by furniture shopping, a page-turning catalogue, natural materials, and an immersive spaces gallery.
- MATTER
An experimental studio landing page with a kinetic chrome-and-glass sculpture, architectural typography, an interactive object gallery, and a scroll-driven physics playground.
- Vow Atelier
An editorial engagement-ring experience with a live diamond and gold setting, an exploded anatomy view, and a ring atelier for choosing stone cut, setting, band, and metal.
- Tangelo
A cinematic wallet landing page with sculptural blue glass, dimensional serif typography, a guided payment walkthrough, floating cards, a currency calculator, testimonials, and a complete mobile app story.
- The Renaissance Edition
An editorial collection with a classical sculpture, floating celestial objects, gilded details, parallax chapters, collectible artwork, and a story archive.
- The Hunt
A fantasy card-game world with floating collectible cards, an atmospheric forest, elemental weather, three rival factions, an interactive card inspector, and a complete deck-building introduction.
- Ashforge
A pixel-art model foundry with an interactive CRT terminal, a hovering robot, ember-lit ruins, product chapters, model comparisons, pricing, and a cinematic forge footer.
- Nexus Pro X
A precision gaming-controller product story built around a cinematic 3D hero, hardware callouts, adaptive triggers, haptics, performance telemetry, finish selection, and a complete purchase journey.
- AUBE
A warm French bakery journey that follows four bagel flavors from oven to first bite through a tactile 3D story, atelier manifesto, craft process, morning collection, menu, ritual, and visit invitation, opening with a minimal wordmark loading sequence and a staged 3D reveal.
- Aurora Link
A long-form aerospace story that moves from orbital launch into satellite architecture, connectivity, antenna systems, deep-space programs, mission imagery, newsroom chapters, and a cinematic closing transmission.
- Sunseto
A warm solar and home battery landing page with Japanese-inspired illustration, interactive savings, customer letters, and a complete pricing story.
- Sunset 3D
A solar and storage story for Japanese homes, with a live 3D house, falling petals, interactive cost charts, hardware scenes, and linked brand and prompt archives.
- Pirate Ship River
A cinematic pirate ship voyage through a misty river valley, with detailed rigging, reflective water, atmospheric lighting, and an interactive camera.
- Agentic
A pixel-art spring landscape introduces an AI operating system for founders, followed by interactive product panels and a full launch, growth, and operations story.
- Agent AI
A dark technical AI platform story that turns an intent prompt into a five-phase agent journey, then expands into products, ecosystem architecture, use cases, journal, team, FAQ, and community network.
- AERIX
A cinematic camera-drone ascent that moves through shell architecture, exploded anatomy, power systems, optics, first-person flight, horizon scale, material finishes, and a detailed pre-order finale.
- Ravine
An immersive rainforest held in glass, combining a living 3D ravine, layered roots and canopy, water and limestone studies, tiny inhabitants, field notes, ambient sound, and a guided path toward light.
- Seijaku
A cinematic architectural walk through a private Kyoto residence, pairing a procedural Three.js house and garden with editorial room studies, seasonal states, material details, an interactive floor plan, and an inquiry journey.
- Anteroom
A spatial, brand, and motion studio journey that descends from a sunset-plaster anteroom through a reflective waterline into a submerged archive, luminous pearl, seabed typography, paper menu, and peel-away project contact form.
- Terrane
A cinematic field-geology expedition story that moves from a living desert survey into layered field notes, an interactive journal, a flight through fourteen rock exposures, an aerial lens study, expedition cards, methodology, traveller accounts, questions, and a dusk landscape.
- Aster Halftone Bloom
A full-screen analytics hero built around a luminous procedural rose re-photographed as a cross-shaped halftone lattice, with petal erosion, falling dust, pointer-driven light, glass controls, and restrained editorial typography.
- Advanced Glass Material
A full-screen material showcase built around a faceted spectral glass form over an interactive water field, with two-bounce refraction, edge dispersion, studio reflections, pointer-driven orbit, direct glass impulses, and a restrained technical product interface.
- Anima
A full-screen perception platform hero with a procedural point-cloud bust and headphones, layered dust, haze, stars, bloom, an entrance that settles the figure into focus while the interface resolves out of a blur one element at a time, and a localized pointer field that parts the signal around the cursor.
- Skyfield
A full-screen carbon survey journey across procedural moss-covered terrain, with atmospheric cloud layers, scan telemetry, a day/night control, pointer parallax, and a scroll-scrubbed descent from observation to verified removal.
- ThreeUI Rings
A complete ThreeUI library hero wrapped around concentric typographic rings whose glyphs melt into dots, wire into a chaotic mesh, and carry pointer-triggered ripples through the field.
- Foldwork
A complete monochrome product-studio hero whose divided headline surrounds a sparkling procedural form inside a perspective grid, framed by precise navigation, availability, and contact details.
- Meridian Slow Matter
A monochrome applied-fluid hero where voxel wax drifts through a transparent vessel, framed by pixel typography, technical telemetry, selectable phases, and a tactile set-it-drifting control.
- Everbloom
An image-led fantasy codex hero with a blindfolded saint-knight, procedurally tooled book cases, falling blossom and smoke layers, pointer-lit candle reveal, and a four-chapter virtual descent.
- Aureon Markets
A polished blue-and-violet trading hero with a refractive liquid-metal market sculpture, draggable glass metrics, multilingual navigation, and fully local account-preview dialogs.
- Quadrix
A copper-edged HOSHI phone floating above a terminal grid, with a live tetromino simulation, five cycling display modes, bitmap typography, pointer orbit, and inertial drag rotation.
- Dark Souls Holo Card
The Ashen One holographic trading card beside a candlelit sword shrine, with engraved gold borders, layered foil, drifting embers, pointer-reactive lighting, and tactile tilt, rotation, and flip controls.
- Koi Mecha
Nacre's complete sculptural koi hero, with porcelain, gold, and nocturnal finishes, editorial navigation, collection dialogs, and a tactile Three.js fish study.
- Cinder K1
A cinematic mechanical-keyboard hero with a pointer-guided lamp, responsive camera orbit, live keypress feedback, ember particles, firelit typography, and tactile pre-order controls.
- Velara Vortex
A full-screen brand-and-motion studio hero pairing precise editorial typography with a layered ring of 12 image cards that follows an authored vortex sequence and leans into pointer engagement.
- Tideform
A complete studio hero with a radial phase-field lattice, pointer-warmed crests, click-triggered ignition rings, character-level heading reactions, and restrained editorial navigation.
- Emberline
A complete GPU orchestration hero with glass navigation, restrained editorial copy, social proof, stat cards, and a pointer-reactive blue-white vortex line field.
- Flower Field
A luminous valley carpeted with procedural daisies, framed by violet mountain walls, drifting sparks, mist, stars, and flowing light ribbons as the camera flies forward through the field.
- ASCII Field — Vortex
Rings of type stacked into a receding funnel instead of one flat plane, each ring riding up past the next as the pointer moves, with a near/far light ramp shading the depth and motes drifting in the gaps between layers.
- ASCII Field — Tide
The stack laid flat as open water: twenty bands of type bent along a sine and spread from a horizon to the foreground, each one running a beat behind the one in front so the swell travels out of the frame.
- ASCII Field — Ridge
The stack read as a range: seven ridged silhouettes with type packed under each crest and thinning into the shadow below, separated so the front range travels ten times as far as the back under an ember dusk.
- ASCII Field — Canopy
The stack grown into a tree, where one layer is one branch: every limb is a strip of type pivoting on its own foot, carrying a depth drawn at generation time, so the crown opens into a volume in a green-black wood.
- Orrery — Orrery
The authored page exactly as written: the eroded limestone plinth turning under a stone lantern, wound about by skeins of spun light and a slow spiral of tumbling debris.
- Orrery — Castle Ruin
The same bluff carrying a medieval keep, laid stone by stone against a crown profile that decides how high each wall still stands — quoined corners, arched windows, a gate arch in the curtain wall, a turret taken down on its outward side, and a fire still burning in the broken crown.
- Orrery — Labyrinth
A round table of rock carrying a polar maze carved by a depth-first walk — six rings of kerbstone with real dead ends, a hearth at the middle, and the one true route lit as a thread of light that walks itself from the mouth inward, seen from an eye lifted to read the plan.
- Orrery — Shrine
The same rock quarried into two terraces for a Japanese shrine: a vermilion torii and its laid-up straw rope on the low ground, a stair between them, a pair of lit stone lanterns, and a hall whose bark roof holds a level ridge, an eave that lifts to its four corners, and crossed chigi at the gable.
- Trochil Hummingbird — Hummingbird
The authored page's own scene: a 390,000-point hummingbird whose wings are skinned in the vertex shader into a real swept blur, hovering over a bed of trumpet blossoms, flying to a standoff from the cursor whenever the pointer moves.
- Trochil Hummingbird — Sakura
A butterfly on a cherry branch: forewings and hindwings filled by area off their own outline tables, veined and lit at the margin, settling onto a limb hung with five-petal blossoms while cut petals tumble through the frame — the ember ramp regraded plum to blossom.
- Trochil Hummingbird — Reef
A deep-bodied reef fish over a coral shelf, driven by a travelling body wave that yaws each section into its own turn, with staghorn heads, boulder coral and sea fans below and sun shafts fed into the density buffer so the light through the water carries the same dot lattice.
- Trochil Hummingbird — Abyss
Eight jellyfish rising through midnight water: one bell built once and stamped out through a per-vertex seed, each on its own contraction phase, its oral arms and tentacle veil inheriting the squeeze a stroke late — the nearest one leans its crown toward the cursor.
- Cortexa Silhouette — Silhouette
The authored page exactly as written: a measured skull and torso scanned along the view axis, so the rings crowd into a bright comb at the rim and the face stays dark.
- Cortexa Silhouette — Arcana
The same scan around a tarot card: a rounded-rectangle silhouette combed at its border, two printed rules, corner pips, a stroke-drawn numeral and name, and three inclined orbits with their riders running clean through the card's own plane.
- Cortexa Silhouette — Monitor
A cathode-ray cabinet scanned as one closed shell, so the crowding at the rim paints the bezel comb and the tube's taper in a single pass. A lit inner lip, a graticule and two traces on the glass with a raster band rolling down them, safe-area brackets in the picture corners, and a moulding seam and vented brow carrying the detail out of the chin and across the whole cabinet.
- Cortexa Silhouette — Keyboard
Seventy silhouettes instead of one: a 65 percent board laid back off the view axis, every sculpted keycap scanned by the same machinery at a twentieth the scale so each arrives wearing its own comb, over an underglow spilling from the front lip.
- Cathode Workstation — Workstation
The authored page with the owner's workstation revision: the isometric CRT cabinet wearing a 3x3 vent field, its recessed screen streaming indented source over a numbered gutter, the backlit keyboard, a mouse standing on the desk beside it, and the props behind.
- Cathode Workstation — Console
The same drawing around a living-room console: a flat panel running a side-scroller, a vented slab beside it, and a gamepad whose shell is a single blended capsule outline that rolls in at the base and domes at the crown, its buttons lit in bursts.
- Cathode Workstation — Studio
A recording booth: a counterweighted boom carrying a microphone and pop screen off the isometric grid, a desk mixer, a programme monitor standing clear of it on its own foot, and a text-free illuminated plate on the treatment panel.
- Cathode Workstation — Cinema
A camera rig: sticks turned off the grid so all three legs read, a matte box and lens on the body, a 16:9 monitor slung off the top plate on its arm, a panel light holding the key, and a slate set down clear of the legs.
- Betawise Globe — Earth
The authored globe: Natural Earth's coastlines dotted over a dark ocean, great-circle flight paths running between two dozen cities, and a starfield thinned around the limb — landing on the same pull-back the four derived worlds use.
- Betawise Globe — Moon
One grey and nothing else: the maria at their real selenographic centres, three octaves of impact cratering over near side and far side alike, and Tycho's ray system thrown clear across the disc.
- Betawise Globe — Mars
The albedo map a small telescope shows — Syrtis Major, Hellas, Solis Lacus — over an impact record: twenty named craters and basins at their real radii, three octaves of unnamed ones thinning northward across the crustal dichotomy, the Tharsis volcanoes with a bright shield and a dark caldera, and a seasonal cap at each pole.
- Betawise Globe — Saturn
The zonal flow banding the globe, and Cassini's own ring radii rebuilt on the flight-path layer: every route becomes one short chip of ice, and the comet that used to run a route becomes the glint that crosses it.
- Betawise Globe — Sun
Granulation over the supergranular network, spot groups with an umbra inside a penumbra inside a ring of faculae, and the routes regrown as prominence arcades with plasma climbing one leg of each loop and falling down the other.
- Betawise Particle Bust
Betawise's point-cloud bust isolated as a full-frame pointer-responsive background without the hero navigation, copy, actions, or CTAs.
- Mira CRT Wall
Mira Solvang's cold-blue CRT edit wall isolated as a full-frame background without navigation, portfolio copy, controls, reel UI, or section content.
- Tidecrest Terrain — Ridgeline
The authored field, served byte-for-byte: ridged ranges over an open swell, mirrored in the water under a cold blue horizon.
- Tidecrest Terrain — Harbour Nights
The same field as a night harbour: a low far bank carrying a lit skyline, a suspension span crossing the water in front of it, and the whole grade turned from cold blue to sodium.
- Tidecrest Terrain — Dune Reach
The ridged fractal sampled across one wind instead of every direction, so its crests comb into dunes over worked sand, under a sun that has just gone.
- Tidecrest Terrain — River Hollow
The ranges rounded off into forested hills with a meander carved through them; the wave lattice is masked to that channel, so the swell becomes a river running out of the frame.
- Nocturne Card — Midnight
The authored composition: the landscape debit card hovering inside its halo over a still midnight sea.
- Nocturne Card — Moon
A cratered gibbous moon half out of the sea, its other half given back by the water, with no halo drawn in front of it and the card stood upright and taken to cold platinum.
- Nocturne Card — Mars
Iron oxide all the way down: Mars half out of a rust sea with its dark albedo features, rift and polar cap, the halo left out, and the upright card struck in copper.
- Nocturne Card — Earth
Earth half out of the sea with its oceans, banded cloud deck, ice caps, city lights and sunlit terminator, the halo left out, and a phone whose screen carries a photograph of the same scene.
- Meridian Earth — Earth
The authored orbit: an 8K day plate read through a cubic B-spline, a cloud deck on its own shell, ice caps, city light, and one scattering integral shared by surface, deck and halo — drifting at a quarter of the rate it was authored at.
- Meridian Earth — Moon
The plates drop out and a jittered crater lattice takes their place — flat-floored basins, terraced rims and central peaks at four scales, ray systems off the youngest, and dark basalt maria carrying a third of the craters the highlands do.
- Meridian Earth — Mars
The same lattice split across the hemispheric dichotomy — old cratered south, resurfaced north — with the Tharsis shields, a four-thousand-kilometre canyon, wind streaks and spiralled polar frost, under a dust column whose scattering vector is the inverse of Earth's.
- Meridian Earth — Saturn
No ground and no halo: a zonal wind profile that drags each belt against the next and curls its edges into festoons and eddies, five octaves of cloud-top filament faded against their own screen footprint, the north polar hexagon, and a ring system of noise-built ringlets and orbital clumps cut by the Cassini, Encke and Keeler gaps — carrying the planet's shadow, laying its own back onto the disc, and holding the B-ring spokes.
- Tideform Phase Field — Phase Field
The authored field with nothing taken from it: a flat lattice of dots with a crest travelling out from the centre, warming to amber as it passes. Only the page's editorial layer is gone, so the background is the field and nothing else.
- Tideform Phase Field — Stone Ridge
The same field on a ground plane instead of a table: ridged fractal ranges in brown stone standing off behind a scree floor, with the authored crest sweeping over them and its embers turned to a low sun on rock.
- Tideform Phase Field — Pine Canopy
The same ground plane as forested hills, under a closed conifer canopy laid out in lattice space so a crown is always a few dots wide, with the accent turned from orange to the green-gold the light comes through as.
- Tideform Phase Field — Open Swell
No terrain at all: four crossed wave trains rolling back to the horizon, glitter carried in lattice space, and the authored crest expanding across the water with its accent turned to the blue the sea throws back.
- Emberline Vortex — Vortex
The authored field exactly as written: a twisted catenoid of hairline filaments flaring into a crown and splaying into roots, over a drifting blue star field.
- Emberline Vortex — Bloom
The same field closed into a flower: the curve index cut into petals and arcs, every blade fluted across its width, and a moon that lights the petals it reaches under a cool sheen while the rest fall to deep magenta.
- Emberline Vortex — Ridge
The field folded into a sunset range: one continuous surface of contours receding into a low sun, peaks and valleys sliding past each other, with a hot rim on every crest the sun can reach.
- Emberline Vortex — Tide
The field laid flat as open water: long swells running toward the viewer under a night sky, with the moon laying a glade of glints straight down the frame.
- Cross Beam — Cross Beam
The original horizontal wash crossed by a vertical shaft with a sliding glow.
- Cross Beam — Ring Beam
The beam bent into a circle, with an arc of light running the circumference.
- Cross Beam — Frame Beam
A thin border hugging the viewport edge, lit by a highlight travelling the perimeter.
- Cross Beam — X Beam
Two 45° shafts crossing at the centre, their glows taking turns down each arm.
- Predictive Arc — Predictive Arc
The violet predictive pixel arch with a luminous animated core.
- Predictive Arc — Data Pixel Arc
An emerald pixel horizon with an organic breathing band.
- Predictive Arc — Signal Particles
A dark signal-particle field with soft connective pulses.
- Predictive Arc — Override Grid
A block-by-block override grid with telemetry-orange accents.
- Predictive Arc — Ribbon Field
A cyan, indigo, and purple WebGL ribbon field resolved through an animated dot matrix.
- Predictive Arc — Void Field
A transparent raw-WebGL void field detached from its original article composition.
- Predictive Arc — Halftone Flow
A red-orange raw-WebGL flow field resolved through its authored six-pixel halftone matrix.
- Predictive Arc — Amber Halftone
An animated amber-to-white Three.js point field on a dark plane.
- Liquid Form
A centered silver ray-marched liquid form with authored studio reflections and pointer-responsive camera drift.
- CRT — Terminal
The authored 19-row Zion boot log typing itself onto green phosphor, now resolved at the full backing resolution so the glyph cores stay crisp behind the grille.
- CRT — Cinematic
A monotone academy leader: letterboxed frame, sweeping countdown dial, scrolling film perforations, registration marks, and a running 24 fps timecode graded to pure luminance.
- CRT — Blue Screen
A retro signal-fault panel on saturated broadcast blue, torn by shader-side transport noise: per-row jitter, a rolling dropout band, head-switching scramble, and heavy static.
- CRT — Nintendo
An 8-bit console title screen drawn on a 320×180 grid with a hand-authored 5×7 pixel font and nearest-neighbour upscale, so every sprite, brick, and letter lands on a hard pixel edge.
- Globe — Energy Orb
The original layered FBM energy sphere with translucent rim glow and depth-aware star field.
- Globe — Tangled Constellations
Monotone glyph chains wander a dimensional sphere, collide with pinned stars, and respond to drag and pointer contact.
- Globe — Network Globe
A dotted continent mesh on a luminous dusk horizon with crossing gradient routes, sparks, hover highlights, and click-launched arcs.
- Spark Badge — Badge
The original Codex credential assembled from luminous rain and curl-noise embers.
- Spark Badge — Browser
A complete browser window and page layout illustrated with the exact same rain, spark, waterline, and dissolve effect.
- Spark Badge — iPhone
A modern iPhone silhouette with Dynamic Island, app UI, icon grid, dock, and home indicator formed from the same living spark field.
- Spark Badge — Studio Display
A widescreen studio monitor with camera, creative workspace, tool rail, inspector, timeline, architectural stand, and base formed from the same sparks.
- Elements — Water
A refracted OpenAI mark beneath pointer-driven circular ripples, cyan depth, and soft suspended particles.
- Elements — Lightning
Violet fBm arcs crawl around the Anthropic contour while pointer proximity pulls the storm closer.
- Elements — Fire
Noise-driven flame ribbons and rising embers lick upward from the Claude mark edge.
- Elements — Condensation
Transparent droplets grow, merge, fall, and resolve into soft water splash rings.
- Elements — Generative Tree
A painterly branching tree grows from warm sienna to golden tips, sways with pointer wind, and sheds soft ambient motes.
- Typography Vortex
Sable’s complete rotating typography vortex with crisp prerendered rings, drifting glyphs, pointer dissolution, particle dust, and click suction — with dark and light surfaces.
- Semantic Bloom
A customizable Codex wordmark that draws a viscous particle organism toward its letters, illuminating the text as the network searches and reconnects.
- Text Path Studies — Globe Type Study
A typographic world sphere with drag rotation, wheel zoom, pointer lighting, and click-to-pin markers.
- Text Path Studies — Outline Typeflow
Letters trace a multi-loop outline with hover acceleration, illumination, and click-burst particles.
- Text Path Studies — Morphing Glyph Cloud
A paired glyph field morphs between radial silhouettes with breathing motion, scatter, and pointer repulsion.
- Text Path Studies — Cloth
A Verlet sheet of letters responds to pointer wind and direct grabbing while its live weave deforms every glyph.
- Text Path Studies — Ripple
Clicks send overlapping weighted wavefronts through a seeded 24 × 24 typographic grid.
- Text Path Studies — Ball
A depth-sorted glyph sphere accelerates on hover and sheds click-hit letters before regrowing its surface.
- Gallery Heading — Matte Rise
Muted museum plates under one slow rise of noise, a light sans on wide tracking, and an ascending ring that springs up to speed instead of easing.
- Gallery Heading — Glitch Fall
Broadcast colour torn into flat blocks and slipped rows, with the headline breaking up into two channels over a descending counter-orbit.
- Gallery Heading — Riso Sweep
Print colour dithered to three tones over a lit corner, scanlines and heavy grain, under an old-style serif standing on a hard offset plate.
- Gallery Heading — Halftone Loop
One ink on one stock, shaded only by the size of the dots on a rotated screen, under a high-contrast didone on a tall reverse loop.
- Terrain Plume — Alpine
DesignCode 5’s exact engraved range: fourteen hand-placed massifs, ridged couloirs, a foreground fir band, and the monochrome plume behind them.
- Terrain Plume — River
A meandering river cut through the same hidden-line valley, with firs and broadleaf trees crowding both banks and the plume reflected down the channel.
- Terrain Plume — Desert
Wind-rippled dunes running under flat-topped buttes, with saguaros, boulders, and scrub engraved across the near band and a warm plume on the horizon.
- Terrain Plume — Bridge
A suspension crossing over a night bay: braced towers, catenary cables, lamp-lit deck, and a lit skyline on the far shore doubled in the water.
- Shader Buttons — Star Portal
Two drifting Canvas 2D star fields with an authored holographic pill button.
- Shader Buttons — Ignition
A raw-WebGL ambient field with a tactile ignition control.
- Shader Buttons — Induction
A kinetic ambient field paired with a raw-WebGL induction button.
- Shader Buttons — Plasma
A deep-blue laboratory field with a luminous plasma control.
- Shader Buttons — Tactile
A fluid ambient background with a tactile raw-WebGL button.
- Shader Buttons — Thinking
A luminous Canvas 2D trace orbiting a softly raised blue button.
- Shader Buttons — Raking Light Pill
A pill-shaped shader button with raking GLSL light bands, sparse motes, a soft edge, and hover intensification.
- Shader Buttons — Liquid Glass
Refractive glass capsule with flowing color, light response, and a tactile press state.
- Shader Buttons — Intelligence Glow
Iridescent intelligence glow with a listening state and animated voice bars.
- Shader Buttons — Holographic Foil
Three.js foil material that tilts with the pointer and changes on click.
- Shader Buttons — Particle Swarm
A Three.js particle swarm gathers around an interactive button and resolves on click.
- Shader Buttons — Voice Orb
Reactive Three.js orb and a press-and-hold voice control.
- Shader Buttons — Water Ripple
WebGL2 water simulation that ripples under pointer movement and presses.
- Shader Buttons — Dithered Hold
Pixelated shader fill that advances while the button is held.
- Shader Buttons — Lava Lamp
Warm liquid blobs shift under hover and heat up on click.
- Shader Buttons — Brushed Gold
Three.js brushed gold material with responsive light and a press state.
- Shader Buttons — Ink in Water
WebGL2 fluid ink swirls inside a glass capsule as the pointer stirs it.
- Shader Buttons — Glassy Split
A lilac glass split button with a working creation menu.
- Shader Buttons — Generate Site
A violet enamel button with a star field and animated generation state.
- Shader Buttons — Chrome Upload
A polished chrome upload button with shader driven metal reflections.
- Shader Buttons — Book a Demo
A dark control with a moving lime dot matrix arrow.
- Shader Buttons — Iridescent Glass
A frosted download button with iridescent shader color and glass lettering.
- Shader Buttons — Create & Get Started
A paired ceramic and violet primary action study.
- Shader Buttons — Soft Surface
A softly extruded service button with a recessed arrow control.
- Shader Buttons — Balloon
An inflated fabric button with a responsive Three.js cloth surface.
- Shader Buttons — Light Switch
A molded day and night rocker switch with spring motion.
- Shader Buttons — Start Growing
A forest glass capsule with optical filaments and a spring switch.
- Shader Buttons — Car Controls
Sculpted automotive keycaps with functional airflow and heat states.
- Rectangle Buttons — Dark Glass
A deep charcoal glass rectangle with a softly revolving inner highlight and restrained metallic type.
- Rectangle Buttons — Launch Button
A warm amber launch control with tactile depth, a soft aura, and a compact lightning icon.
- Rectangle Buttons — Dot Border Button
A bright creation CTA framed by four corner dots and sequentially drawn dashed border segments.
- Rectangle Buttons — Floating Dots CTA
A saturated blue CTA with a glass highlight and a continuous stream of floating light points.
- Rectangle Buttons — Sliding Text CTA
A dark rectangle CTA whose label slides, blurs, and resolves into a crisp duplicate on hover.
- Rectangle Buttons — Gradient Beam CTA
A dark builder CTA with a rotating orange edge beam, drifting dot texture, and responsive glow.
- Rectangle Buttons — Gradient Pill Button
A restrained metallic lesson control with a masked gradient edge, soft elevation, and arrow icon.
- Rectangle Buttons — Generate Button
A glossy generate control with prismatic borders, animated lettering, and an illuminated sparkle icon.
- Rectangle Buttons — Glassmorphism CTA
A glass CTA with a revolving highlight, advisor portrait, and a glowing generative-action icon.
- Rectangle Buttons — Spinning Border Button
A compact graphite CTA that replaces its static edge with a rotating white border beam on hover.
- Rectangle Buttons — Gradient CTA
A sunlit amber CTA with inset highlights, deep elevation, and a rising hover sheen.
- Rectangle Buttons — Lumen CTA
The authored six-stop violet gradient pill with its inner highlight, cast glow, and trailing open ring.
- Rectangle Buttons — Lumen CTA Ghost
The authored sibling pill with the same geometry, a blurred glass fill, and a hairline outline.
- Rectangle Buttons — Trochil Signal
The selected Trochil request-access treatment: a restrained black technical rectangle with a fine lit edge and passing warm signal sheen.
- Rectangle Buttons — Attune Thermal
The selected Attune primary action with a compact orange thermal gradient, inset highlight, grounded glow, and chevron.
- Rectangle Buttons — Tideform Outline
The selected Tideform action: a square technical outline with tracked mono type, warm hover state, and a long directional arrow.
- Rectangle Buttons — Understory Arrow Pill
The selected Understory action with a violet capsule surface and an inset paper-toned circular arrow endcap.
- Rectangle Buttons — Meridian Keycap Primary
The selected Meridian primary action rebuilt as a blue illuminated keycap with a physical base, LED, and pressed hover travel.
- Rectangle Buttons — Meridian Keycap Secondary
The selected Meridian secondary action using the same tactile keycap geometry in its graphite night-side treatment.
- Rectangle Buttons — Halvorsen Arrow Pill
The selected Halvorsen action: the shared editorial arrow-pill structure recut as a bone-white capsule with a black inset arrow disc.
- Rectangle Buttons — Aster Glass Access
The compact Aster navigation action with a translucent smoke surface, masked crystalline edge, top sheen, and restrained hover lift.
- Rectangle Buttons — Aster Glass Arrow
The Aster primary CTA using the same glass material with a bordered inset chip and a directional arrow that advances on hover.
- Rectangle Buttons — Ember Keycap
A tactile pre-order keycap with an ember spark, machined graphite cap, top-edge glow, bloom, price legend, and pressed hover travel.
- Rectangle Buttons — Bloom Outline Button
An outlined seasonal CTA with a pale blossom edge, paired dots, pointer-positioned ink bloom, magnetic drift, and sliding duplicate label.
- Circle Buttons — Play
The Dark Glass rectangle reduced to a compact circle with its original charcoal surface, masked edge, and moving conic light.
- Circle Buttons — Plus
The Launch rectangle's exact amber gradient, 4px base, soft aura, and 2px pressed state around a centered plus glyph.
- Circle Buttons — Mail
The Dot Border rectangle's transparent face, blue hover fill, four moving corner dots, and sequential dashed frame around a mail glyph.
- Liquid Metal Button — Play Circle
A compact icon-only play control with configurable finish, diameter, outline, and accessible label.
- Liquid Metal Button — Sign up Pill
The original authored liquid-metal Sign up pill with its complete spectral field, bloom, pointer well, and faceted press ripple.
- Liquid Metal Button — Liquid Orb
The exact liquid-metal WebGL field measured through a compact 56–72px circular plus control, preserving every original interaction and post-process pass.
- Get Started Button
A tactile liquid-chrome Sign Up control with a refractive spectral ring, crystal center, floating particles, and pointer-drawn light scratches.
- Orb Gallery
A slowly turning sphere of interface references, built from 190 non-overlapping gallery plates with hover lift, focus dimming, and inertial drag rotation.
- Character Carousel — Filmstrip
A warm editorial card deck with framed portraits, numbered identity footers, paper grain, and a deep looping perspective rail.
- Character Carousel — Wave
A dark dimensional card wave with colored profile tiles, responsive horizontal-to-vertical motion, and orientation toggling.
- Gallery
The isolated Vantrix hero image ribbon: sixteen curved editorial panels orbiting a vertical cylindrical rail on a quiet paper grid.
- Volta Atelier
The isolated Volta Atelier opening section: an oversized typographic frame around an eleven-card, pointer-reactive studio collage with ambient dust and producer details.
- Recursive Erosion — Sphere
A seven-thousand-point orange fibonacci shell on the authored four-second loop: it crumples and erodes into holes while eight jagged lightning arcs strike across it, and it leans out toward the pointer wherever the cursor rests.
- Recursive Erosion — Branches
A dendritic ember-to-gold limb structure on a nine-second turntable, eroding back from the tips while eight pulses climb from the root to a branch tip and return.
- Recursive Erosion — Mountains
A ridged height field drifting over nine seconds, its rows drawn far-to-near so the relief reads solid, violet scree eroding off warm crests while six lava veins run down the slopes into a hazed far edge.
- Recursive Erosion — Nebula
A six-lobe indigo and magenta cloud shearing around its own core over eight seconds, hollowing into voids while seven filament rings wind through the volume.
- Purple Desert
A cinematic dune flight under violet twilight, with procedural sand ridges, a layered distant range, wind-blown haze, pointer-guided orbit, and a smooth night-to-day lighting dissolve.
- Orbital Dust
A luminous dust planet suspended in a black star field, with a tilted particle axis, a responsive orbital ring, pointer attraction, and click-triggered shockwaves that scatter across the globe.
- Halcyon Card — Private Reserve
The packaged document, byte-for-byte: sand damier canvas over saddle-tan trim in a near-black room, holding a gunmetal card whose engine-turned field and guilloche rosette are engraved under gold foil.
- Halcyon Card — Onyx
The same sleeve cut in plain black calf and stood in a daylight room. No damier — a black hide has almost no albedo, so the whole read is its grain and its specular — and the card is brushed platinum: a diamond-cut rim, a champagne contact plate, and a brushing that jitters the studio per groove rather than blurring it. Swiss grotesque throughout.
- Halcyon Card — Saddle
Cognac bridle hide in a warm walnut room: a coarser pebble, a waxed sheen, a heavily burnished painted edge, and a pull-up that pales the raised grain. The card is brushed graphite titanium with a diamond-cut rim, polished steel engraving and a champagne contact plate, and the type is an old-style serif.
- Liquid Clock
A real-time digital clock sculpted from translucent blue liquid tubes, with luminous fluid segments, drifting particles, soft depth, bloom, and pointer-driven deformation.
- Iridis
A precision-milled Obsidian card whose embedded star field blooms into wave-optical spectral diffraction, with an analytical studio shadow and smooth pointer-driven orbit.
- Holographic Glitter Card
An Astro Blade arcade player card wrapped in pointer-reactive rainbow glitter, a drifting pixel-dissolve foil field, rippled laminate, specular sweeps, and a soft projected shadow.
- Book of Japan
A dark hardbound reader for an original seven-chapter essay on Japan, with responsive typesetting, light-ink brush plates, richly textured boards, page-edge depth, and a physically modelled paper curl.
- 3D Paper — Original
The original translucent Nocturne certificate with monochrome editorial typography, procedural glass texture, and a giant wordmark suspended behind the paper.
- 3D Paper — Site of the Year
A graphic Site of the Year award sheet with vivid lime scoring details, season XP, winner metadata, and the same tactile translucent paper motion.
- 3D Paper — Japanese
A Japanese recognition certificate with vertical display type, warm gold accents, bilingual details, procedural translucency, and direct inertial interaction.
- 3D Paper — Certificate
A formal typographic certificate edition with recipient signatures, structured award details, glass-like reflections, and the original responsive paper simulation.
- Apple Devices — MacBook Air M2
Isolated MacBook Air M2 with integral device parts, authored materials and editable display.
- Apple Devices — Studio Display
Isolated Studio Display with integral device parts, authored materials and editable display.
- Apple Devices — iPhone Duo
Isolated iPhone Duo with integral device parts, authored materials and editable display.
- Apple Devices — iPhone · Launch Film
Isolated iPhone · Launch Film with integral device parts, authored materials and editable display.
- App Orbit
Fourteen sculpted app icons orbit through liquid glass, satin ceramic, and precision aluminum, with a macOS-inspired dock, direct focus, tactile hover, and inertial camera controls.
- Ashen Press
A tactile 3D art-book shelf with ten clothbound volumes, embedded illustrated plates, reflective oak furniture, a torn-paper detail reveal, and direct hover, select, flip, and drag interactions.
- Noema Bloom — Bloom
The packaged scene: fifty-five petals in five whorls furl into a bud and open again on a seventeen-second cycle, deep indigo through cornflower into a white heart, under blue light shafts and a star field.
- Noema Bloom — Tulip
Twelve tepals bowed into a goblet on a leafed stalk, magenta through rose into a warm lip, held against a deep spring-green field with pale green light shafts.
- Noema Bloom — Sakura
Five notch-tipped petals turned flat to the lens around a forty-four filament corona, pale pink into white over a plum night, the blade lit from whichever face is toward the camera.
- Noema Bloom — Maple
A five-lobed toothed leaf laid flat to the lens, expanding from a furled shoot along its petiole, ember red through orange into gold with embers drifting off the blade.
- Heatmap Badge — Vinyl
The authored badge: a matte charcoal card inside a crinkled vinyl sleeve, read by a blue-to-ember thermal ramp and hung on a printed polyester lanyard.
- Heatmap Badge — Field Canvas
A cloth-backed press pass: indigo cotton duck woven thread by thread, a halftone portrait screened onto the weave, saddle stitching, brass hardware, and a herringbone cotton strap.
- Heatmap Badge — Titanium
The credential milled as a metal card: an anisotropic brushed plate, laser-etched type over an embossed account row, a contact chip and foil hologram, and an optical sleeve that mirrors the studio instead of creasing.
- Heatmap Badge — Retro Plastic
An injection-moulded putty badge with screw bosses, vents and moulded lettering, a screen-printed panel with a dot-matrix window and a power lamp, and a thermochromic ink that multiplies magenta into indigo where you touch it.
- Hourglass Loader — Hourglass
The authored scene, preserved unchanged: a turned wooden hourglass whose sand drains through a pinched neck, glides along the desk and tips end over end on its own rim.
- Hourglass Loader — Keyboard
A fifty-one key board in a dark walnut sandwich case on a thin honey-oak top, with a machined plate and sculpted PBT caps. It types LOADING one key at a time — each press an eighth of the capsule, a commit light out from the return key, then a wave that runs the board clear.
- Hourglass Loader — Mouse
A low two-button mouse on a fumed-oak board, its shell one analytic surface — a rounded-rectangle section over a superellipse plan — so the curves carry no creases. Five clicks and one scroll fill the capsule; the buttons hinge on their own seam and the cord follows the body across the wood.
- Hourglass Loader — Wallet
A saddle-stitched leather bifold lying open on a thin mahogany board, dealing the four cards terraced in its slot out into a clear row in front of it. Every card goes straight up out of the pocket before it travels, so nothing ever passes through anything; the last one lifts and turns to catch the light.
- Halftone Keyboard — 60% Board
The authored scene: a backlit 60% board with procedural key legends, automatic typing, keys that light as the cursor passes them, and the pendant whose cone swings across the whole board.
- Halftone Keyboard — Journal
An open leather journal writing itself: procedural cursive laid down a word at a time on ruled paper, wet ink catching the lamp at the nib, a satin ribbon and a fountain pen that lifts as the cursor nears it, and a page that curls over on a vertex-shader hinge once the right-hand side fills.
- Halftone Keyboard — Typewriter
A portable machine three-quarters on, typing a page: fifty nickel-ringed keys in one draw call, a typebar thrown at the platen for every letter, a carriage that steps left and runs home on the return lever, and a sheet stamped one struck glyph at a time.
- Halftone Keyboard — CRT
A chunky monitor running a terminal session on a real spherical-cap tube, with scanlines, an aperture grille, barrel distortion and a shader-stamped blinking cursor — and a phosphor wash that falls back onto its own bezel and across the desk in front of it.
- Wood Icons — Gameboy
A carved timber handheld with a tinted glass screen, working face controls, a power switch, and a slow pointer-responsive turntable.
- Wood Icons — Keyboard
A compact wooden keyboard fitted with translucent glass keycaps, a dot-matrix readout, press feedback, and pointer orbit.
- Wood Icons — Popsicle
A blue translucent popsicle with monotone glass keycaps frozen into its refractive body, each square cap carrying a letter read through its own glass, over a procedurally grained wooden stick.
- Wood Icons — Chair
A turned timber side chair with five glass slats set into its raked back over one solid seat board, and a warm slat at the centre that lights and carries the press out to its neighbours.
- Wood Icons — Desk
A writing desk with a light table glazed into its top, a single drawer behind a smoked glass front that latches open on a spring, and a pulse that sweeps the panel when the glass is touched.
- Sylva Living World — Living Green
The original procedural moss-root world with pale flowers, ferns, drifting pollen, scan light, and a landing butterfly.
- Sylva Living World — Sakura Sunset
Mossy cherry boughs at close range, carrying a recursive twig network in open blossom over a golden cushion, with petals tumbling through a quiet dusk field.
- Sylva Living World — Maple Autumn
The same mossy boughs turned to maple: palmate leaves running crimson to gold along every spray, a green-gold cushion, and leaves tumbling through a cold slate dusk.
- Sylva Living World — Sequoia Mist
The same boughs as redwood: flat sprays of scale-needle foliage on fibrous cinnamon bark, deep moss, and sprigs drifting through grove fog.
- Sakura River Valley
Explore a real-time mountain river valley at golden hour, with sakura trees, a boat, temples, weather, and a changing day and night sky.
- Sunset Valley — Sunset
The exact authored sunset valley with its warm canyon, glowing river, smoke, dust, grass, and pointer physics.
- Sunset Valley — Forest Morning
A lush green morning with a cool misty sky, richer ground cover, and thousands of instanced river-valley trees.
- Sunset Valley — Aurora Night
A deep blue starlit night beneath five folded borealis curtains, green along their sharp lower border and violet in the crown.
- Sunset Valley — Blue Hour
The half hour after the sun has gone: an indigo sky over one ember of afterglow, the river turned to a pale mirror, and the same fern banks lit only by skylight.
- Temple Night — Temple Night
Kage’s procedural Kyoto mountain temple after dark, with the exact authored architecture, rain, mist, leaves, pointer wisps, camera composition, and bloom pipeline.
- Temple Night — Yosemite Sunset
The same world engine turned on Yosemite Valley at last light: El Capitan and Cathedral Rocks under painted alpenglow, Half Dome at the head of the valley, a giant sequoia grove, and the Merced running out of frame.
- Temple Night — Presidio Sunset
A park above the Golden Gate at the end of the day: wind-sheared Monterey cypress over a green bluff, the bridge stretched across the strait in International Orange, the Marin headlands beyond it, and fog coming in under the sun.
- Temple Night — Lake Louise
The same engine turned cold: Mount Victoria under alpenglow at the head of a glacial lake, its snowline and hanging glacier painted by the massif routine, a spruce fringe down both shores, and the peak mirrored in turquoise water.
- Sakura Branch — Sakura
The lush authored pink cherry bough with dense moss, drifting petals, pointer wind, and a landing butterfly.
- Sakura Branch — Sentra Branch
The learnme.html bough isolated from the Sentra landing page, with sharper branching, leaner moss, drifting petals, and ember-orange light.
- Landscape — Sunrise
Low amber light crossing the grass and distant ridges under the source's warm morning sky.
- Landscape — Noon
Clear cool daylight with the terrain, moisture colours, stones, and grass at their most legible.
- Landscape — Sunset
The ridges and grass settle into long warm light beneath a deepening six-stop sky.
- Landscape — Night
Moonlit terrain beneath 39,200 stars constrained to the landscape camera's visible band.
- Landscape — Rain
Rain draws in the fog, darkens the ground into puddles, and throws small splashes across the field.
- Landscape — Storm
A dense sideways downpour over sunset light, with close fog and multi-stroke lightning flashes.
- Landscape — Snow
Wind-driven snow settles across the terrain, stones, and grass while a blizzard tightens the horizon.
- Country Towers — Japan
A Japanese tenshu with an ishigaki stone base, plastered storeys, and flying tiled eaves.
- Country Towers — China
A Chinese pagoda in vermilion lacquer and green glaze beneath a gilt finial.
- Country Towers — Vietnam
A Vietnamese tháp with seven octagonal Huế lime-wash storeys and lifted tiled eaves.
- Country Towers — Thailand
A Thai prang rising from a stepped plinth into a richly detailed gold spire.
- Country Towers — Cambodia
A Khmer prasat on laterite terraces with a redented sanctuary and diminishing sandstone tiers.
- Country Towers — Turkey
An Ottoman mosque with limestone ashlar, İznik tile, a lead dome, and twin pencil minarets.
- Bookshelf
The exact seven-volume Bookshelf collection with its authored room, carousel shelf, individual cover artwork, foil, pages, inspection, opening, and page-turn system.
- Wallet — Wallet
A stitched leather bifold standing open on its fold: two terraced card slots a side holding four drawn ID-1 cards, a leather fold lofted from both halves, a note-pocket wall, saddle stitching, and cards that ride up out of their slots on hover or click.
- Wallet — Keyboard
The authored mechanical keyboard with procedural keycaps, a CODEX row over a Voice bar and a microphone glyph, LED telemetry, and animated presses.
- Wallet — Mouse
A wireless mouse on the keyboard's camera, environment and light rig: a crowned shell sculpted from its plan outline, hinged click plates, knurled wheel, green DPI cap, a telemetry strip flowing over the palm, and the pointer it drives clicking alongside it.
- Wallet — Remote
A streaming remote on the collection's isometric: a stacked sole, shell and control deck, a rocking navigation ring, sinking caps, an amber power key and green live key, and an infrared window that throws a burst of arcs every time a button bottoms out.
- Grid Illustrations — Keyboard
A compact isometric keyboard built as a pale dimensional grid with raised keycaps, a slim frame, soft grounding shadow, and damped pointer orbit.
- Grid Illustrations — Typewriter
A mechanical typewriter resolved as a stepped isometric grid study, from its key field and carriage to the paper assembly and grounded base.
- Grid Illustrations — Journal
An open journal translated into a dimensional isometric grid, with layered pages, a central spine, structured linework, and the collection's soft monochrome lighting.
- Grid Illustrations — Charts
An analytics board resolved as a dimensional isometric grid: a two-row column field, a pair of line series floating on dropped stems, and a share ring whose sectors carry their own depth, all building themselves under a travelling scan head.
- Retro Metallic — Agent Selector
A milled shift gate that routes its chrome lever between Luna, Terra, and Sol model stops and five effort levels, lighting engraved plates before Ultra rattles and throws sparks.
- Retro Metallic — Type-48 Keyboard
A wedge-shaped 48-key keyboard with pierced metal plate, backlit legends, sculpted rows, a self-typing wordmark sequence, rippling key light, and a spark-struck Enter key.
- Retro Metallic — Vault-01
A Class III vault whose handwheel dials through its combination, withdraws six glowing bolts, swings the circular door open onto a cyan-lit cavity, then closes with a shower of sparks.
- Retro Metallic — CRT-14
A pedestal CRT with milled bezel and knurled controls that blooms from a power-on line into boot text, colour bars, and oscilloscope graphics before collapsing back to a phosphor dot.
- Isometric Motion Grid — Figure Grid
The original six-figure specimen sheet: three columns of hairline product scenes, each with its own timeline and its own pointer camera.
- Isometric Motion Grid — Hero
A split hero where the headline sits opposite a field console: a console and a signal mast set apart on one deck, with the panel and the pass chip parked in their own corners of the frame.
- Isometric Motion Grid — Testimonials
Three quote columns under one rule, each carrying its own figure: a quote plate rising in place, a score settling on a dial, and three records lifting lane by lane.
- Isometric Motion Grid — Contact
A hairline contact form beside a dispatch dock, where the dock and keypad sit apart on one deck and the outgoing message and its acknowledgement park in opposite corners.
- Isometric Motion Grid — Footer
A bottom-anchored footer whose link columns sit above a full-width module rail — seven evenly gapped bays on one bar, scanned end to end on a six-second sweep.
- Isometric Illustration — Keyboard
A minimal 24-key deck on the dock's pad: caps that strike and light one at a time, an indicator lamp answering every stroke, and a floating plate that fills with typed words before clearing.
- Isometric Illustration — Search
A lit horizontal search bar seated on a two-tier plinth, with a magnifier puck sweeping through three stops while the groove fills behind it and each tick strikes — every mark bounded inside the bar's own outline.
- Isometric Illustration — Phone
A phone whose lit glass inverts the drawing to dark ink on light: twenty app tiles standing proud of the screen ride a diagonal lift wave while the dynamic island opens and hands off a floating notification.
- Isometric Illustration — Browser
A window standing where the dock's lid did: a load bar sweeps its divider, content pops in block by block, and a pointer walks to the call to action and presses it while the mouse on the pad travels with it.
- Isometric Illustration — Wallet
A saddle-stitched leather bifold with a pocket wall, and three lit cards that fan up out of it in sequence — each spreading its own contact shadow as it climbs — before settling back flush.
- 365 Shapes — Cube
The original six-plane glass cube paired with a pixel-built CUBE wordmark.
- 365 Shapes — Triangle
A sharp triangular glass prism paired with a pixel-built TRIANGLE wordmark.
- 365 Shapes — Hexagon
A balanced six-sided glass prism paired with a pixel-built HEXAGON wordmark.
- 365 Shapes — Pentagon
A faceted five-sided glass prism paired with a pixel-built PENTAGON wordmark.
- Isometric Mail Light Shafts — Mail
The authored opening envelope, card, pen, and four physics-reactive coins.
- Isometric Mail Light Shafts — Keyboard + Mouse
A low-profile keyboard with a seamless Apple Magic Mouse positioned on its right.
- Isometric Mail Light Shafts — Camera + Drone
A mirrorless camera with a deep animated lens and a compact four-rotor drone holding station above it.
- Isometric Mail Light Shafts — Microphone
A condenser microphone in its yoke behind a mesh pop filter, cabled to a desk console beside a monitor speaker.
- Isometric Mail Light Shafts — Notepad
A spiral notepad whose top sheet lifts off the block, with a pencil across it and a cup of coffee steaming beside it.
- Scalability Bricks
An interactive isometric brick massif with falling illuminated pieces, physics-driven collisions, five accent palettes, three material styles, and adaptive light and dark surfaces.
- Structure Flow — Structure Flow
A masked white particle dome drifting across a dark field.
- Structure Flow — Emerald Horizon
A deep emerald shader glow rising from an organic moving horizon.
- Structure Flow — Orbital Sphere
A violet particle synthesis sphere with encrypted orbital rings and luminous data nodes.
- Structure Flow — Dot Matrix
A cyan breathing dot matrix with radial depth fade and smoothed pointer drift.
- Structure Flow — Expanse Field
A full-screen ShaderMaterial expanse isolated from its original editorial layout.
- Structure Flow — Logic Core
An isometric platform, illuminated logic core, and orbiting nodes.
- Structure Flow — Dimensional Field
Dimensional architecture composed from two authored ShaderMaterials.
- Structure Flow — Data Field
A global-data Three.js network visual isolated from its dashboard frame.
- Structure Flow — Topology Field
A rotating topology graph with connected nodes and rhythmic point pulses.
- Structure Flow — Nebula
An indigo FBM nebula with pointer drift, breathing light, and vignette.
- Structure Flow — Fluid Field
A blue-violet animated fluid ShaderMaterial.
- Structure Flow — Ember Storm
A 12,000-particle ember vortex with additive heat grading and flicker.
- Structure Flow — Flux Vortex
A blooming particle vortex with spiral filaments and post-process glow.
- Warp Field — Warp Field
The original hero warp: 400 emerald streaks and 40 luminous tiles through deep-space fog.
- Warp Field — Letter Storm
160 tumbling glyphs wandering off the rails while the streak field keeps the corridor moving.
- Warp Field — Keycap Drift
72 lit mechanical keycaps tumbling through a 900-spark particle wake.
- Warp Field — Hyperspace
1,200 ice-blue streaks stretched down a scrolling tunnel toward a pulsing jump core.
- Engraved Certificate
A responsive engraved certificate: plate field, dual guilloche rosettes, and a drifting harmonic pass that auto-cycles through four cam states.
- Woven Cloth — Woven Cloth
The packaged Neuform export, untouched: an ivory banner with a crimson hem and the Woven Cloth wordmark printed into the weave, pinned along its top edge.
- Woven Cloth — Iridescent Silk
A five-harness satin under a painted studio environment: a thin-film interference layer whose thickness sweeps one full order across the width, so the colour travels over the folds while the wordmark stays a tone-on-tone jacquard.
- Woven Cloth — Atelier Flag
The same sheet cut and sewn: three linen panels joined by flat-felled seams and topstitching, an indigo heading tape on the hoist with brass grommets and a mast, hemmed at the fly, and a woven label tacked on at the corner.
- Woven Cloth — Washi Noren
An indigo-dyed kozo noren on a wooden rod, backlit through a shoji: laid and chain lines from the papermaking screen, a torn deckle edge cut by an alpha mask, and slits that free three panels to sway on their own.
- Performance Gauges — Tachometer
Orange sunburst dial reading 0–7000 r/min with a redline band, a machined oil-temperature sub-dial, and a counterweighted red needle.
- Performance Gauges — Speedometer
0–160 km/h scale whose travelled arc fills behind the needle, with a peak-hold marker, counting digital readout, and rolling odometer.
- Performance Gauges — Turbo Boost
Navy −1.0 to 1.5 bar dial that separates the vacuum half from the pressure half and flags the wastegate threshold with a pulsing overboost lamp.
- Performance Gauges — EV Power
Regeneration-to-power scale that fills its track from zero, with a green charge segment, kilowatt readout, and battery state-of-charge bar.
- Uplink Loader
A cinematic secure-uplink loader with stepped progress, illuminated telemetry ticks, neon readouts, technical corner markers, mirrored side rails, scanlines, and procedural grain.
- Koi Studies
A tactile stack of three Japanese koi studies with CSS 3D depth, pointer tilt, drag and keyboard navigation, pixel-mask reveals, and animated halftone imagery.
- Article Headings — Intro Text
The opening chromatic ThreeUI wordmark assembly, isolated to its first authored beat.
- Article Headings — Particle Wordmark
The Shaders wordmark materializes through a seeded field of drifting dots and squares.
- Article Headings — Audio Wordmark
Animated circular audio-bar fields paired with a compact ThreeUI wordmark and icon lockup.
- Animated Top Dock — Sable Dock
The authored Sable dock: a centred glass capsule whose items spring downward and widen as the pointer crosses them.
- Animated Top Dock — Command Bar
An inset modern header: wordmark on the left, the proximity dock centred on the bar’s midline, and a paired sign-in and gradient call to action on the right.
- Animated Top Dock — Pixel Terminal
A fitted terminal strip: the menu cells own the whole bar and trade width with each other, over a WebGL noise field quantised through an 8×8 ordered dither into an eight-stop dusk palette.
- Animated Top Dock — Liquid Glass
A vertical glass rail whose proximity field runs down the y axis, over a Three.js bead field that refracts the backdrop in screen space with per-channel dispersion and a specular rim.
- Sketchbook
The exact Singapore paper sketchbook with nested-strip page curls, direct dragging, tilt, zoom, a movable magnifying glass, and its complete authored plate set.
- Constellation Field — Constellation Field
A drifting particle constellation network with tunable link stroke width over a deep night field.
- Constellation Field — Particle Drift
A soft particle drift field lifted from a compute-network hero stage.
- Constellation Field — Particle Network
A sharp, thin-stroke particle network field with crisp retina trails.
- Constellation Field — Gateway Flow
A black-stage flow canvas with streaming gateway trajectories.
- Constellation Field — Connectivity Graph
A light-mode connectivity graph canvas with animated node links.
- Constellation Field — Interface Lines
A faint interface line-field background for dense system UI stages.
- Constellation Field — Defense Lines
A crimson defense-line canvas field behind a high-contrast hero stage.
- Constellation Field — Topo Field
A raw-WebGL topography field with flowing elevation bands.
- Portal Field — Portal Field
A Three.js ShaderMaterial portal with pointer-reactive fringe light.
- Portal Field — Cloud Field
A raw-WebGL cloud migration background isolated at its source renderer boundary.
- Portal Field — Flow Field
Warm amber, gold, and coral particles trace a deterministic simplex-noise field.
- Portal Field — Bell Field
A Chladni-inspired bell field with nodal metal patterns and rising foundry embers.
- Portal Field — Stream Convergence
Three chromatically separated violet wavefronts crossing a rotated fluid field.
- Diagnostics Panel — Layered Planes
Five floating isometric planes with a highlighted top layer and a cropped scan-line core.
- Diagnostics Panel — Node Cubes
Five synchronized wireframe cubes forming a softly animated diagnostic node cluster.
- Diagnostics Panel — Flowing Mesh
An isometric wire mesh that continuously ripples around a focused central peak.
- Skeuomorphic Toggle — Skeuomorphic
The preserved packaged export: a tactile pill with an inset track and a raised sliding thumb.
- Skeuomorphic Toggle — Modern
A flat, hairline-edged switch with a stretching knob, a check-to-dash mark, and one soft accent pool.
- Skeuomorphic Toggle — Glass
An Apple-style Three.js capsule in transmissive glass, refracting a drifting colour field around a lit core.
- Skeuomorphic Toggle — Shader
A raw-WebGL switch drawn entirely in one fragment pass: plasma interior, streaming sparks, chromatic bloom, and a pointer-lit thumb.
- Laser — Matrix Junction
The preserved pointer-reactive three-way matrix junction.
- Laser — Atmospheric Blade
A white-hot emerald blade cutting through layered procedural vapor and faint mirage rails.
- Laser — Vanishing Array
Violet and amber carrier rails accelerate from a pointer-steered horizon origin.
- Laser — Halftone Relay
An off-axis cyan relay where vapor resolves into an animated screen-space dot field.
- Wireframe Forms — Cube
The prismatic cube study isolated as a single rotating wireframe form.
- Wireframe Forms — Cylinders
The crossed logic cylinders isolated as a single rotating wireframe form.
- Wireframe Forms — Sphere
The nested icosahedral sphere isolated as a single rotating wireframe form.
- Brand Orbs — Claude Code
A warm radial spark burst that expands and contracts around a bright core.
- Brand Orbs — OpenAI
An interlocking six-loop bloom traced as a rotating monochrome dot lattice.
- Brand Orbs — Codex
A rounded command-prompt mark that breathes as a dimensional prompt blob.
- Brand Orbs — Cursor
The Cursor arrow and frame resolved in dots with a timed click ripple.
- Brand Orbs — Gemini
A four-point Gemini twinkle with orbiting light and a soft central pulse.
- Brand Orbs — Figma
Five dot swatches morph through the familiar stacked Figma silhouette.
- Brand Orbs — Framer
The folded Framer F rendered as shifting blue dot bands.
- Brand Orbs — React
Three luminous electron ellipses orbit a bright React nucleus.
- Brand Orbs — Swift
The Swift bird silhouette sweeps through a warm coral dot field.
- Brand Orbs — DesignCode
The DesignCode monogram travels through a dense spherical dot field.
- Brand Orbs — Aura
Aura's native asymmetric dot field carries an expanding halo of light.
- Brand Orbs — DreamCut
Six tapered petals open, breathe, and rotate as a DreamCut bloom.
- Brand Orbs — UI
A paneled interface window assembles from cool blue dot segments.
- Brand Orbs — UX
A warm journey curve connects three pulsing experience nodes.
- Brand Orbs — CSS
The CSS lettermark emerges as a purple scan moving through a rounded field.
- Brand Orbs — iOS
The iOS wordmark is sampled into an even monochrome dot matrix.
- Brand Orbs — Neuform
Eight directional Neuform chevrons rotate around a precise center.
- Brand Orbs — GitHub
The Octocat silhouette appears as negative space inside a luminous orb.
- Brand Orbs — X
The X mark is swept by a rotating highlight around its diagonal strokes.
- Brand Orbs — Instagram
The Instagram camera mark glows through a violet-to-orange dot gradient.
- Brand Orbs — Threads
The Threads loop is traced by an angular highlight sweep.
- Brand Orbs — LinkedIn
The LinkedIn mark scans across a blue rounded-square field.
- Brand Orbs — Email
A dimensional dotted envelope opens and sends a traveling signal.
- ThreeUI Launch Film
A 41-second ThreeUI launch film with sculpted 3D devices, kinetic titles, live interface recordings, a project showcase, and an animated brand lockup.
- Finance Promo
A 24-second Aurel finance film with machined silver coins, cobalt emblems, a rolling $842M counter, macro material shots, dimensional typography, and pointer-driven orbit against a blue dithered atmosphere.
- AR / 005
An interactive iPhone product film with a 15-phone grid, four finish options, an extractable hero, and a seven-shot 30-second sequence with kinetic typography and camera cuts.
- Arca
A vivid portfolio and membership landing page for makers and galleries, with dimensional Pass cards, a rotating cube identity, oversized typography, image trails, a bending directory, and an interactive testimonial gallery.
- Glass AI Button
A translucent glass AI button with a deep-blue galaxy orb, luminous GPT 6 Sol lettering, a traced brain icon, and a particle burst on activation.
- Sign Up Button
A sculpted dark sign-up button with a glass potion orb, rising green bubbles, an opening envelope, a spinning ring, and fading procedural fingerprint marks after each press.
- Stillflora
A botanical atelier in blue and blush, with a refractive glass sculpture holding flowers, drifting petals, editorial practice cards, garden notes, and collectible editions.
- Thermo Button
A brushed-metal thermometer button with a glass weather orb, spring-driven capillary liquid, glowing temperature ticks, and four animated conditions: clear, cloudy, rain, and snow.
- Nami
A living koi landing page with an oversized butterfly koi, layered wet scales, a refractive pond, soft typography, and three selectable color studies. Drift, Ripple, and Dusk change the pace and light.
- Perspective UI — Cinematic Dashboard
The original 17.2-second DreamCut sequence: dashboard panels, glowing charts, floating task cards, adjustment sliders, the inspector, an export queue, and a closing logo reveal.
- Perspective UI — DesignCode Cinematic
An 18.7-second DesignCode product tour through its header, animated hero, course cards, footer, terminal, pricing, and final logo reveal, with dimensional panels and cinematic focus shifts.
- Perspective UI — ThreeUI Cinematic
A 28-second tour through ThreeUI's catalog, landing pages, source code, categories, component variants, and MCP workflow, ending with the Triwave mark and wordmark.
- Perspective UI — DreamCut
From first take to final cut: nine cinematic scenes through the editor, recording, timeline, transcripts, captions, audio, media, and export.
- Perspective UI — Mant Dashboard
The supplied Serein dashboard motion study: seven scenes of analytics, momentum, details, signals, planning, and people.
- Codex Astra
A cinematic Codex promo featuring GPT-6 Astra: stars form a 6 inside a blue nebula, a brief star flight leads into typed prompts, and a conversation brings an idea to life.
- React Orbits — Full Film
The packaged document, byte-for-byte: forty seconds through three loops of orbital gauges, five labelled steps in each, converging on the React mark and its closing card.
- React Orbits — Cutdown
Six seconds of the same film, cut into three two-second shots — the dial's rim sweeping in under the first node, one labelled step travelling the ring, then the three orbits around the nucleus — each carrying a statement of its own. Nothing is rebuilt between them: the scene keeps running and the camera cuts.
- Mechanical Wallet Motion — Cascade
The exact mechanical wallet stays fully readable above one stitched mono message that tracks through the lower negative space with the lateral cadence of cards entering and leaving their slots.
- Mechanical Wallet Motion — Slots
The exact mechanical wallet cut into three 2-second shots: the near half's deck as a card rides out of its slot; the far half's deck under the fold; then the whole standing bifold — each shot framed on the cards actually working inside it and carrying its own statement, closing on Carry only what matters.
- Cathode Session — Session
The exact Cathode workstation with its authored light chase and Built for the Long Session statement rising softly in the lower-right field.
- Cathode Session — Angles
The exact Cathode workstation cut into three 2-second shots from three points of view: the CRT from the right and low, the lit keys from the left and above, then the whole machine back on the authored isometric rest pose. Only the camera moves — colour, materials and lighting are untouched.
- Cathode Session — Charts
The exact Cathode workstation cut into three 2-second shots: the CRT drawing its line, bars, dial, and a seven-segment readout up to 1,000,000; the lit keys working; then the whole machine — each shot framed on its own subject and carrying its own statement, closing on Reached 1 million views.
- Emberline Signal
The exact Emberline vortex stays fully readable at center-right while its original Every GPU, fully saturated message orbits into the open left field in the reference's light editorial type.
- Iridis Spectrum
The exact Iridis card keeps its native studio and unobstructed center while oversized spectral type stays sharp and fully in view through the clear bands above and below it.
- Glitter Pilot
The exact Astro Blade card stays unobstructed in its native studio while two large arcade statements recompose from side gutters to clear top and bottom bands on compact stages.
- Liquid Minutes
The exact Liquid Clock fills the composition while two oversized lavender lines stretch and settle like fluid tubes around the live digits.
- Retro Shift Gate
The exact agent selector keeps its full-screen black industrial stage while one three-line command advances in uncropped mechanical strokes and pivots into the clear side band on compact stages.
- Understory Sting — Understory Sting
The statement lands beside the block as it turns once, then both leave to a clean loop seam.
- Sylva Sting — Sylva Sting
The world grows in behind an expanding wavefront, the statement lands, and the frame clears to its loop seam.
- Sylva Sting — Sylva Survey
The same scene cut into three two-second shots on one six-second loop: the survey pulse finishing on the arch's crown, the far ridge under open sky, then the whole root. Nothing is rebuilt between them — the camera cuts, and each shot carries a statement of its own.
- Meng Timeline
A scroll-driven horizontal timeline of Meng To's 17 highest-reach posts from June through August 2026, composed as perspective-scaled post cards with synchronized date markers, rays, embedded clips, and like reveals.