YOOspy

About

YOOspy - The Essential Tool for YOOtheme Pro Developers

Stop guessing CSS classes. Start developing faster.

YOOspy instantly reveals the CSS classes of any element you hover over, specifically designed for YOOtheme Pro and UIkit developers. No more digging through DevTools or hunting through code – just hover and see!

Why YOOtheme Pro Developers Love YOOspy:

Lightning Fast Discovery
- Hover over any element to instantly see its classes
- No need to open DevTools or inspect source code
- Classes appear in a clean, non-intrusive dark overlay

Smart Filtering
- Automatically shows only relevant uk-* and tm-* classes
- Filters out generic CSS noise to show what matters
- Perfect for YOOtheme Pro and UIkit framework development

Seamless Workflow
- Click the extension icon to toggle on or off (red border when active)
- Works on any website with YOOtheme or UIkit markup
- Compatible with YOOtheme Pro builder (right-click frame and reload)

Developer-Friendly
- Lightweight and fast – no page slowdown
- Remembers your on/off preference
- Clean, readable monospace font display

How It Works:

1. Click the YOOspy icon to enable (icon gets red border)
2. Hover over any element on the page
3. See its CSS classes instantly in the overlay
4. Build faster with immediate class visibility

Note: If you are using the extension inside the YOOtheme builder, you’ll need to right-click and select “Reload frame” for the extension to work properly.

Perfect For:

- YOOtheme Pro developers building custom sites
- UIkit framework users creating responsive layouts
- Frontend developers working with YOOtheme themes
- Web designers learning YOOtheme class structures
- Anyone who wants faster CSS class discovery

Key Features:

- One-click toggle – Enable or disable with toolbar icon
- Smart hover detection – Instant class revelation
- YOOtheme-focused filtering – Shows only uk-* and tm-* classes
- Non-intrusive overlay – Dark theme, follows your cursor
- YOOtheme builder support – Works in the visual editor
- Privacy-first – No data collection or tracking

Save Hours of Development Time

Instead of:
- Opening DevTools every time
- Searching through HTML source
- Guessing class combinations
- Trial and error styling

Just hover and know instantly. YOOspy transforms your YOOtheme development workflow from frustrating guesswork into effortless discovery.

Get Started in Seconds:

1. Install YOOspy
2. Visit any YOOtheme Pro or UIkit website
3. Click the extension icon to enable
4. Hover over elements to see their classes
5. Build better, faster!

Perfect for YOOtheme Pro, UIkit, CSS development, frontend development, web design, and developer productivity.