CSS Generators Custom Borders

What it does

Create fancy borders using CSS masks

Create a Zig-Zag, Scooped, Scalloped and Wavy borders using CSS. Get an optimized & modern code in no time.

• 
  A CSS-Only Terrain GeneratorNov 2025 · terra.layoutit.com · ▲371

  An interactive CSS terrain generator. Define a grid and generate your terrain!

• 
  CSS Grid Generator2019 · cssgrid-generator.netlify.com · ▲307

  Simple tool to generate css grids

• 
  Fancy Border Generator2021 · mdbootstrap.com · ▲67

  Generate fancy border radius or use ready-made templates

• 
  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 · cssgradientgenerator.com · ▲237

  Generate and make beautiful colors

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

  CSS Grid Generator - a user-friendly tool designed for web developers to effortlessly create customizable CSS grids for seamless web development.

• 
  Run full iOS 16.5 firmware on Android Devices▲516

  Contribute to oosexgang/hackios-xnu-kernel development by creating an account on GitHub.

  Dev tools · 2d ago · github.com

• 
  /dev/null▲492

  a social network for devs

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

• 
  OpenBot▲362

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

  Dev tools · 25d 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 · 22d ago · talanoa.email

• 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

• 
  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▲626

  The ultimate MVP cheat sheet with 60+ startup formulas

  Dev tools · 2022 · mvprecipes.com

• 
  hagrid▲595

  No-code user-generated FAQ, for any webpage

  Dev tools · 2022 · magicstudio.com