Tea bag checkbox
The tea bag drops into the glass cup with a bounce and the water slowly turns the colour of tea while steam rises.
Settings
Code
<label class="uvq02-tea"><input type="checkbox"><span class="cu" aria-hidden="true"><i class="sm"></i><i class="sm"></i><span class="bg"><i class="tg"></i></span><span class="mg"><i class="wt"></i></span><i class="hd"></i></span>Brew the tea</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 Checkboxes
See all CheckboxesWhere to use it
This checkbox is a glass cup of hot water with a tea bag hanging above it on a string with a paper tag. Checking it lowers the bag into the cup with a bouncy dip, then the water slowly takes on the colour of the tea over a couple of seconds and two wisps of steam start to rise. It suits café menus and wellness apps.
The main color is the brewed tea and the secondary color the paper tag, so try amber black tea, green tea or a red berry infusion. The speed slider changes how fast the tea brews and the steam drifts.