A curated list of buttons and box-shadows for your next project

What it does

Find the inspiration for your new button design. Click on an element to copy the CSS! The Button is one of the most important design elements of your website. It will help to guide your visitors inside your application. That's why your button needs to reflect the importance of a specif action and contrast with other page elements. On a landing page, your CTA needs to be seen immediately so that your user knows what to if he is interested in your product. Most of the time you will need 3 different button designs. One is the primary action in a solid color to emphasize the main action of a page. The secondary action with a transparent background and a solid border, and a text button for less…from copy-paste-css.com

• 
  Copy Paste CSS2021 · copy-paste-css.com · ▲136

  Find inspiration with a curated list of simple buttons

• 
  I made a collection of 80+ beautiful CSS buttons (click to copy)2021 · getcssscan.com · ▲16

  🎨 Curated collection of 92 free beautiful CSS buttons, ready-to-use for your next projects. Click to copy.

• 
  Beautiful CSS Buttons by CSS Scan2021 · getcssscan.com · ▲191

  Curated collection of 83 free beautiful buttons

• 
  CSS box-shadow examples by CSS Scan2020 · getcssscan.com · ▲264

  Curated collection of 82 free beautiful box-shadow 🎨

• 
  Buttons Generator2021 · markodenic.com · ▲301

  100+ buttons you can use in your project

• 
  Complete Guide to CSS Grid2022 · prathkum.gumroad.com · ▲145

  CSS Grid tutorial via visuals and examples using ClickUp

• 
  Lofi Cities – Pixel-art city nights with browser-generated lofi▲319

  Endless lofi beats composed live in your browser, over pixel-art nights in Paris, Tokyo, New York, Hong Kong, Sydney, San Francisco and more. Free, no sign-up.

  Work · 26d ago · loficities.com

• 
  Smooth Recorder▲257

  Mac screen recordings that look edited when you hit stop

  Work · 20d ago · smoothrecorder.com

• 
  Figma Specs▲225

  A container for your context that lives on the Figma canvas

  Work · 5d ago · figma.com

• 
  The rarest tech books and docs you've probably never read▲190

  Work · 14d ago · readrare.com

• 
  Softr 2.0▲1,151

  Build web apps & portals from Airtable, no code required

  Dev tools · 2021 · softr.io

• 
  iPod.js – An online iPod that connects to Spotify and Apple Music▲866

  An iPod Classic built for the web.

  Life & fun · 2021 · tannerv.com

• 
  Peppertype.ai▲763

  The easiest way to create better content within seconds

  AI · 2021 · pepper.inc

• 
  loomSDK beta▲681

  The record button for the internet

  Dev tools · 2021 · loom.com

• 
  Learn by AngelList▲651

  Venture Education Center by AngelList

  Commerce · 2021 · learn.angellist.com

• 
  Streamline 4.0 - Icons + Illustrations▲650

  100,000 icons, illustrations, & emojis, customize in seconds

  Work · 2021 · app.streamlinehq.com