Copy any component in
one wingbeat
Browser extension that transforms any HTML into Tailwind + React components
How it works
From “nice UI on that site” to
“ready React component” in three steps
Click the thing you like
Open Colibri Wing, hover any element on the page and click it. Card, button, navbar — whatever caught your eye.
We steal the HTML for you
The extension grabs the markup and styles, converts everything into Tailwind + React, and sends it straight to the editor. No DevTools, no mess.
Tweak it. Paste it. Ship it.
Adjust a couple classes, rename a prop, and just drop the component into your codebase. It fits like it belonged there.
Why developers love it
Built for people who live
in React + Tailwind all day
Stop rebuilding the same UI
Steal real components from real sites. Reuse instead of re-implementing the same damn card for the 12th time.
Tailwind-first output
Generated code uses predictable, human-readable Tailwind utilities. No “WTF is this class?” moments.
Fits your stack instantly
React, Next.js, Vite — whatever you’re using, it just works. No new DSLs. No lock-in. No nonsense.
Simple, Transparent Pricing
Start free, upgrade when you're ready