HTML + CSSToggles

Venus flytrap toggle

A Venus flytrap in a clay pot: switch it on and its two spiky lobes snap shut on the buzzing fly.

Settings

16px
1x

Code

<label class="uvq03-fly"><input type="checkbox" role="switch"><span class="pl"><i class="st"></i><i class="lf a"></i><i class="lf b"></i><span class="tr"><i class="lb l"></i><i class="lb r"></i></span><span class="fy"><i></i></span><i class="pt"></i></span>Catch the spam</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.

Markdown version with all the code, for AI assistants

More in Toggles

See all Toggles

Where to use it

This switch is a small carnivorous plant in a terracotta pot, with a fly buzzing above two open lobes that are red inside and lined with green spines. Turning it on snaps the lobes shut with a quick spring, the spines interlock, the fly disappears inside and the trap gives a short shake. It fits spam filters, blockers and playful garden sites.

The main color is the inside of the trap and the second one is the plant green. A deep wine red with dark green looks more realistic, while brighter pairs suit a cartoon style. Keep the label short and direct.