nowfound

Dev tools · April 14, 2022

Clippy

Drag and points to generate clip-path CSS

Clippy launched on April 14, 2022 with 77 votes, #489 of 2,974 launches that month and more than 75% of that year's launches. The site was not reachable when checked in September 2026.

What it does

The clip-path property allows you to make complex shapes in CSS by clipping an element to a basic shape. This tool allows you to drag points to generate the clip-path CSS.

Does a similar job

all alternatives →
  • Wave Generator2024 · wavegenerator.app · ▲156

    CSS clip path for containers

  • CSS Pokemon – created with clip-path and CSS variables2016 · projects.lukehaas.me · ▲79

    A demonstrates of the use of the CSS clip-path property in combination with CSS variables and CSS transitions to create a low-poly animated Pokémon.

  • I saw this cool navigation reveal, so I made a simple HTML+CSS versionFeb 2026 · github.com · ▲141

    Two clip-paths, over the navigation: - The first clip-path is a circle (top-left corner) - The second clip-path is a polygon, that acts like a ray (hardcoded, can be improved) The original work by Iventions Events https://iventions.com/ uses JavaScript, but I found CSS-only approach more fun Here's a demo and the codebase: https://github.com/Momciloo/fun-with-clip-path

  • I made a drag and drop CSS grid generator2024 · cssgridgenerator.io · ▲262

    CSS Grid Generator - a user-friendly tool designed for web developers to effortlessly create customizable CSS grids for seamless web development.

  • Shapy2018 · shapy.app · ▲132

    Shapes & Images with CSS Gradients

  • Walling Web Clipper 2020 · walling.app · ▲131

    Save quick notes, bookmarks and images to your Walls

More dev tools this month

the category →
  • /dev/null▲482

    a social network for devs

    Dev tools · 2d ago · dev-null.sh

  • open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

    Dev tools · 27d ago · github.com

  • Contribute to reladraw/reladraw development by creating an account on GitHub.

    Dev tools · 25d ago · github.com

  • OpenBot▲362

    Grok Bot alternative: free, local, open-source, multiplayer

    Dev tools · 22d ago · openbot.run

  • Talanoa▲343

    Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

    Dev tools · 20d ago · talanoa.email

  • CoreSpeed▲332

    One MCP for everything your agents need: apps, memory, tools

    Dev tools · 28d ago · corespeed.io

Source: Product Hunt launch ↗

Launched alongside, April 2022

the whole month →
  • Hi HN community, I’m Zach, founder and CEO of Warp, and am excited to show you Warp, a fast Rust-based terminal that’s easy to use and built for teams. As of today, Warp is in public beta and any Mac user can download it. It works with bash, zsh, and fish. The terminal’s teletype-like interface has made it hard for the CLI to thrive. After 20 years of programming, I still find it hard to copy a command’s output; I always forget how to use `tar`; and I always have to relearn how to move my cursor. To fix fundamental accessibility issues, I believe we need to start innovating on the terminal,…

    AI · 2022 · warp.dev

  • Slow Social is a online social network built for growing and sustaining friendships.

    Life & fun · 2022 · slowsocial.us

  • Reflect▲626

    Fast networked note-taking

    Work · 2022 · reflect.app

  • Implement scanyourpdf.com in JavaScript. No backend servers needed.

    Life & fun · 2022 · lookscanned.io

  • Everything you need to create amazing documentation

    Dev tools · 2022 · archbee.com

  • ngrok▲547

    Serve local web apps with one command

    Dev tools · 2022 · ngrok.com