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.

Tines — Build agents & automations integrated across your workspace

Build agents & automations integrated across your workspace

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.

Looks exciting! Is it free?

@danischenker Given I need use AI to generate code/prompt, I incur costs, so I cannot offer it for free. But you get a few exports for free to try when you sign up.

Also I'd be happy to exchange feedback for extra extractions :))