Birdhouse toggle
A wooden birdhouse on a post: switch it on and a bird peeks out of the hole, tilts its head and sings.
Settings
Code
<label class="uvq03-brd"><input type="checkbox" role="switch"><span class="bh"><span class="nt" aria-hidden="true"><i>♪</i><i>♫</i></span><i class="rf"></i><span class="bx"><span class="hl"><span class="bd"><i class="ey"></i><i class="bk"></i></span></span><i class="pc"></i></span><i class="po"></i></span>Wake up to birdsong</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
This switch is a small wooden birdhouse with a red roof, a round entrance, a perch and a post. Off, the hole stays dark; on, a little bird pops up into the opening with a springy bounce, tilts its head now and then, and music notes float up from the roof. Hovering lets the bird peek a little. It suits wake-up alarms, garden apps and nature sites.
The main color is the roof and the second one is the bird and its notes. A green roof with a yellow bird feels like spring, and a dark roof suits evening themes. Keep the label about sound or mornings.