Reduced Motion components and templates
Explore 112 ThreeUI components, templates, backgrounds, and interactive effects tagged Reduced Motion, with previews and editable implementation source.
- 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.
- 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.
- 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.
- 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.
- Dark Souls Holo Card — The Ashen One
The original holographic card beside the candlelit sword shrine.
- Dark Souls Holo Card — Cindermane
A firelit monster card with layered holographic foil and pointer-reactive lighting.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.