React Dashboard Components

Command palettes, kanban boards, data tables, pricing toggles, RBAC controls - the dense product surfaces real apps need on day one.

5 components

Fluid Drag-and-Drop Kanban

A Trello-grade board running real pointer physics, where every card tilts toward the velocity you throw it across at.

Multi-Step Form Wizard

A multi-step form wizard whose card physically reshapes to wrap each new step as the content slides in behind it.

GitHub-Style Activity Grid

365 squares sharing one tooltip that flies between days on rails, with a reveal that ripples backward from today.

KPI Card with Sparkline

Dashboard KPI cards with a smooth SVG sparkline chart and a glowing dot that snaps to whichever value you scrub across.

Subscription Tier Card

Pricing cards with a monthly and annual toggle, prices that spring to new values, and a highlighted plan in a brand glow.

Which SaaS block should I use?

Dashboard surfaces

KPI Card with Sparkline: A number needs its trend beside it. Scrub the line and a glowing dot snaps to the nearest point, so exact values stay readable.
GitHub-Style Activity Grid: Showing a year of activity at a glance. One tooltip travels between days on rails instead of mounting a fresh one per square.

Moving through a task

Fluid Drag-and-Drop Kanban: Work moves between columns and the dragging itself should feel physical. Cards tilt toward the velocity you throw them across at.
Multi-Step Form Wizard: Onboarding runs several steps and the jump between them feels abrupt. The card reshapes to wrap each step as the content slides in.

Asking for money

Subscription Tier Card: One pricing tier has to pull the eye. A brand glow, a badge, and a gradient call to action mark the plan you want chosen.

More categories

Browse other categories

All components

Agentic AI Interfaces

12 components

Agentic AI interface components for React: a complete AI chat, an agent UI for tool calls and reasoning steps, typing indicators, AI buttons, prompt inputs, model pickers and voice orbs.

Explore category

Cinematic Interactions

21 components

Big-feeling motion: parallax, scrub-scroll sequences, sticky storytelling, page transitions and cursor trails. The components that make a marketing site feel alive.

Explore category

Elite Micro-Interactions

16 components

The 200-millisecond moments that elevate every flow: magnifying docks, animated hamburger menus, star ratings, liquid glass buttons, tag inputs and loaders. Polish without theatrics.

Explore category