Private note
La simplicidad no es quitar cosas; es dejar solo lo que sostiene la experiencia.
HTML + CSSCards
Folded corner note card
A note card with a paper-like folded corner that grows on hover and reveals a hidden “Archive” button.
Settings
16px
1x
Code
<article class="uv-cfold"><i></i><small>IDEA · 08:42</small><h3>Private note</h3><p>La simplicidad no es quitar cosas; es dejar solo lo que sostiene la experiencia.</p><footer><span>AM</span><button>Archive</button></footer></article>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 Cards
Where to use it
It brings a bit of paper into digital notes. Picture a journaling app, the idea board of a small studio or the saved quotes in a reading app: each card has a folded corner, and hovering lifts the fold and reveals a quick action. A note card in HTML and CSS with a soft paper tone.
Hidden actions are easy to miss, so keep the important ones visible and hide only a secondary one, like archiving. On touch devices there is no hover; show the button all the time there, or people will never find it.