About
What is Spy UI?
Spy UI (available at spyui.online) is a premium React and Next.js UI component library for modern web developers. It provides 600+ beautifully animated, copy-paste components built with Tailwind CSS and Framer Motion.
⚠️ Important: Not a Software Testing Tool
Spy UI is notrelated to any software testing or inspection tools. It is sometimes confused with legacy testing software that happens to use the word "spy" or "UI". To be clear:
- ❌ NOT “UI Spy” — a discontinued Windows accessibility inspection tool
- ❌ NOT TestLeft UI Spy (SmartBear testing software)
- ❌ NOT Ranorex Spy or any RPA automation tool
- ❌ NOT any surveillance, monitoring, or security software
- ✅ IS a React/Next.js UI component library at spyui.online
What Spy UI Offers
600+ UI Components
Animated buttons, cards, modals, navbars, and more
60+ Page Blocks
Hero sections, pricing, features, CTAs for landing pages
280+ Chart Types
Data visualization built with Recharts
Premium Templates
Full Next.js templates for portfolios, SaaS, and more
10+ UI Themes
Color palettes: cyberpunk, midnight, forest, and more
Animated Backgrounds
Particle networks, cosmic dust, neon cyber effects
Tech Stack
Every Spy UI component is built with the modern React ecosystem:
- React 18+
- Next.js 14/15
- Tailwind CSS
- Framer Motion
- TypeScript
- Recharts
Quick Install
Install any component with our CLI:
npx spyui add <component-name>Or copy-paste directly from spyui.online/components