ButtonBuddy

What it does

Learn what it takes to ensure your buttons or button-styled links have accessible contrast across all states and surfaces, then use the generator to check and adjust your button palette.

The Web Content Accessibility Guidelines (WCAG) determine accessible contrast and provide a ratio system to be able to check contrast consistently and programmatically. We're frequently most concerned about contrast in the following categories: text and user interface components . Buttons count as a user interface component, whether they are really <button> elements, or links styled as buttons ( learn the difference ). Since buttons are interactive elements, we need to be concerned about contrast across states. The critical states are the default appearance and the focus state. In the focus state , we have these same requirements, plus one additional if you choose to only rely on the…from buttonbuddy.dev

• 
  Buttons Generator2021 · markodenic.com · ▲301

  100+ buttons you can use in your project

• 
  Color Safe2020 · colorsafe.co · ▲92

  Find accessible color palettes based on WCAG guidelines

• 
  Color Easily2023 · ▲101

  The easy way to generate a color palette

• 
  Venngage's Accessible Color Palette2022 · venngage.com · ▲126

  Create color combinations that follow WCAG with ease

• 
  Best Button Generator2023 · bestcssbuttongenerator.com · ▲104

  Old school button generator, no AI, no code

• 
  Advanced Button Generator2025 · ▲6

  Create & customize unique buttons

• 
  /dev/null▲490

  a social network for devs

  Dev tools · 4d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 28d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 26d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 24d ago · openbot.run

• 
  Talanoa▲346

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 21d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 29d ago · corespeed.io

• 
  SavvyCal▲1,132

  Sending your scheduling link shouldn't feel weird.

  Work · 2021 · savvycal.com

• 
  Beeper – All Your Chats in One App▲962

  Get the most popular messaging services, all in a single app. WhatsApp, Signal, Instagram, Telegram, and more.

  Life & fun · 2021 · beeperhq.com

• IM
  I made an alternative platform for professional profiles▲938

  Life & fun · 2021 · read.cv

• 
  Pages by Headlime▲754

  AI-powered landing page builder (GPT-3 + Tailwind)

  AI · 2021 · headlime.com

• 
  I shot high-res stitched panoramas in Iceland using a thermal camera▲753

  A computer vision engineer by day and photographer by night, I never take the path most traveled, especially when it comes to imaging technology. Thermal

  Life & fun · 2021 · petapixel.com

• 
  I built an online interactive course that helps you learn Vim faster▲667

  Learn vim fast by building muscle memory. 2000+ engineers learned vim with our hands on training. Train your fingers, master vim commands!

  Life & fun · 2021 · vim.so