1Your brand here: book this slot2Your brand here: book this slot3Your brand here: book this slot4Your brand here: book this slot5Your brand here: book this slot1Your brand here: book this slot2Your brand here: book this slot3Your brand here: book this slot4Your brand here: book this slot5Your brand here: book this slot
6Your brand here: book this slot7Your brand here: book this slot8Your brand here: book this slot9Your brand here: book this slot10Your brand here: book this slot6Your brand here: book this slot7Your brand here: book this slot8Your brand here: book this slot9Your brand here: book this slot10Your brand here: book this slot
Skip to content
Day 65: new resources are added every day. See what's new
Best Productivity ResourcesBy Shushant LakhyaniVerified creator

Web App

Fancy Border Radius

A visual generator for organic CSS shapes using border-radius.

Visit Fancy Border Radius4.5

  • Rating

    4.5 / 5

  • Pricing

    Free

  • Difficulty

    Beginner

  • Works on

    Web

Built with love by Shushant Lakhyani. Building bestproductivityresources.com

Free: 1,100+ ways people make money onlineFree: 399+ ways to make money online

What is Fancy Border Radius?

Fancy Border Radius lets you drag handles to create blob-like and organic shapes with the CSS border-radius property, then copy the code straight into your project. It is a free, open source tool from 9elements that runs in the browser.

Pros: what Fancy Border Radius does well

  • Instant visual feedback
  • Copy-ready CSS
  • Free and open source

Cons: where it falls short

  • Does one job only
  • Needs some CSS knowledge to use well

Who Fancy Border Radius is for

Web designers and developers who want soft, organic shapes in CSS.

Who can skip it

People who design only in tools like Canva.

Fancy Border Radius alternatives

Not sold on Fancy Border Radius? These do a similar job, and each card says what it has in common.

All Workflows resources

Clippy

Focus: clip-path and web design. Shares css and shapes with Fancy Border Radius. Rated 4.6 (Fancy Border Radius: 4.5).

Web AppFreeWeb
4.6Visit

CSS Gradient

Focus: gradients and colour. Shares css and generator with Fancy Border Radius. Same 4.5 rating.

Web AppFreeWeb
4.5Visit

css.glass

Focus: glassmorphism and ui. Shares css and generator with Fancy Border Radius. Rated 4.4 (Fancy Border Radius: 4.5).

Web AppFreeWeb
4.4Visit

CSS Grid Generator

Focus: css grid, layout and front end. Shares generator with Fancy Border Radius. Rated 4.6 (Fancy Border Radius: 4.5).

Web AppFreeWeb
4.6Visit

Haikei

Focus: svg generator, backgrounds and design assets. Shares shapes with Fancy Border Radius. Rated 4.6 (Fancy Border Radius: 4.5).

Web AppFreeWeb
4.6Visit

UI Colors

Focus: color palette, tailwind css and ui design. Shares css with Fancy Border Radius. Rated 4.6 (Fancy Border Radius: 4.5).

Web AppFreeWeb
4.6Visit

Free alternatives to Fancy Border Radius

Want to spend nothing? These free picks cover similar ground.

BGJar

Focus: svg, backgrounds and web design. Shares generator with Fancy Border Radius. Same 4.5 rating.

Web AppFreeWeb
4.5Visit

ASCIInator

Focus: ascii art, images and svg. Shares generator with Fancy Border Radius. Rated 4.4 (Fancy Border Radius: 4.5).

Web AppFreeWeb
4.4Visit

Epic Easing

Focus: easing, animation and spring animation. Shares css with Fancy Border Radius. Rated 4.4 (Fancy Border Radius: 4.5).

Web AppFreeWeb
4.4Visit

Gradientool

Focus: gradients, design and colors. Shares generator with Fancy Border Radius. Rated 4.4 (Fancy Border Radius: 4.5).

Web AppFreeWeb
4.4Visit

Neumorphism.io

Focus: shadows, neumorphism and ui design. Shares css with Fancy Border Radius. Rated 4.4 (Fancy Border Radius: 4.5).

Web AppFreeWeb
4.4Visit
Are you the maker of Fancy Border Radius?Get a free Featured badge for your site, a share image and ready-to-paste posts. No sign-up.

Free Notion database

1,100+ ways people are making money online

Real online businesses, creators and projects, broken down by how they make money: apps, online stores, AI tools and more. Free on Gumroad.

Get the free database

Free Notion database

399+ ways to make money online

Hundreds of online income methods in one place, so you can compare options and pick one to try. Free on Gumroad.

Get the free list

For research and ideas only. Results vary and nothing here is a promise of income. See our Disclaimer.

Weekly newsletter

Everything new, every Monday.

One short email every Monday with everything shipped that week: new free tools and websites, new guides, new free browser tools and what's new in my free Gumroad libraries, plus how the site is growing. Free, and you can unsubscribe anytime.

Join the newsletter

You sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.