Light Mode components and templates

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.

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.

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.

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.

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 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.

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

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 warm solar and home battery landing page with Japanese-inspired illustration, interactive savings, customer letters, and a complete pricing story.

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.

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.

The violet predictive pixel arch with a luminous animated core.

An emerald pixel horizon with an organic breathing band.

A dark signal-particle field with soft connective pulses.

A block-by-block override grid with telemetry-orange accents.

A cyan, indigo, and purple WebGL ribbon field resolved through an animated dot matrix.

A transparent raw-WebGL void field detached from its original article composition.

A red-orange raw-WebGL flow field resolved through its authored six-pixel halftone matrix.

An animated amber-to-white Three.js point field on a dark plane.

Sable’s complete rotating typography vortex with crisp prerendered rings, drifting glyphs, pointer dissolution, particle dust, and click suction — with dark and light surfaces.

A customizable Codex wordmark that draws a viscous particle organism toward its letters, illuminating the text as the network searches and reconnects.

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.

Broadcast colour torn into flat blocks and slipped rows, with the headline breaking up into two channels over a descending counter-orbit.

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.

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.

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 warm editorial card deck with framed portraits, numbered identity footers, paper grain, and a deep looping perspective rail.

A dark dimensional card wave with colored profile tiles, responsive horizontal-to-vertical motion, and orientation toggling.

The isolated Vantrix hero image ribbon: sixteen curved editorial panels orbiting a vertical cylindrical rail on a quiet paper grid.

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.

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.

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.

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.

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 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 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.

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.

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.

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.

An interactive isometric brick massif with falling illuminated pieces, physics-driven collisions, five accent palettes, three material styles, and adaptive light and dark surfaces.

The opening chromatic ThreeUI wordmark assembly, isolated to its first authored beat.

The Shaders wordmark materializes through a seeded field of drifting dots and squares.

Animated circular audio-bar fields paired with a compact ThreeUI wordmark and icon lockup.

The preserved packaged export: a tactile pill with an inset track and a raised sliding thumb.

A flat, hairline-edged switch with a stretching knob, a check-to-dash mark, and one soft accent pool.

An Apple-style Three.js capsule in transmissive glass, refracting a drifting colour field around a lit core.

A raw-WebGL switch drawn entirely in one fragment pass: plasma interior, streaming sparks, chromatic bloom, and a pointer-lit thumb.

A warm radial spark burst that expands and contracts around a bright core.

An interlocking six-loop bloom traced as a rotating monochrome dot lattice.

A rounded command-prompt mark that breathes as a dimensional prompt blob.

The Cursor arrow and frame resolved in dots with a timed click ripple.

A four-point Gemini twinkle with orbiting light and a soft central pulse.

Five dot swatches morph through the familiar stacked Figma silhouette.

The folded Framer F rendered as shifting blue dot bands.

Three luminous electron ellipses orbit a bright React nucleus.

The Swift bird silhouette sweeps through a warm coral dot field.

The DesignCode monogram travels through a dense spherical dot field.

Aura's native asymmetric dot field carries an expanding halo of light.

Six tapered petals open, breathe, and rotate as a DreamCut bloom.

A paneled interface window assembles from cool blue dot segments.

A warm journey curve connects three pulsing experience nodes.

The CSS lettermark emerges as a purple scan moving through a rounded field.

The iOS wordmark is sampled into an even monochrome dot matrix.

Eight directional Neuform chevrons rotate around a precise center.

The Octocat silhouette appears as negative space inside a luminous orb.

The X mark is swept by a rotating highlight around its diagonal strokes.

The Instagram camera mark glows through a violet-to-orange dot gradient.

The Threads loop is traced by an angular highlight sweep.

The LinkedIn mark scans across a blue rounded-square field.

A dimensional dotted envelope opens and sends a traveling signal.

The statement lands beside the block as it turns once, then both leave to a clean loop seam.