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