Skip to content
Day 69: new resources are added every day. See what's new

Framework

Monoco

Tiny JavaScript library that adds squircle (smooth) corners to HTML elements.

Visit Monoco4.4
  • Rating

    4.4 / 5

  • Pricing

    Free

  • Difficulty

    Intermediate

  • Works on

    Web

Built with love by Shushant Lakhyani. Building bestproductivityresources.com

What is Monoco?

Monoco adds squircles and other corner shapes to HTML elements, matching the smooth corners designers use in tools like Figma. It generates SVG for each element as a background or clip path, redraws when the size changes, and works in all modern browsers. Versions are available for plain JavaScript, React and Svelte, and it is free and open source under the MIT licence.

Pros: what Monoco does well

  • Real smooth corners that CSS cannot do yet
  • Works in all modern browsers
  • Free and open source (MIT)

Cons: where it falls short

  • Adds JavaScript for a purely visual effect
  • Small project with a small community

Who Monoco is for

Designers and developers who want their web UI to match squircle corners from their designs.

Who can skip it

Sites happy with standard rounded corners.

Monoco alternatives

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

UI Colors

Focus: color palette and tailwind css. Shares ui design and css with Monoco. A web app, not a framework. Rated 4.6 (Monoco: 4.4).

Web AppFreeWeb

Neumorphism.io

Focus: shadows and neumorphism. Shares css and ui design with Monoco. A web app, not a framework. Same 4.4 rating.

Web AppFreeWeb

Cuelume

Focus: ui sounds, web audio and interaction design. Shares javascript library with Monoco. Rated 4.6 (Monoco: 4.4).

FrameworkFreeWeb

Blendy

Focus: animation, transitions and ui. Shares javascript library with Monoco. Rated 4.5 (Monoco: 4.4).

FrameworkFreeWeb

Lucide

Focus: icons, svg icons and icon library. Shares ui design with Monoco. A website, not a framework. Rated 4.8 (Monoco: 4.4).

WebsiteFreeWeb

Free alternatives to Monoco

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

CSS Toggle Library

Focus: toggles, switches and checkboxes. Shares css with Monoco. A website, not a framework. Rated 4.7 (Monoco: 4.4).

WebsiteFreeWeb

Feather Icons

Focus: icons, svg and open source. Shares ui design with Monoco. A website, not a framework. Rated 4.7 (Monoco: 4.4).

WebsiteFreeWeb

Phosphor Icons

Focus: icons, icon family and figma plugin. Shares ui design with Monoco. A website, not a framework. Rated 4.7 (Monoco: 4.4).

WebsiteFreeWeb

Clippy

Focus: clip-path, shapes and web design. Shares css with Monoco. A web app, not a framework. Rated 4.6 (Monoco: 4.4).

Web AppFreeWeb

CSS Loaders

Focus: loaders, animations and spinners. Shares css with Monoco. A website, not a framework. Rated 4.6 (Monoco: 4.4).

WebsiteFreeWeb
Are you the maker of Monoco?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.