HTML + CSSToggles
Candle toggle
The wick catches a flickering flame that casts a warm glow around the candle.
Settings
16px
1x
Code
<label class="uv-tcd"><input type="checkbox" role="switch"><span class="cd"><span class="gw"></span><span class="fl"></span><span class="wk"></span><span class="bd"></span></span>Ambient mode</label>Prompt for AI
Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.
More in Toggles
See all TogglesWhere to use it
A cozy toggle for cozy features. Off, the candle stands unlit with its little drip of wax; on, a flame grows from the wick with a springy pop, then keeps flickering while a warm halo breathes around it. Use it for ambient or night mode, relaxation apps, restaurant table settings or seasonal campaigns.
The main color is the outer flame and the glow, the second is the bright core. The flicker is a short alternating keyframe that stays subtle, and it stops entirely when people ask for reduced motion.