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!
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.