Hover components and templates

Dayward Liquid Ink with its original authored interaction.

Dayward Liquid Metal Arrow with its original authored interaction.

Oblo Wipe Pill with its original authored interaction.

Oblo Showreel Wipe with its original authored interaction.

Rondel Record Mechanism with its original authored interaction.

Rondel Season Letter with its original authored interaction.

Extracted from Umbra, preserving the authored surface, hover motion, and keyboard focus.

Extracted from Aureon V2, preserving the authored surface, hover motion, and keyboard focus.

A playful product studio with a luminous 3D release shelf, private photo-sharing story, selected work, studio notes, journal, and contact finale.

A cinematic lamp collection with five interactive 3D designs, lighting controls, editorial product stories, and a collection finale.

A cinematic wearable experience with an interactive 3D device, material configuration, engineering details, collection, and frequently asked questions.

A sculptural brand experience with interactive 3D forms, clay materials, baked lighting, bold typography, and an editorial brand story.

An interactive instant-camera launch with a 3D Polaroid Now+ camera, film loading and ejection, lens filters, colorful prints, and product details.

A walnut turntable product story with interactive 3D hardware, record playback, finish controls, detailed photography, and technical specifications.

A dark agency system with an animated 3D book, nine page layouts, live components, design tokens, and interactive pricing.

A connected technology ecosystem with a glowing 3D core, unfolding infrastructure chapters, layered architecture, and interactive use cases.

A cinematic Kyoto woodshop with eight interactive 3D crafts, glowing fire transitions, Japanese typography, a workshop index, and a commission finale.

A cinematic silicon launch with an interactive power-on sequence, a 3D processor and wafer, manufacturing story, architecture details, and sample request.

A warm AI assistant launch with a playful 3D companion, product demonstrations, workflow stories, integrations, privacy controls, pricing, and FAQ.

A complete pool construction website with a backyard transformation, pool collection, shapes and construction details, a 3D configurator, options, and quote form.

An atmospheric action RPG launch with a cinematic gate, character roster, combat arts, districts, world stories, and editions.

A retro handheld product story with a detailed 3D console, original display modes, exploded construction, transparent finishes, multiplayer cable, and synthesizer.

A luxury fragrance presentation with a cinematic perfume bottle, sculpted typography, editorial scent story, product details, and shopping interactions.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

An experimental studio landing page with a kinetic chrome-and-glass sculpture, architectural typography, an interactive object gallery, and a scroll-driven physics playground.

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.

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.

An editorial collection with a classical sculpture, floating celestial objects, gilded details, parallax chapters, collectible artwork, and a story archive.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

The original holographic card beside the candlelit sword shrine.

A firelit monster card with layered holographic foil and pointer-reactive lighting.

Nacre's complete sculptural koi hero, with porcelain, gold, and nocturnal finishes, editorial navigation, collection dialogs, and a tactile Three.js fish study.

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.

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.

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.

A complete GPU orchestration hero with glass navigation, restrained editorial copy, social proof, stat cards, and a pointer-reactive blue-white vortex line field.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

A deep charcoal glass rectangle with a softly revolving inner highlight and restrained metallic type.

A warm amber launch control with tactile depth, a soft aura, and a compact lightning icon.

A bright creation CTA framed by four corner dots and sequentially drawn dashed border segments.

A saturated blue CTA with a glass highlight and a continuous stream of floating light points.

A dark rectangle CTA whose label slides, blurs, and resolves into a crisp duplicate on hover.

A dark builder CTA with a rotating orange edge beam, drifting dot texture, and responsive glow.

A restrained metallic lesson control with a masked gradient edge, soft elevation, and arrow icon.

A glossy generate control with prismatic borders, animated lettering, and an illuminated sparkle icon.

A glass CTA with a revolving highlight, advisor portrait, and a glowing generative-action icon.

A compact graphite CTA that replaces its static edge with a rotating white border beam on hover.

A sunlit amber CTA with inset highlights, deep elevation, and a rising hover sheen.

The authored six-stop violet gradient pill with its inner highlight, cast glow, and trailing open ring.

The authored sibling pill with the same geometry, a blurred glass fill, and a hairline outline.

The selected Trochil request-access treatment: a restrained black technical rectangle with a fine lit edge and passing warm signal sheen.

The selected Attune primary action with a compact orange thermal gradient, inset highlight, grounded glow, and chevron.

The selected Tideform action: a square technical outline with tracked mono type, warm hover state, and a long directional arrow.

The selected Understory action with a violet capsule surface and an inset paper-toned circular arrow endcap.

The selected Meridian primary action rebuilt as a blue illuminated keycap with a physical base, LED, and pressed hover travel.

The selected Meridian secondary action using the same tactile keycap geometry in its graphite night-side treatment.

The selected Halvorsen action: the shared editorial arrow-pill structure recut as a bone-white capsule with a black inset arrow disc.

The compact Aster navigation action with a translucent smoke surface, masked crystalline edge, top sheen, and restrained hover lift.

The Aster primary CTA using the same glass material with a bordered inset chip and a directional arrow that advances on hover.

A tactile pre-order keycap with an ember spark, machined graphite cap, top-edge glow, bloom, price legend, and pressed hover travel.

An outlined seasonal CTA with a pale blossom edge, paired dots, pointer-positioned ink bloom, magnetic drift, and sliding duplicate label.

The Dark Glass rectangle reduced to a compact circle with its original charcoal surface, masked edge, and moving conic light.

The Launch rectangle's exact amber gradient, 4px base, soft aura, and 2px pressed state around a centered plus glyph.

The Dot Border rectangle's transparent face, blue hover fill, four moving corner dots, and sequential dashed frame around a mail glyph.

A compact icon-only play control with configurable finish, diameter, outline, and accessible label.

The original authored liquid-metal Sign up pill with its complete spectral field, bloom, pointer well, and faceted press ripple.

The exact liquid-metal WebGL field measured through a compact 56–72px circular plus control, preserving every original interaction and post-process pass.

A tactile liquid-chrome Sign Up control with a refractive spectral ring, crystal center, floating particles, and pointer-drawn light scratches.

A slowly turning sphere of interface references, built from 190 non-overlapping gallery plates with hover lift, focus dimming, and inertial drag rotation.

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.

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.

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.

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.

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.

The original translucent Nocturne certificate with monochrome editorial typography, procedural glass texture, and a giant wordmark suspended behind the paper.

A graphic Site of the Year award sheet with vivid lime scoring details, season XP, winner metadata, and the same tactile translucent paper motion.

A Japanese recognition certificate with vertical display type, warm gold accents, bilingual details, procedural translucency, and direct inertial interaction.

A formal typographic certificate edition with recipient signatures, structured award details, glass-like reflections, and the original responsive paper simulation.

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.

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.

The authored Sable dock: a centred glass capsule whose items spring downward and widen as the pointer crosses them.

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.

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.

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.

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.

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.

A botanical atelier in blue and blush, with a refractive glass sculpture holding flowers, drifting petals, editorial practice cards, garden notes, and collectible editions.

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.