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