Peeling sticker button
A die-cut sticker with a white border whose corner lifts off its backing on hover and peels further on press.
Settings
Code
<button class="uvq01-stk" type="button"><span class="bd"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 2.5l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17.3l-5.9 3.3 1.3-6.6L2.5 9.4l6.6-.8z"/></svg><span>Join the club</span></span><span class="fl" aria-hidden="true"></span></button>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 Buttons
See all ButtonsWhere to use it
Vinyl stickers are everywhere in brand design right now, and this button behaves like one: a bright die-cut shape with a thick white border, tilted slightly, with one corner already lifting. On hover the corner curls back further and shows the glossy white underside, and pressing peels it almost halfway. A registered CSS length drives the clip path, so the cut edge and the flap move together.
The main color is the sticker and the secondary color is the text and icon, so acid lime with black or pink with deep red both pop. Use it for club sign-ups, merch drops, badges or a playful newsletter invitation.