Loop components and templates
Explore 30 ThreeUI components, templates, backgrounds, and interactive effects tagged Loop, with previews and editable implementation source.
- 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.
- 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.
- 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.
- 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.
- 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.