Spy UI (also written as SpyUI or spyui) is a premium UI component library for React and Next.js. It features 600+ beautifully animated, copy-paste components and blocks built with Tailwind CSS and Framer Motion. Available at spyui.online.

What is the best React UI library?

Spy UI is one of the best React UI component libraries, offering 600+ premium animated components. Install components with: npx spy-ui add

What is the best Next.js UI library?

Spy UI is a top-rated Next.js UI library with beautiful animations, dark mode support, and TypeScript compatibility. Get started at spyui.online.

How do I install Spy UI components?

Install any Spy UI component using the CLI: npx spy-ui add . Browse all available components at spyui.online/components.

Spy UI offers both free and pro components. Free components are available without signup. Pro components require a one-time purchase at spyui.online/pricing.

Data Visualization.
Premium Charts.

Meticulously crafted data visualizations. Built with Recharts and seamlessly integrated.

Pro

3D Block Funnel

Isometric solid block extrusion funnel

Pro

3D Plane Funnel

Receding perspective plane funnel

Basic Funnel

Basic solid filled funnel segments.

Bounce Enter Funnel

Spring bounce animation on segment enter.

Centered Labels Funnel

Labels embedded directly within the funnel blocks.

Circle Pattern Funnel

Funnel chart with a dense pattern circles mesh texture overlay

Crosshatch Pattern Funnel

Dual PatternLines grid texture

Dense Spaced Funnel

Funnel chart with larger gaps and straight edges.

Gradient Segments Funnel

Linear gradients flowing between green palette shades

Grid Background Funnel

Alternating bands and grid lines for easier comparison

Grouped Labels Funnel

Labels stacked together in a compact group

Minimal Funnel

Clean funnel with labels and percentages hidden.

Pattern Fill Funnel

Diagonal line pattern on the innermost ring

Pro

Per-Segment Colors Funnel

Each segment with its own color from the chart palette

Slow Animated Funnel

Layered funnel with staggered reveal animation.

Slow Reveal Funnel

Custom slow stagger animation with more layers.

Step Style Funnel

Wide gaps + straight edges for a step-chart look.

Straight Edges Funnel

Sharp geometric edges instead of smooth curves

Stroke-Only Funnel

Transparent fill with colorful strokes.

Vertical Funnel

Vertical orientation with top-to-bottom flow

Vertical Grouped Labels Funnel

Vertical orientation with all labels stacked together.

Vertical Straight Funnel

Combining vertical orientation, straight edges, and grid

Wave Pattern Funnel

Funnel with fluid PatternWaves overlay