CSS Generators Custom Borders

What it does

Create fancy borders using CSS masks

• AC
  A CSS-Only Terrain GeneratorNov 2025 · terra.layoutit.com · ▲371
• 
  Fancy Border Generator2021 · ▲67

  Generate fancy border radius or use ready-made templates

• CG
  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: *…

• 
  CSS Gradient Generator2024 · ▲237

  Generate and make beautiful colors

• 
  CSS Color Gradient Generator2020 · ▲208

  A novel and easy way to design beautiful color gradients.

• IM
  I made a drag and drop CSS grid generator2024 · cssgridgenerator.io · ▲262

• 
  Dograh▲592

  The open source VAPI alternative

  Dev tools · 28d ago · dograh.com

• 
  Meridian▲530

  Don't let your work go unnoticed. Get promoted!

  Dev tools · 23d ago · meridiona.com

• 
  x1▲516

  Lovable for iPhone apps go from idea to App Store

  Dev tools · 14d ago · x1.new

• 
  Open-Source eInk Bike Computer▲419

  OpenTrailPaper is open-source bike computer firmware for the LilyGO T5S3 4.7" E-Paper PRO. It supports offline maps, GPX routes, FIT recording and Bluetooth sensors.

  Dev tools · 4d ago · opentrailpaper.com

• 
  Nuphos▲380

  The AI-Native DevOps Workspace.

  Dev tools · 27d ago · nuphos.ai

• 
  Lettertrace▲375

  Track your AI visibility for free (using your own API keys!)

  Dev tools · 28d ago · lettertrace.com

• LA
  Looptap – A minimal game to waste your time▲1,241

  Life & fun · 2022 · looptap.vasanthv.com

• 
  Fig▲956

  Autocomplete for the Terminal

  Dev tools · 2022 · fig.io

• 
  Copywriting Examples▲871

  The world's best copy. In one place.

  Growth · 2022 · marketingexamples.com

• WP
  Web page that parses and explains the label on a bike tire▲631

  History: Last year I had to replace the tire on my bike, and I was surprised how difficult it was to find a suitable new tire. There were a lot of numbers written on the casing, so I googled what they meant. In the end I was successful, but I didn't want to do the same work again for the next bike after I've forgotten the details. So I wrote this website. Technically, the web page is kept very simple, no frameworks, no templates, no website builder. It uses HTML5, CSS and JavaScript, and it privides a responsive layout for mobile usage. I'm happy to receive feedback. If you have tried the…

  Life & fun · 2022 · fahrrad-tools.de

• 
  Startup Recipes▲630

  The ultimate MVP cheat sheet with 60+ startup formulas

  Dev tools · 2022 · mvprecipes.com

• 
  Framer Sites Beta▲608

  Design real websites right on the canvas, publish in seconds

  Dev tools · 2022