Back to browse
Wiggly border generator (somewhat responsive)

Wiggly border generator (somewhat responsive)

by marcusmichaels·Mar 9, 2026·1 point·0 comments

AI Analysis

MidCozy

Yet another CSS border generator in a crowded space of similar tools.

Strengths
  • vector-effect non-scaling-stroke keeps border crisp at any container size
  • Editable text directly in the preview canvas for quick iteration
  • Single continuous SVG path means clean markup output
Weaknesses
  • No export options beyond copying SVG code directly
  • Aspect ratio stretching issues acknowledged but not solved
Category
Target Audience

Frontend developers, web designers

Similar To

getwaves.io · CSS Border Generator · Fancy Border Radius

Post Description

This tool was built as a solution for an illustration-style wiggly border that our design team wanted to use on our website.

This works by generating an "organic" style, continuous SVG path, along with a non-scaling-stroke vector effect.

The dials let you size it as close as possible to the aspect ratio for the best effect for your content, but it can also snap to content (though usually one side will look stretched or too wriggly if the aspect ratio changes too much at different screen sizes).

Either way, it did its job.

Similar Projects

Developer Tools●●Solid

Auto-Layouting ASCII Diagrams

Mermaid-to-ASCII converter, but Mermaid already exports SVG natively.

CozyShip It
switz
24143mo ago