Circle components and templates
Explore 10 ThreeUI components, templates, backgrounds, and interactive effects tagged Circle, with previews and editable implementation source.
- Cross Beam — Cross Beam
The original horizontal wash crossed by a vertical shaft with a sliding glow.
- Cross Beam — Ring Beam
The beam bent into a circle, with an arc of light running the circumference.
- Cross Beam — Frame Beam
A thin border hugging the viewport edge, lit by a highlight travelling the perimeter.
- Cross Beam — X Beam
Two 45° shafts crossing at the centre, their glows taking turns down each arm.
- 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.