Washi-Tape-Filter
Washi-Tape-Etiketten auf einer Notizbuchseite: Angehakt kleben sie flach auf dem Papier, abgewählt lösen sie sich wieder.
Einstellungen
Code
<fieldset class="uvq05-wt"><legend>Tags</legend><div class="ts"><label style="--r:-2deg"><input type="checkbox"><span class="tp">Reisen</span></label><label style="--r:1.5deg"><input type="checkbox" checked><span class="tp">Rezepte</span></label><label style="--r:-1deg"><input type="checkbox"><span class="tp">Ideen</span></label><label style="--r:2deg"><input type="checkbox"><span class="tp">Lektüre</span></label><label style="--r:-1.5deg"><input type="checkbox" checked><span class="tp">Arbeit</span></label><label style="--r:1deg"><input type="checkbox"><span class="tp">Garten</span></label></div><p class="ct"><span>Geklebte Tags:</span> <span class="n"></span></p></fieldset>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Filter
Alle ansehen: FilterWofür du ihn nutzen kannst
Papierjournale und Kalender stehen hinter diesem Tag-Filter, bei dem jede Option ein gemusterter Washi-Streifen mit gerissenen Enden auf liniertem Papier mit rotem Rand ist. Nicht gewählte Streifen schweben leicht angehoben und blass mit weichem Schatten, gewählte liegen flach auf dem Papier. Alles läuft über Checkboxen und CSS, dazu ein Zähler für geklebte Tags.
Die erste Farbe steuert Fokusring und Zähler, die zweite das Papier. Bearbeite Bandfarben und Verlaufsmuster im Code, halte die Tags bei ein oder zwei Wörtern und setz den Filter in Notiz-, Rezept- oder Lesezeichen-Apps ein.