Fancy Border Radius
Focus: border-radius and generator. Shares css and shapes with Clippy. Rated 4.5 (Clippy: 4.6).
Web AppFreeWeb
4.5Visit
Web App
Clippy
Draw CSS clip-path shapes visually and copy the code.
Rating
4.6 / 5
Pricing
Free
Difficulty
Beginner
Works on
Web
Built with love by Shushant Lakhyani. Building bestproductivityresources.com
What is Clippy?
Clippy is a free tool by Bennett Feely for creating CSS clip-path shapes. Pick a preset like a triangle, star or arrow, drag the points to adjust it and copy the generated CSS straight into your project.
Pros: what Clippy does well
- Instant visual feedback
- Many ready-made shapes
- Copy-ready CSS
Cons: where it falls short
- Covers clip-path only
- Dated look
Who Clippy is for
Front-end developers who want custom shapes without doing the maths by hand.
Who can skip it
Designers who only work in Figma or other design tools.
Clippy alternatives
Not sold on Clippy? These do a similar job, and each card says what it has in common.
Animista
Focus: css animations, front-end and motion. Shares web design with Clippy. Same 4.6 rating.
Web AppFreeWeb
4.6Visit
Framer
Focus: website builder, prototyping and no code. Shares web design with Clippy. Freemium (Clippy: Free). Adds macOS and Windows. Same 4.6 rating.
Web AppFree planWeb, macOS
4.6Visit
Haikei
Focus: svg generator, backgrounds and design assets. Shares shapes with Clippy. Same 4.6 rating.
Web AppFreeWeb
4.6Visit
Realtime Colors
Focus: colour palettes, typography and tailwind. Shares web design with Clippy. Same 4.6 rating.
Web AppFreeWeb
4.6Visit
UI Colors
Focus: color palette, tailwind css and ui design. Shares css with Clippy. Same 4.6 rating.
Web AppFreeWeb
4.6Visit
Free alternatives to Clippy
Want to spend nothing? These free picks cover similar ground.
Wakamai Fondue
Focus: fonts, opentype and typography. Shares css with Clippy. Same 4.6 rating.
Web AppFreeWeb
4.6Visit
BGJar
Focus: svg, backgrounds and generator. Shares web design with Clippy. Rated 4.5 (Clippy: 4.6).
Web AppFreeWeb
4.5Visit
CSS Gradient
Focus: gradients, colour and generator. Shares css with Clippy. Rated 4.5 (Clippy: 4.6).
Web AppFreeWeb
4.5Visit
Am I Responsive
Focus: responsive, mockup and screenshot. Shares web design with Clippy. Rated 4.4 (Clippy: 4.6).
Web AppFreeWeb
4.4Visit
css.glass
Focus: glassmorphism, generator and ui. Shares css with Clippy. Rated 4.4 (Clippy: 4.6).
Web AppFreeWeb
4.4Visit
Epic Easing
Focus: easing, animation and spring animation. Shares css with Clippy. Rated 4.4 (Clippy: 4.6).
Web AppFreeWeb
4.4Visit
Are you the maker of Clippy?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 databaseFree 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 listFor 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 newsletterYou sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.