Washi tape tag filter
Washi tape tags on a notebook page: tick one and it sticks down flat, untick it and it peels back up.
Settings
Code
<fieldset class="uvq05-wt"><legend>Tags</legend><div class="ts"><label style="--r:-2deg"><input type="checkbox"><span class="tp">Travel</span></label><label style="--r:1.5deg"><input type="checkbox" checked><span class="tp">Recipes</span></label><label style="--r:-1deg"><input type="checkbox"><span class="tp">Ideas</span></label><label style="--r:2deg"><input type="checkbox"><span class="tp">Reading</span></label><label style="--r:-1.5deg"><input type="checkbox" checked><span class="tp">Work</span></label><label style="--r:1deg"><input type="checkbox"><span class="tp">Garden</span></label></div><p class="ct"><span>Tags stuck:</span> <span class="n"></span></p></fieldset>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 Filters
See all FiltersWhere to use it
Paper journals and planners inspire this tag filter, where every option is a strip of patterned washi tape with torn ends on a ruled page with a red margin. Unselected strips float slightly lifted and faded with a soft shadow; selected ones press flat onto the paper. It runs on checkboxes and CSS alone, with a counter for stuck tags.
The first colour marks the focus ring and the counter, the second sets the paper. Edit the tape colours and gradient patterns in the code, keep the tags to one or two words, and use it for notes, recipes or bookmark apps.