Dispersion components and templates
Explore 9 ThreeUI components, templates, backgrounds, and interactive effects tagged Dispersion, with previews and editable implementation source.
- 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.
- 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.
- Animated Top Dock — Sable Dock
The authored Sable dock: a centred glass capsule whose items spring downward and widen as the pointer crosses them.
- Animated Top Dock — Command Bar
An inset modern header: wordmark on the left, the proximity dock centred on the bar’s midline, and a paired sign-in and gradient call to action on the right.
- Animated Top Dock — Pixel Terminal
A fitted terminal strip: the menu cells own the whole bar and trade width with each other, over a WebGL noise field quantised through an 8×8 ordered dither into an eight-stop dusk palette.
- Animated Top Dock — Liquid Glass
A vertical glass rail whose proximity field runs down the y axis, over a Three.js bead field that refracts the backdrop in screen space with per-channel dispersion and a specular rim.
- Understory Sting — Understory Sting
The statement lands beside the block as it turns once, then both leave to a clean loop seam.