Heavy SaaS Blocks

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 Morphing Wizard

An onboarding card whose container 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.

Metric Card with Sparkline

Dashboard cards with a hand-rolled monotone-cubic SVG line and a glowing dot that snaps to wherever you scrub.

Subscription Tier Card

An animated 1px conic-gradient border with a soft Wensity Red halo on hover and a CTA that shimmers as you approach.

Which SaaS block should I use?

Dashboard surfaces

Metric 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 Morphing 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 conic gradient border and a shimmering call to action mark the plan you want chosen.

More categories

Browse other categories

All components

Agentic AI Interfaces

6 components

Inputs, threads, tool calls, and conversation surfaces tuned for AI products. Every component is keyboard-first, streaming-aware, and dark-mode native.

Explore category

Cinematic Interactions

13 components

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

Explore category

Elite Micro-Interactions

10 components

The 200-millisecond moments that elevate every flow: gooey navs, magnetic pills, morphing icons, haptic sliders. Polish without theatrics.

Explore category