The Web Is Your Component Library
YoinkUI lets you copy any UI component from any web page in just one click.
Bridging inspiration and creation
Made by developers for developers
Ready-to-use components
Creates ready to use components that you can use instantly in your React, Next.js, Remix, and Gatsby projects
Tailwind styles
Every components is styled with Tailwind so you don't have to worry about compatibility.
Clean code
YoinkUI gets rid of all invisble elements, unnecessary tags and only gives you what really matters - the visible component.
How it works
Everything you need in two clicks
Select the Component Tool
That's one click
Select the component
Click on the component you want to yoink
Done!
Choose where you want to save your component - it's that simple!
You can even Yoink the whole page
Select the page tool
The page tool lets you yoink the entire page, and make the UI responsive!
Resize the window
To generate responsive UI, YoinkUI needs to capture Large, Medium and Small viewports.
Pro-tip: Using the browser Dev tools makes it super easy to resize the window.
Done!
Once YoinkUI has captured the three Viewports, it generates your responsive component.
