Paper layers button
Two colored layers hide behind the button and fan out like stacked paper when you hover.
Settings
Code
<button class="uv-ply"><span class="l2" aria-hidden="true"></span><span class="l1" aria-hidden="true"></span><span class="t">Subscribe</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
This playful button borrows from cut paper collage and neo brutalist layouts: thick outlines, flat colors and two extra layers stacked underneath. On hover the layers slide out and rotate slightly, on press everything snaps flat again. It suits newsletters, zines, education sites and brands with a handmade, editorial voice.
The distance slider sets how far the layers travel, from a subtle offset to a bold stack. Bright, light main colors work best, since the label stays dark to keep strong contrast in both light and dark themes.