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.
This solves a problem I run into all the time. I see a component on a site, screenshot it, paste it into my AI tool, and the output never quite matches. Always felt like there should be a better way than just screenshotting and hoping for the best. Bookmarked. Congrats on the launch, Daumantas!
Smart approach. The gap between "I see a component I like" and getting my agent to reproduce it is still way too big. Screenshots lose all the interactive behavior.
Does it capture state and interactions too, or mainly the visual structure?
This fits a real gap - grabbing a component and getting a prompt that actually reproduces it is way better than describing it from scratch. Does it handle dynamic state or just the static render?
Hey this is actually pretty neat!
Does it work with motion and basically all UI library components (MagicUI, React bits, etc)?
Either way, upvoted and I wish you a great launch Daumantas!
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.
slicer.dev was featured in Chrome Extensions (52.6k followers), Design Tools (259.5k followers), Developer Tools (511k followers) and Vibe coding (397 followers) on Product Hunt. Together, these topics include over 113.8k products, making this a competitive space to launch in.
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.
Want to see how slicer.dev stacked up against nearby launches in real time? Check out the live launch dashboard for upvote speed charts, proximity comparisons, and more analytics.
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.