Designers save references. This turns them into prompts. Extract any component from any website with interactions, animations, structure, states - and get a ready-to-use prompt for Lovable, Cursor, Claude Code, or wherever you build.
When we build websites, we all start with inspiration: we find website we like, we screenshot it and we forward it to our designers or paste to vibecoding tools, hoping it will be fully recreated with 100% accuracy so that we can iterate it further. But it rarely is.
A screenshot does not capture interactions, animations, states. It's impossible for AI to recreate something from a flat image.
slicer.dev solves that: it copies all the information beyond a screenshot that makes a component interactive. On top of that it gives you React code or AI prompt that will create a reusable component in your project.
Works very simply: open browser extension → select a component → generate and copy the prompt (or a react code!)
Version 2.0 is already in works where you will be able to debrand/redesign/merge/apply style for extracted components.
About slicer.dev on Product Hunt
“Copy interactive web components as AI prompts”
slicer.dev launched on Product Hunt on March 26th, 2026 and earned 186 upvotes and 17 comments, placing #17 on the daily leaderboard. Designers save references. This turns them into prompts. Extract any component from any website with interactions, animations, structure, states - and get a ready-to-use prompt for Lovable, Cursor, Claude Code, or wherever you build.
On the analytics side, slicer.dev competes within Chrome Extensions, Design Tools, Developer Tools and Vibe coding — topics that collectively have 823.5k followers on Product Hunt. The dashboard above tracks how slicer.dev performed against the three products that launched closest to it on the same day.
Who hunted slicer.dev?
slicer.dev was hunted by Daumantas Banys. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
For a complete overview of slicer.dev including community comment highlights and product details, visit the product overview.
Daumantas Banys
Hi, fellow builders and vibecoders!
When we build websites, we all start with inspiration: we find website we like, we screenshot it and we forward it to our designers or paste to vibecoding tools, hoping it will be fully recreated with 100% accuracy so that we can iterate it further. But it rarely is.
A screenshot does not capture interactions, animations, states. It's impossible for AI to recreate something from a flat image.
slicer.dev solves that: it copies all the information beyond a screenshot that makes a component interactive. On top of that it gives you React code or AI prompt that will create a reusable component in your project.
Works very simply: open browser extension → select a component → generate and copy the prompt (or a react code!)
Version 2.0 is already in works where you will be able to debrand/redesign/merge/apply style for extracted components.