DEV Community

Cover image for Introducing Squircley, a simple SVG squircle maker!
George Francis
George Francis

Posted on

4 1

Introducing Squircley, a simple SVG squircle maker!

Squircley - SVG Squircle Maker

PRs always welcome on GitHub


I love squircles, but I am hopeless at wrangling SVGs in design software. This gave me the idea to make Squircley! It is a simple web editor which produces lightweight SVGs, ready to use wherever you like.

Stack

  • Vue.js (framework)
  • Webpack (tooling)
  • PostCSS (styling)

Features 🌟

  • Teeny tiny SVG file sizes πŸ”Ž
  • Delicious squircley perfection πŸ‘Œ - no more intensely staring at that curve wondering if it is even
  • Colorful 🌈 - pick from a list of pre-selected colours or input your own
  • Multiple Export options πŸ’Ύ - copy your squircles straight to the clipboard or save them for later

In case you missed it, Squircley is live at https://squircley.app/ with a repo hosted on GitHub at https://github.com/georgedoescode/squircle.

Im always up for making improvements + tinkering so please add any feedback you have / submit a PR / whatever!

Happy designing / dev-ing 🎨 πŸ€– ❀️

Sentry blog image

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Read more

Top comments (1)

Collapse
 
afwxdev profile image
afwxdev β€’

hmm.. i think the page has been attacked or something as it doesnt work

Heroku

Build apps, not infrastructure.

Dealing with servers, hardware, and infrastructure can take up your valuable time. Discover the benefits of Heroku, the PaaS of choice for developers since 2007.

Visit Site