CSS Duotone Generator

What it does

Easily create, edit, or generate HTML+CSS duotone images with this little tool. Code for the duotone can then be copy/pasted or sent to codepen with 1 click for saving or direct editing of the code.

CSS Duotone

• 
  CSS Gradient Generator2024 · cssgradientgenerator.com · ▲237

  Generate and make beautiful colors

• 
  Duotone2018 · duotone.shapefactory.co · ▲388

  Convert any photo to a duotone in seconds

• 
  Duotones2018 · duotones.co · ▲100

  Instant duotone effects in your browser

• 
  CSS Color Gradient Generator2020 · mybrandnewlogo.com · ▲208

  A novel and easy way to design beautiful color gradients.

• 
  CSS generator for a high-def glass effect2025 · glass3d.dev · ▲420

  There are lots of glassmorphism generators out there, but I wanted to push the effect further! This project is the result of months of experimenting with CSS property layering and battling browser quirks. Cross-browser compatibility is actually the reason I rely on ::before and ::after pseudo-elements to build up the effect. Move the color/opacity to the main element, and you’ll get weird color bleed on the corners in Chrome. Move the texture, and it muddles the bevel’s specular highlight. Move the bevel, and it gets blurred out by the backdrop-filter. And so on! Layers include: *…

• 
  HTML/CSS to Image API2018 · htmlcsstoimage.com · ▲276

  Simple API to turn your HTML & CSS into shareable images

• 
  /dev/null▲486

  a social network for devs

  Dev tools · 3d 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 · 23d 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 · 28d ago · corespeed.io

• 
  Browsh – A modern, text-based browser▲967

  A fully interactive, realtime and modern browser rendered to TTY

  Life & fun · 2018 · brow.sh

• 
  Preview Hunt▲921

  🔎Preview and prepare your Product Hunt submission

  Growth · 2018 · previewhunt.com

• 
  Makers by Product Hunt▲816

  A place for Makers to share, connect, and reach their goals

  Work · 2018

• 
  Termtosvg – Record terminal sessions as SVG animations▲767

  Record terminal sessions as SVG animations. Contribute to nbedos/termtosvg development by creating an account on GitHub.

  Dev tools · 2018 · github.com

• 
  Slab▲747

  Modern knowledge base & wiki for teams

  Work · 2018 · slab.com

• 
  Transistor.fm▲644

  Your podcast's hosting and analytics platform 🎙️

  Growth · 2018 · transistor.fm