I got tired of rebuilding the same components every time I wanted to try a new idea in Lovable, v0, or Bolt. I was burning time (and tokens) recreating what already existed.
So we built Stencil. A supercharged Copy & Paste for vibe coding. Capture elements from any webpage, store them in your own component library, and paste them straight into your favourite builder, ready to iterate on.
It’s already made my workflow way faster!
Report
Really nice idea and execution! How much time has it saved you so far? How complex was it to build from scratch?
@cally_russell What a great question! Time saved, it's gotta be hours. Rebuilding UI was taking so long and taking a ton of prompts to get it accurate. Only then could I start iterating.
Alot of the UI Stencil UI we iterated on in v0 and the rest done with Claude Code.
@roozbehfirouz give it a try and let us know what you think 🙂
Report
This is great @grantmac_ - already having a play with it for another idea I'm cooking.
It's like going back to the days I had "snippets" sitting in Fireworks, Dreamweaver or even frigging Notepad ready to fling something new out and try it, love it 💪🏻
Thanks@vladimir_lugovsky ! We actually don't use computed css at all (it's produces a total mess). Instead we render in a headless chrome and do some magic there.
This feels like a huge productivity win for designers and developers — instantly copying UI components into prototypes could save hours of work. Love how Stencil bridges real web content with prototyping tools. Curious — does it preserve interactive states or just static designs?
Stencil by SUPERHANDS
Really nice idea and execution! How much time has it saved you so far? How complex was it to build from scratch?
Ps. Love the Barchester Chronicle's
Stencil by SUPERHANDS
@cally_russell What a great question! Time saved, it's gotta be hours. Rebuilding UI was taking so long and taking a ton of prompts to get it accurate. Only then could I start iterating.
Alot of the UI Stencil UI we iterated on in v0 and the rest done with Claude Code.
haha!
Sellkit
That’s brilliant! How well does it preserve structure and responsiveness when pasting into tools like Lovable?
Stencil by SUPERHANDS
@roozbehfirouz Thank you!
It does very very well. Occasionally there are some oddities but we've testes across various frameworks etc.
Stencil by SUPERHANDS
This is great @grantmac_ - already having a play with it for another idea I'm cooking.
It's like going back to the days I had "snippets" sitting in Fireworks, Dreamweaver or even frigging Notepad ready to fling something new out and try it, love it 💪🏻
Stencil by SUPERHANDS
@daviddlow oh my David! Flashbacks!
You hit something though. I miss those days - we used to both design and develop. I think we're going back there.
UI Bakery
Cool idea. Does it build styles from scratch or copies the computed css from source?
Stencil by SUPERHANDS
Thanks@vladimir_lugovsky ! We actually don't use computed css at all (it's produces a total mess). Instead we render in a headless chrome and do some magic there.
Playmaker
very timely for me thanks guys looks awesome
Stencil by SUPERHANDS
Thanks @giomate! Let me know how you find it!
This feels like a huge productivity win for designers and developers — instantly copying UI components into prototypes could save hours of work. Love how Stencil bridges real web content with prototyping tools. Curious — does it preserve interactive states or just static designs?