Stylens
Capture any design in seconds
Stylens is the ultimate tool for designers and developers. Inspect any element to see its complete styling, extract color palettes, identify fonts, and copy CSS with one click. Perfect for design inspiration, competitive analysis, and learning from the best websites.
Extension Preview
Powerful Features
CSS Extraction
Copy complete CSS styling for any element
Color Palettes
Extract full color palettes from any page
Typography Detection
Identify fonts, sizes, weights, and line heights
Tailwind Conversion
Convert CSS to Tailwind utility classes instantly
Simple, Transparent Pricing
Start for free and upgrade when you need more power. No hidden fees.
Free
$0/forever
Perfect for getting started
- 10 captures per day
- CSS copy to clipboard
- Font & color detection
- Typography extraction
- Spacing visualization
- Light & Dark mode
- Keyboard shortcuts (Ctrl+Shift+L)
Pro
Full power, cancel anytime
- Unlimited captures daily
- Export CSS to file
- Full color palette extraction
- Design System extraction
- Tailwind class conversion
- Figma-ready export
- Component screenshot (PNG)
- Pseudo-states capture (:hover, ::before, ::after)
- Media query detection
- A11y contrast checker
- Advanced history search
- Priority support
Frequently Asked Questions
Can I export to design tools?
Pro users can export colors and styles to Figma-ready format. We're adding direct Sketch and Adobe XD integration soon.
How does Tailwind conversion work?
Stylens analyzes the computed CSS and converts it to the closest matching Tailwind utility classes. Pro users get access to this feature.
Does it capture pseudo-states like hover effects?
Yes! Pro users can capture :hover, :focus, ::before, and ::after pseudo-elements and states.
What's the daily capture limit?
Free users get 10 captures per day. Pro users have unlimited daily captures.
Ready to try Stylens?
Install now and start using Stylens for free. Upgrade to Pro whenever you're ready.