Pill components and templates
Explore 39 ThreeUI components, templates, backgrounds, and interactive effects tagged Pill, with previews and editable implementation source.
- Dayward Buttons — Dayward Liquid Ink
Dayward Liquid Ink with its original authored interaction.
- Dayward Buttons — Dayward Liquid Metal Arrow
Dayward Liquid Metal Arrow with its original authored interaction.
- Oblo Buttons — Oblo Wipe Pill
Oblo Wipe Pill with its original authored interaction.
- Oblo Buttons — Oblo Showreel Wipe
Oblo Showreel Wipe with its original authored interaction.
- Rondel Buttons — Rondel Record Mechanism
Rondel Record Mechanism with its original authored interaction.
- Rondel Buttons — Rondel Season Letter
Rondel Season Letter with its original authored interaction.
- Umbra Chrome Button
Extracted from Umbra, preserving the authored surface, hover motion, and keyboard focus.
- Aureon Crystal Button
Extracted from Aureon V2, preserving the authored surface, hover motion, and keyboard focus.
- Shader Buttons — Star Portal
Two drifting Canvas 2D star fields with an authored holographic pill button.
- Shader Buttons — Ignition
A raw-WebGL ambient field with a tactile ignition control.
- Shader Buttons — Induction
A kinetic ambient field paired with a raw-WebGL induction button.
- Shader Buttons — Plasma
A deep-blue laboratory field with a luminous plasma control.
- Shader Buttons — Tactile
A fluid ambient background with a tactile raw-WebGL button.
- Shader Buttons — Thinking
A luminous Canvas 2D trace orbiting a softly raised blue button.
- Shader Buttons — Raking Light Pill
A pill-shaped shader button with raking GLSL light bands, sparse motes, a soft edge, and hover intensification.
- Shader Buttons — Liquid Glass
Refractive glass capsule with flowing color, light response, and a tactile press state.
- Shader Buttons — Intelligence Glow
Iridescent intelligence glow with a listening state and animated voice bars.
- Shader Buttons — Holographic Foil
Three.js foil material that tilts with the pointer and changes on click.
- Shader Buttons — Particle Swarm
A Three.js particle swarm gathers around an interactive button and resolves on click.
- Shader Buttons — Voice Orb
Reactive Three.js orb and a press-and-hold voice control.
- Shader Buttons — Water Ripple
WebGL2 water simulation that ripples under pointer movement and presses.
- Shader Buttons — Dithered Hold
Pixelated shader fill that advances while the button is held.
- Shader Buttons — Lava Lamp
Warm liquid blobs shift under hover and heat up on click.
- Shader Buttons — Brushed Gold
Three.js brushed gold material with responsive light and a press state.
- Shader Buttons — Ink in Water
WebGL2 fluid ink swirls inside a glass capsule as the pointer stirs it.
- Shader Buttons — Glassy Split
A lilac glass split button with a working creation menu.
- Shader Buttons — Generate Site
A violet enamel button with a star field and animated generation state.
- Shader Buttons — Chrome Upload
A polished chrome upload button with shader driven metal reflections.
- Shader Buttons — Book a Demo
A dark control with a moving lime dot matrix arrow.
- Shader Buttons — Iridescent Glass
A frosted download button with iridescent shader color and glass lettering.
- Shader Buttons — Create & Get Started
A paired ceramic and violet primary action study.
- Shader Buttons — Soft Surface
A softly extruded service button with a recessed arrow control.
- Shader Buttons — Balloon
An inflated fabric button with a responsive Three.js cloth surface.
- Shader Buttons — Light Switch
A molded day and night rocker switch with spring motion.
- Shader Buttons — Start Growing
A forest glass capsule with optical filaments and a spring switch.
- Shader Buttons — Car Controls
Sculpted automotive keycaps with functional airflow and heat states.
- 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.