Blendy

What it does

Blendy is a tool to preview CSS Background blend modes rapidly. 🎁Notable features: ✔️Change background color ✔️Preview gradients on the image ✔️Change the size of the image ✔️Upload images from Unsplash or your computer ✔️Copy code for a blend mode

Blendy is a tool to preview CSS Background blend modes quickly. You can play around with blend modes, colors, gradients and try them on your images.

Blendy is a tool to play around with background blend modes. You can preview blend modes, change colors and even apply gradients. Images can be uploaded from Unsplash, your computer or if you just want to see what Blendy does quickly, simply load a random image background-blend-mode is a CSS property that defines the blending between the element’s background image and its background color. Since gradients can be a part of background images, they can also be blended. There are over 16 values for background-blend-mode. If you are curious to learn more about blend modes, visit MDN or this article by CSS-Tricks. background-color: #145671; background-blend-mode:from blendy.netlify.app

• 
  Blend2015 · colinkeany.com · ▲263

  Generate simple and beautiful CSS3 gradients

• 
  Blend 2.02016 · colinkeany.com · ▲110

  Create and customize beautiful CSS3 gradients

• 
  Blend2023 · blendnow.com · ▲442

  Stunning product visuals in seconds with AI

• 
  CSS Background Patterns2020 · magicpattern.design · ▲327

  Free editable patterns that actually look cool 😎

• 
  CSS Gradient2018 · cssgradient.io · ▲410

  A simple, colorful gradient generator

• 
  Gradient Backgrounds2018 · cssgradient.io · ▲348

  The best gradient sites in one place

• 
  /dev/null▲482

  a social network for devs

  Dev tools · 2d 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 · 27d 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 · 25d ago · github.com

• 
  OpenBot▲362

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

  Dev tools · 22d ago · openbot.run

• 
  Talanoa▲343

  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 · 20d ago · talanoa.email

• 
  CoreSpeed▲332

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

  Dev tools · 28d ago · corespeed.io

• IT
  I taught my little brother JS, and he made this videogame in a week▲1,079

  Life & fun · 2019 · s-poony.github.io

• 
  Mkcert – Valid HTTPS certificates for localhost▲839

  Life & fun · 2019 · blog.filippo.io

• 
  Leave Me Alone▲789

  Easily unsubscribe from spam emails 💌

  Growth · 2019

• HA
  HN.Academy – Top online courses recommended by Hacker News users▲773

  HN Academy collects, ranks, and showcases the best online courses and MOOCs that have been recommended on Hacker News.

  Life & fun · 2019 · hn.academy

• 
  Clean Mockups▲740

  Create stunning mockups that make your design standout

  Dev tools · 2019 · cleanmock.com

• 
  Makerpad▲663

  Develop skills, build things and get hired - without code

  Dev tools · 2019 · makerpad.co