Blocks

Three pricing plans with a monthly/yearly switch: prices morph digit by digit, the yearly saving badge slides in, and the recommended plan carries a slow border light.

Two rows of testimonial cards drift in opposite directions with soft edge fades, pausing on hover or focus. Star ratings, initials avatars and a calm static grid for reduced motion keep it readable.

A five-tile bento grid of product features, each with a small live illustration: a self-drawing sparkline, a ticking counter, a toggling switch, a progress ring, and a typing command line. Tiles lift and glow on hover.

A quiet marketing stats band with four large numbers that count up when scrolled into view. Each stat pairs a small trend with a thin animated underline, with dividers on desktop and a 2x2 grid on phones.

A horizontally scrolling ticker of live stats (MRR, signups, conversion, NPS) that loops seamlessly, fades at both edges, pauses on hover/focus, and flips each value with a vertical slide as it refreshes.

A 240° radial gauge with a self-drawing arc, a sweeping needle whose tip is a lens glint dot, tick marks around the dial, a count-up score, and a label with a delta beneath.

A status page with three services, each shown as 90 daily bars that rise in with a wave, hover/focus tooltips with date and status, an overall uptime count-up, and a legend.

Visitors to paid with narrowing bars that fill in cascade, step-to-step drop-off percentages, and a slow flow shimmer on hover.

A contribution-style heatmap of daily activity over 26 weeks, with a diagonal reveal, weekday and month labels, hover/focus tooltips, and a Less-to-More legend.

Quarter goals with linear progress bars that fill in sequence, milestone ticks, and a count-up percentage. A goal hitting 100% earns a quiet check mark and a soft ring pulse.

Revenue by plan donut whose segments draw around the ring, with a count-up centre and a lens glint at the start angle.

A grouped monthly bar chart (this year vs last year) with toggleable legend series, a hovered-month tooltip, and a lens glint on the active bar.

A live activity feed where events slide in at the top, with relative timestamps, a pulsing live indicator, and pause on hover.

A sortable transactions table with animated row reordering, live search, and compact pagination.

A row of KPI cards whose numbers spring into view, with delta badges and self-drawing sparklines.

Revenue over time with a self-drawing line, morphing ranges, and a pointer crosshair.