Skeuomorphic components and templates
Explore 12 ThreeUI components, templates, backgrounds, and interactive effects tagged Skeuomorphic, with previews and editable implementation source.
- 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.
- Performance Gauges — Tachometer
Orange sunburst dial reading 0–7000 r/min with a redline band, a machined oil-temperature sub-dial, and a counterweighted red needle.
- Performance Gauges — Speedometer
0–160 km/h scale whose travelled arc fills behind the needle, with a peak-hold marker, counting digital readout, and rolling odometer.
- Performance Gauges — Turbo Boost
Navy −1.0 to 1.5 bar dial that separates the vacuum half from the pressure half and flags the wastegate threshold with a pulsing overboost lamp.
- Performance Gauges — EV Power
Regeneration-to-power scale that fills its track from zero, with a green charge segment, kilowatt readout, and battery state-of-charge bar.
- Skeuomorphic Toggle — Skeuomorphic
The preserved packaged export: a tactile pill with an inset track and a raised sliding thumb.
- Skeuomorphic Toggle — Modern
A flat, hairline-edged switch with a stretching knob, a check-to-dash mark, and one soft accent pool.
- Skeuomorphic Toggle — Glass
An Apple-style Three.js capsule in transmissive glass, refracting a drifting colour field around a lit core.
- Skeuomorphic Toggle — Shader
A raw-WebGL switch drawn entirely in one fragment pass: plasma interior, streaming sparks, chromatic bloom, and a pointer-lit thumb.
- Sign Up Button
A sculpted dark sign-up button with a glass potion orb, rising green bubbles, an opening envelope, a spinning ring, and fading procedural fingerprint marks after each press.
- Thermo Button
A brushed-metal thermometer button with a glass weather orb, spring-driven capillary liquid, glowing temperature ticks, and four animated conditions: clear, cloudy, rain, and snow.