Component theme

Neumorphism

5 components, each a single self-contained HTML file — no frameworks, no build step. Preview them here, or see them live on the canvas.

• Toggle SwitchesThree neumorphic toggle switches auto-cycle on/off with a smooth ochre-accented thumb slide and inset shadow track.
• Progress TrackNeumorphic inset progress track fills 0→100% via a slate-to-olive gradient fill, cycling with a percentage counter. Resets and loops automatically.
• Volume KnobA neumorphic volume knob with 24 tick marks auto-rotates back and forth over 6 seconds, its gradient marker sweeping the full 360 degrees.
• Stat CardsFour neumorphic stat cards (temp, humidity, power, signal) cycle through live-updating values one at a time, each card pulsing its shadow on update.
• Ring GaugeSVG ring gauge fills with a sage-to-slate gradient arc over 4 seconds, counting a numeric percentage; resets and loops continuously.