Pie Chart
Recharts pie/donut chart on the shadcn ChartContainer: per-slice colors from config, adjustable donut hole, optional legend, and a name-keyed tooltip. Config-driven colors via --chart tokens.
Every screen a website needs, reachable over MCP.
| Block | Title | Category | Access | Install |
|---|---|---|---|---|
| hero190 | Terminal Split Hero | Hero | Pro | npx shadcn add https://ui.beste.co/r/hero190 |
| saas99 | SaaS Integrations Grid | SaaS | Pro | npx shadcn add https://ui.beste.co/r/saas99 |
| social56 | Referral Programme | Social | Pro | npx shadcn add https://ui.beste.co/r/social56 |
| pricing61 | Billing Toggle Pricing | Pricing | Pro | npx shadcn add https://ui.beste.co/r/pricing61 |
| about76 | Slow Timeline | About | Pro | npx shadcn add https://ui.beste.co/r/about76 |
| gallery6 | Mosaic Full Screen Viewer | Gallery | Pro | npx shadcn add https://ui.beste.co/r/gallery6 |
hero190
A split install hero: on the left an eyebrow, a serif headline that settles in word by word, an intro and two sliding-marker pills; on the right an ink terminal card that drifts on scroll, prints the install command and its output line by line, ends on a blinking cursor and copies the command from its title bar.
Recharts pie/donut chart on the shadcn ChartContainer: per-slice colors from config, adjustable donut hole, optional legend, and a name-keyed tooltip. Config-driven colors via --chart tokens.
Single-select radio list with optional result counts. Clicking the active option clears the selection, so the filter is always escapable.
A team member card with a grayscale portrait that gains color on hover while a bio drawer slides up.
A tag group badge that renders wrapping chips for services, skills, and topics.
An instant photo card with masking tape, serif caption, and a tilt that straightens on hover for galleries.
Settings row for a bounded number: minus and plus either side of a typeable value, with hold-to-repeat, Shift for coarse steps and full keyboard stepping.
Balance card that counts its big figure up from zero with an ease-out curve, then brings income and spending in behind it, each counting up to its own total.
Row of shield pills naming the security and privacy standards a product meets.
Two-by-two speaker grid with gradient avatars, name and company-role lines per tile.
Location insights card with an emerald score disc, narrative line, and a transit/park/school row list.
Engagement deliverables panel with due-date rows and pending, progress, delivered, or overdue pills.
Recent-activity feed where a new signup card drops in at the top every couple of seconds, nudging the older ones down until the oldest fades away. Rows take a photo when one is given and fall back to initials.
Explore 2095+ blocks and 1059+ pieces across dozens of categories.
Click to copy the install command. Each piece is self-contained with all required styles and logic.
Tailwind CSS makes it easy to adjust colors, spacing, and typography to match your brand.