Cuelume
Tiny, dependency-free library of interaction sounds for the web, made live with Web Audio.
FrameworkFreeWeb
4.6Visit
Framework
Monoco
Tiny JavaScript library that adds squircle (smooth) corners to HTML elements.
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
- Real smooth corners that CSS cannot do yet
- Works in all modern browsers
- Free and open source (MIT)
Cons
- Adds JavaScript for a purely visual effect
- Small project with a small community
Who should use Monoco
Designers and developers who want their web UI to match squircle corners from their designs.
Who may not need it
Sites happy with standard rounded corners.
Monoco alternatives
Similar resources to Monoco, picked from the directory.
Blendy
Framework-agnostic library that smoothly morphs one element into another.
FrameworkFreeWeb
4.5Visit
Frontend Design Skill
An official Claude skill for distinctive, intentional UI design that never reads as a templated default.
AI ToolFreeWeb
4.8Visit
CSS Toggle Library
36 pure-CSS toggles, switches and checkboxes, free to copy.
WebsiteFreeWeb
4.7Visit
Colors Visualizer
Preview color palettes on real designs — websites, mobile apps, branding, illustrations and more.
WebsiteFreeWeb
4.6Visit
Uiverse
A huge library of free, community-made UI elements you can copy as HTML, CSS or Tailwind.
WebsiteFreeWeb
4.6Visit
Free alternatives to Monoco
Free resources that cover similar ground.
Liquid Glass
Apple-style liquid glass refraction for the web, in every browser.
WebsiteFreeWeb, Cross-Platform
4.5Visit
UI Skills
A collection of design-engineering skills for accessibility, motion, frontend craft and interface quality.
WebsiteFreeWeb
4.5Visit
uncoverLAB
Never start from blank Figma ever again! Website design components, app flows and color palettes.
WebsiteFreeWeb
4.5Visit
Circle Loaders
Twenty-four monochrome SVG loading animations with zero dependencies.
WebsiteFreeWeb
4.4Visit
Springs Studio
Easings and semantic tokens your agent can read.
WebsiteFreeWeb
4.4Visit
vibe-to-ui
Make AI-generated UI actually look designed.
AI ToolFreeCross-Platform
4.4Visit
Featured on Best Productivity Resources
Made Monoco? Add this free badge to your website or README. It links to this page.
<a href="https://bestproductivityresources.com/resources/monoco" target="_blank" rel="noopener"><img src="https://bestproductivityresources.com/badges/featured-light.svg" alt="Featured on Best Productivity Resources" width="250" height="54" /></a>Weekly newsletter
New tools and visual guides, every Monday.
One short email a week with the best new tools and websites, plus my latest visual guides. Free, and you can unsubscribe anytime.
Join the newsletterYou sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.