---
name: "@blockus"
slug: "blockus"
description: "Small collection of hand-crafted React blocks built on shadcn/ui and Tailwind CSS, covering hero, pricing, and footer sections. Designed for drop-in use with minimal customization needed — swap copy and deploy. No GitHub repository listed; site was unreachable at time of research. Based on the official description the focus is marketing-page sections. Use for: grabbing hero, pricing, and footer blocks when building a simple SaaS landing page on top of shadcn."
category: "Blocks & sections (marketing/SaaS)"
tags: ["auth", "blocks", "cards", "icons", "marketing", "pro-available", "saas"]
framework: "react"
license: null
author: null
website: "https://blockus.lndevui.com"
github: "N/A"
registry: "https://blockus.lndevui.com/r/registry.json"
pro: true
pro_url: "https://pro.lndev.me/templates"
github_stars: null
component_count: 250
generated_at: "2026-07-28T08:00:50.948Z"
---

# @blockus

Small collection of hand-crafted React blocks built on shadcn/ui and Tailwind CSS, covering hero, pricing, and footer sections. Designed for drop-in use with minimal customization needed — swap copy and deploy. No GitHub repository listed; site was unreachable at time of research. Based on the official description the focus is marketing-page sections. Use for: grabbing hero, pricing, and footer blocks when building a simple SaaS landing page on top of shadcn.

## Links

- Website: https://blockus.lndevui.com
- GitHub: N/A
- Registry JSON: https://blockus.lndevui.com/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/blockus
- This file: https://sh4dcn.vercel.app/md/blockus.md
- Pro / pricing: https://pro.lndev.me/templates

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://blockus.lndevui.com/r/registry.json
pnpm dlx shadcn@latest add https://blockus.lndevui.com/r/registry.json
bunx shadcn@latest add https://blockus.lndevui.com/r/registry.json
# clone the source repo
git clone N/A.git
# fetch the raw registry index
curl -s https://blockus.lndevui.com/r/registry.json
```

## Components (250)

| name | type | description | install |
| --- | --- | --- | --- |
| hero-01 | registry:block | Centered hero with a soft conic-gradient aurora behind the headline and a row of stacked avatars as social proof. | `npx shadcn@latest add https://blockus.lndevui.com/r/hero-01.json` |
| hero-02 | registry:block | The full blockus opening — sticky non-auth header on top, crosshair-framed dotted backdrop, an announcement pill, a four-clause balanced headline and dual CTAs… | `npx shadcn@latest add https://blockus.lndevui.com/r/hero-02.json` |
| hero-03 | registry:block | Two-column hero with copy on the left and a mock terminal showing the install command on the right. | `npx shadcn@latest add https://blockus.lndevui.com/r/hero-03.json` |
| hero-04 | registry:block | Centered headline whose bracketed word rotates between five options via a pure-CSS keyframe. | `npx shadcn@latest add https://blockus.lndevui.com/r/hero-04.json` |
| hero-05 | registry:block | Serif headline, kicker ribbon and a two-column intro evoking a magazine cover layout. | `npx shadcn@latest add https://blockus.lndevui.com/r/hero-05.json` |
| hero-06 | registry:block | Dark split hero with a tilted dashboard mockup on the right, conic glow behind the copy and a customer-logos row anchoring the bottom. | `npx shadcn@latest add https://blockus.lndevui.com/r/hero-06.json` |
| hero-07 | registry:block | Centered serif headline, glowing primary CTA and a logo marquee at the bottom — moody and high-contrast. | `npx shadcn@latest add https://blockus.lndevui.com/r/hero-07.json` |
| hero-08 | registry:block | Left-aligned hero with a diagonal violet light beam slicing across the canvas and a Used-by trust strip at the bottom. | `npx shadcn@latest add https://blockus.lndevui.com/r/hero-08.json` |
| hero-09 | registry:block | Hero combining a strong headline with a four-stat metric grid revealing growth numbers under the CTA. | `npx shadcn@latest add https://blockus.lndevui.com/r/hero-09.json` |
| hero-10 | registry:block | Hero with an interactive spotlight that follows the cursor, revealing a hidden gradient under a dotted backdrop. | `npx shadcn@latest add https://blockus.lndevui.com/r/hero-10.json` |
| hero-11 | registry:block | Hero copy on the left paired with a four-tile bento grid teasing the product's key capabilities on the right. | `npx shadcn@latest add https://blockus.lndevui.com/r/hero-11.json` |
| hero-12 | registry:block | Centered hero with an auto-scrolling badge marquee under the headline highlighting capabilities and integrations. | `npx shadcn@latest add https://blockus.lndevui.com/r/hero-12.json` |
| pricing-01 | registry:block | Single bold offer card with monthly-vs-lifetime savings callout and decorative gradient bloom. | `npx shadcn@latest add https://blockus.lndevui.com/r/pricing-01.json` |
| pricing-02 | registry:block | Free, Pro and Team tiers side-by-side with feature checklists and a highlighted middle plan. | `npx shadcn@latest add https://blockus.lndevui.com/r/pricing-02.json` |
| pricing-03 | registry:block | Two-plan layout with a billing-period switch and a discount badge on the yearly option. | `npx shadcn@latest add https://blockus.lndevui.com/r/pricing-03.json` |
| pricing-04 | registry:block | Three compact tiers arranged in a single horizontal card — perfect for a marketing site footer band. | `npx shadcn@latest add https://blockus.lndevui.com/r/pricing-04.json` |
| pricing-05 | registry:block | Single plan whose total updates as the user slides the team-seat count between 1 and 25. | `npx shadcn@latest add https://blockus.lndevui.com/r/pricing-05.json` |
| pricing-06 | registry:block | Three dark service-tier cards with coloured category chips, scarcity badge and gradient bottom CTAs. | `npx shadcn@latest add https://blockus.lndevui.com/r/pricing-06.json` |
| pricing-07 | registry:block | Full feature-by-tier comparison matrix with grouped sections, sticky header column and tier callouts. | `npx shadcn@latest add https://blockus.lndevui.com/r/pricing-07.json` |
| pricing-08 | registry:block | A single big-statement pricing card with a vertical price stack, glowing accent and a long feature list. | `npx shadcn@latest add https://blockus.lndevui.com/r/pricing-08.json` |
| pricing-09 | registry:block | Tiers arranged vertically as expandable rows revealing per-plan features on click. | `npx shadcn@latest add https://blockus.lndevui.com/r/pricing-09.json` |
| pricing-10 | registry:block | Usage slider with tiered breakpoints — live preview of the estimated bill based on monthly volume. | `npx shadcn@latest add https://blockus.lndevui.com/r/pricing-10.json` |
| pricing-11 | registry:block | Single offer card with a custom-amount input, three preset chips and a live confirmation strip. | `npx shadcn@latest add https://blockus.lndevui.com/r/pricing-11.json` |
| pricing-12 | registry:block | Three-tier pricing with a currency switcher (USD / EUR / GBP) that updates every plan in place. | `npx shadcn@latest add https://blockus.lndevui.com/r/pricing-12.json` |
| pricing-13 | registry:block | Two-plan layout with the annual plan visually amplified — savings badge, comparison bar and copy callout. | `npx shadcn@latest add https://blockus.lndevui.com/r/pricing-13.json` |
| pricing-14 | registry:block | Base plan card with stacked add-on checkboxes; total recomputes as add-ons are toggled. | `npx shadcn@latest add https://blockus.lndevui.com/r/pricing-14.json` |
| pricing-15 | registry:block | Pricing card on one side, rotating customer quote on the other — social proof anchored to the buy decision. | `npx shadcn@latest add https://blockus.lndevui.com/r/pricing-15.json` |
| pricing-16 | registry:block | Free and Pro plans in two clean side-by-side cards, one highlighted — monthly-only, no toggle required. | `npx shadcn@latest add https://blockus.lndevui.com/r/pricing-16.json` |
| pricing-17 | registry:block | One product, one price — a centered card with a full feature list, compare-at strikethrough, and trust badges. | `npx shadcn@latest add https://blockus.lndevui.com/r/pricing-17.json` |
| pricing-18 | registry:block | Three tiers with a monthly/yearly toggle and a save-20% badge, middle tier highlighted as most picked. | `npx shadcn@latest add https://blockus.lndevui.com/r/pricing-18.json` |
| pricing-19 | registry:block | Rows of features across three plans with check/dash indicators, built as a responsive grid with grouped categories. | `npx shadcn@latest add https://blockus.lndevui.com/r/pricing-19.json` |
| pricing-20 | registry:block | Native range slider updates an estimated monthly price in real time as the user drags through event-volume tiers. | `npx shadcn@latest add https://blockus.lndevui.com/r/pricing-20.json` |
| pricing-21 | registry:block | Four minimal plan tiles in a single row — price, three bullets each, and a CTA, nothing more. | `npx shadcn@latest add https://blockus.lndevui.com/r/pricing-21.json` |
| pricing-22 | registry:block | Two pricing cards on the left, a small FAQ accordion on the right — answers sit next to the buy button. | `npx shadcn@latest add https://blockus.lndevui.com/r/pricing-22.json` |
| pricing-23 | registry:block | Always-dark stone-950 canvas, single featured tier with a violet radial glow and a glowing CTA button. | `npx shadcn@latest add https://blockus.lndevui.com/r/pricing-23.json` |
| pricing-24 | registry:block | Two-panel layout — a priced Pro tier on the left and an Enterprise contact-sales panel on the right. | `npx shadcn@latest add https://blockus.lndevui.com/r/pricing-24.json` |
| pricing-25 | registry:block | Seat stepper with +/− buttons and quick-pick presets updates the monthly and yearly totals in place. | `npx shadcn@latest add https://blockus.lndevui.com/r/pricing-25.json` |
| pricing-26 | registry:block | One-time lifetime deal with a compare-at strikethrough price, savings badge, and trust-badge row. | `npx shadcn@latest add https://blockus.lndevui.com/r/pricing-26.json` |
| footer-01 | registry:block | Left column carries a punchy serif brand statement, right column groups three nav lists. | `npx shadcn@latest add https://blockus.lndevui.com/r/footer-01.json` |
| footer-02 | registry:block | Compact nav columns on top, a huge wordmark across the bottom serving as a visual anchor. | `npx shadcn@latest add https://blockus.lndevui.com/r/footer-02.json` |
| footer-03 | registry:block | Final-call footer leading with a Ready-to-ship CTA card and a slim copyright row underneath. | `npx shadcn@latest add https://blockus.lndevui.com/r/footer-03.json` |
| footer-04 | registry:block | Full-width newsletter capture as the centerpiece, framed by nav columns and a copyright row. | `npx shadcn@latest add https://blockus.lndevui.com/r/footer-04.json` |
| footer-05 | registry:block | Single rounded dark card containing brand, nav and copyright — sits inside the page like an island. | `npx shadcn@latest add https://blockus.lndevui.com/r/footer-05.json` |
| footer-06 | registry:block | Dark rounded CTA capsule floating above a light footer with a faded oversized wordmark behind it. | `npx shadcn@latest add https://blockus.lndevui.com/r/footer-06.json` |
| footer-07 | registry:block | Footer leading with a grid of integration partner logos, paired with concise nav columns. | `npx shadcn@latest add https://blockus.lndevui.com/r/footer-07.json` |
| footer-08 | registry:block | Footer combining a live status pill, newsletter capture and a social-icon row in a single band. | `npx shadcn@latest add https://blockus.lndevui.com/r/footer-08.json` |
| footer-09 | registry:block | Minimal single-row footer — brand on the left, condensed nav and socials on the right. | `npx shadcn@latest add https://blockus.lndevui.com/r/footer-09.json` |
| footer-10 | registry:block | Footer with three location blocks (city, address, hours) and a thin contact band on top. | `npx shadcn@latest add https://blockus.lndevui.com/r/footer-10.json` |
| footer-11 | registry:block | Sticky bottom CTA bar over a slim footer — drives final conversion as the user reaches the page bottom. | `npx shadcn@latest add https://blockus.lndevui.com/r/footer-11.json` |
| footer-12 | registry:block | Footer with a four-tile mini product showcase grid above the navigation columns. | `npx shadcn@latest add https://blockus.lndevui.com/r/footer-12.json` |
| footer-13 | registry:block | Footer set on a rich gradient with a large brand statement and tightly-spaced nav lists. | `npx shadcn@latest add https://blockus.lndevui.com/r/footer-13.json` |
| footer-14 | registry:block | Three mini testimonial cards form a rail above the standard footer columns. | `npx shadcn@latest add https://blockus.lndevui.com/r/footer-14.json` |
| footer-15 | registry:block | Massive single-line brand wordmark dominates the layout, with a discreet nav band on top. | `npx shadcn@latest add https://blockus.lndevui.com/r/footer-15.json` |
| hero-13 | registry:block | Centered hero with inline metric chips, paired with a live, clickable dashboard mockup — sidebar pages, tab switcher and chart toggle all wired up. | `npx shadcn@latest add https://blockus.lndevui.com/r/hero-13.json` |
| hero-14 | registry:block | Massive sans-serif headline on a cream canvas with playful pebble decoration, a hover-revealed product mega menu and a multi-logo trust strip below. | `npx shadcn@latest add https://blockus.lndevui.com/r/hero-14.json` |
| hero-15 | registry:block | Pure-black hero with a status callout on the right and a fully clickable issue-tracker mockup — sidebar pages, tabs and prev/next navigation all interactive. | `npx shadcn@latest add https://blockus.lndevui.com/r/hero-15.json` |
| hero-16 | registry:block | Sky-blue editorial hero with serif headline, paper-cut mountain horizon and a notebook app mockup — plus a hover-revealed product mega menu in the floating nav… | `npx shadcn@latest add https://blockus.lndevui.com/r/hero-16.json` |
| contact-01 | registry:block | Centered headline with a clean three-field contact form — the safest starting point for any marketing site. | `npx shadcn@latest add https://blockus.lndevui.com/r/contact-01.json` |
| contact-02 | registry:block | Two-column layout pairing a copy block plus email / phone / locations on the left with a long form on the right. | `npx shadcn@latest add https://blockus.lndevui.com/r/contact-02.json` |
| contact-03 | registry:block | Routes visitors to the right team via three side-by-side cards — Sales, Support, Press — each with its own CTA. | `npx shadcn@latest add https://blockus.lndevui.com/r/contact-03.json` |
| contact-04 | registry:block | Split card with a dotted-grid HQ panel on the left and a full contact form on the right. | `npx shadcn@latest add https://blockus.lndevui.com/r/contact-04.json` |
| contact-05 | registry:block | Long form on the left, four contact-method tiles on the right — email, phone, live chat, response time. | `npx shadcn@latest add https://blockus.lndevui.com/r/contact-05.json` |
| contact-06 | registry:block | Three office cards showing city, address, hours and a deep link to Maps — perfect for an About / Contact page. | `npx shadcn@latest add https://blockus.lndevui.com/r/contact-06.json` |
| contact-07 | registry:block | Dark hero-style contact section with a glowing radial backdrop and a glass form card floating on top. | `npx shadcn@latest add https://blockus.lndevui.com/r/contact-07.json` |
| contact-08 | registry:block | Single-column contact card — email, message, send — plus a row of social icons under a hairline divider. | `npx shadcn@latest add https://blockus.lndevui.com/r/contact-08.json` |
| contact-09 | registry:block | Form on the right, four gradient-avatar teammates on the left signalling Sales / Support / Partnerships / Engineering. | `npx shadcn@latest add https://blockus.lndevui.com/r/contact-09.json` |
| contact-10 | registry:block | Half newsletter capture, half contact form in a single rounded card — for sites that want both. | `npx shadcn@latest add https://blockus.lndevui.com/r/contact-10.json` |
| contact-11 | registry:block | Pick Sales / Support / Press first — the form below adapts its placeholder and CTA to that route. | `npx shadcn@latest add https://blockus.lndevui.com/r/contact-11.json` |
| contact-12 | registry:block | Three-step form with progress dots — You, Project, Goal — for warm inbound leads. | `npx shadcn@latest add https://blockus.lndevui.com/r/contact-12.json` |
| contact-13 | registry:block | Minimalist contact form floating inside a frosted card over a soft tri-gradient backdrop. | `npx shadcn@latest add https://blockus.lndevui.com/r/contact-13.json` |
| contact-14 | registry:block | Form on the right, sticky aside on the left listing reasons-to-write and the support email. | `npx shadcn@latest add https://blockus.lndevui.com/r/contact-14.json` |
| contact-15 | registry:block | Minimal centered hero with a single rounded email pill — the lightest contact section in the catalog. | `npx shadcn@latest add https://blockus.lndevui.com/r/contact-15.json` |
| faqs-01 | registry:block | Centered headline plus an accordion of common questions — the bread-and-butter FAQ layout. | `npx shadcn@latest add https://blockus.lndevui.com/r/faqs-01.json` |
| faqs-02 | registry:block | Sticky copy on the left, full accordion on the right — easier scanning when there are 5+ questions. | `npx shadcn@latest add https://blockus.lndevui.com/r/faqs-02.json` |
| faqs-03 | registry:block | Pill tabs route between General / Billing / Support, each backed by its own accordion list. | `npx shadcn@latest add https://blockus.lndevui.com/r/faqs-03.json` |
| faqs-04 | registry:block | Six question-and-answer cards in a tight grid — quick to scan when no question dominates. | `npx shadcn@latest add https://blockus.lndevui.com/r/faqs-04.json` |
| faqs-05 | registry:block | Editorial-style FAQ with mono numerals on the left and questions in big tracking-tight type. | `npx shadcn@latest add https://blockus.lndevui.com/r/faqs-05.json` |
| faqs-06 | registry:block | Search input above the accordion — typing filters the list live, with an empty-state nudge to email support. | `npx shadcn@latest add https://blockus.lndevui.com/r/faqs-06.json` |
| faqs-07 | registry:block | Single big-typography question on top with a long answer card below and a row of related-question pills. | `npx shadcn@latest add https://blockus.lndevui.com/r/faqs-07.json` |
| faqs-08 | registry:block | FAQs grouped into two themed cards side-by-side — Product on one, Billing & team on the other. | `npx shadcn@latest add https://blockus.lndevui.com/r/faqs-08.json` |
| faqs-09 | registry:block | Accordion on the left, sticky support card on the right with a CTA to open a ticket. | `npx shadcn@latest add https://blockus.lndevui.com/r/faqs-09.json` |
| faqs-10 | registry:block | Inverted FAQ block — moody dark background, pink glow and a frosted accordion shell. | `npx shadcn@latest add https://blockus.lndevui.com/r/faqs-10.json` |
| faqs-11 | registry:block | Mixed-span FAQ tiles arranged like a bento board for a more editorial feel. | `npx shadcn@latest add https://blockus.lndevui.com/r/faqs-11.json` |
| faqs-12 | registry:block | Sticky topic sidebar paired with stacked themed sections — perfect for a docs-style FAQ page. | `npx shadcn@latest add https://blockus.lndevui.com/r/faqs-12.json` |
| faqs-13 | registry:block | Question and answer in two columns per row — fastest to read when answers are short. | `npx shadcn@latest add https://blockus.lndevui.com/r/faqs-13.json` |
| faqs-14 | registry:block | Two-column FAQ with a sticky support-CTA card on the right — keeps the help button always visible. | `npx shadcn@latest add https://blockus.lndevui.com/r/faqs-14.json` |
| faqs-15 | registry:block | Quiet, serif-typeset FAQ with a section glyph header — fits brand sites that favour print restraint. | `npx shadcn@latest add https://blockus.lndevui.com/r/faqs-15.json` |
| login-01 | registry:block | Classic shadcn-style centered login card — brand mark, email, password, primary CTA and a sign-up nudge. | `npx shadcn@latest add https://blockus.lndevui.com/r/login-01.json` |
| login-02 | registry:block | Single email field, magic-link CTA and an outline Continue-with-Google fallback below. | `npx shadcn@latest add https://blockus.lndevui.com/r/login-02.json` |
| login-03 | registry:block | Form on the left, full-bleed marketing testimonial panel on the right — the proven SaaS layout. | `npx shadcn@latest add https://blockus.lndevui.com/r/login-03.json` |
| login-04 | registry:block | Headline-led magic-link login with a pill-shaped email + button input — minimal and intentional. | `npx shadcn@latest add https://blockus.lndevui.com/r/login-04.json` |
| login-05 | registry:block | Three social-provider buttons up top with a Continue-with-email form below the divider. | `npx shadcn@latest add https://blockus.lndevui.com/r/login-05.json` |
| login-06 | registry:block | Email first, password second — the Notion / Linear pattern with a back-button and remembered email. | `npx shadcn@latest add https://blockus.lndevui.com/r/login-06.json` |
| login-07 | registry:block | Single card with a Sign-in / Create-account toggle so a visitor never bounces because they need the other flow. | `npx shadcn@latest add https://blockus.lndevui.com/r/login-07.json` |
| login-08 | registry:block | Login card with a remember-me checkbox and a Terms/Privacy disclaimer baked into the form footer. | `npx shadcn@latest add https://blockus.lndevui.com/r/login-08.json` |
| login-09 | registry:block | Six individual digit inputs with auto-advance focus — the 2FA confirmation screen ready to drop in. | `npx shadcn@latest add https://blockus.lndevui.com/r/login-09.json` |
| login-10 | registry:block | Pure-black login card with a terminal-pill header and a mono-styled sign-in button — designed for dev tools. | `npx shadcn@latest add https://blockus.lndevui.com/r/login-10.json` |
| login-11 | registry:block | Full-width black brand panel on the left with the marketing statement, login form on the right. | `npx shadcn@latest add https://blockus.lndevui.com/r/login-11.json` |
| login-12 | registry:block | Centered login card with a row of integration wordmarks underneath as social proof. | `npx shadcn@latest add https://blockus.lndevui.com/r/login-12.json` |
| login-13 | registry:block | Frosted login card floating over a soft violet / pink radial gradient backdrop. | `npx shadcn@latest add https://blockus.lndevui.com/r/login-13.json` |
| login-14 | registry:block | Login form anchored inside an architectural crosshair frame — a quiet brand-forward auth screen. | `npx shadcn@latest add https://blockus.lndevui.com/r/login-14.json` |
| login-15 | registry:block | Login card with a clear forgot-password link plus a dashed call-out routing visitors to start a free trial. | `npx shadcn@latest add https://blockus.lndevui.com/r/login-15.json` |
| register-01 | registry:block | Sister to login-01 — centered card with full name, email, password and a primary Create-account CTA. | `npx shadcn@latest add https://blockus.lndevui.com/r/register-01.json` |
| register-02 | registry:block | Headline-led signup with a single pill-shaped email + button — for ungated lead capture. | `npx shadcn@latest add https://blockus.lndevui.com/r/register-02.json` |
| register-03 | registry:block | Three-step sign-up — You, Team, Plan — with a progress bar and plan radio cards on the final step. | `npx shadcn@latest add https://blockus.lndevui.com/r/register-03.json` |
| register-04 | registry:block | Continue-with-Google / GitHub buttons up top and a Continue-with-email form below the divider. | `npx shadcn@latest add https://blockus.lndevui.com/r/register-04.json` |
| register-05 | registry:block | Trial-focused signup card with reassurance pills — Free for 14 days, no card required. | `npx shadcn@latest add https://blockus.lndevui.com/r/register-05.json` |
| register-06 | registry:block | Marketing testimonial panel on the left, sign-up form on the right — the SaaS classic. | `npx shadcn@latest add https://blockus.lndevui.com/r/register-06.json` |
| register-07 | registry:block | Feature tiles on the left, sign-up form on the right — communicates value while collecting the email. | `npx shadcn@latest add https://blockus.lndevui.com/r/register-07.json` |
| register-08 | registry:block | Centered card with an icon, social-proof headline and a single email-plus-button input. | `npx shadcn@latest add https://blockus.lndevui.com/r/register-08.json` |
| register-09 | registry:block | Full sign-up card with first / last name, terms checkbox and a marketing-emails opt-in. | `npx shadcn@latest add https://blockus.lndevui.com/r/register-09.json` |
| register-10 | registry:block | Compact sign-up card with a row of customer wordmarks beneath as social proof. | `npx shadcn@latest add https://blockus.lndevui.com/r/register-10.json` |
| register-11 | registry:block | Sign-up form on the left, a mini dashboard mock-up on the right showing what they unlock. | `npx shadcn@latest add https://blockus.lndevui.com/r/register-11.json` |
| register-12 | registry:block | Pure-black sign-up card with frosted inputs — pairs with login-10 for dev-facing products. | `npx shadcn@latest add https://blockus.lndevui.com/r/register-12.json` |
| register-13 | registry:block | Inverted brand panel on the left with the marketing pitch, sign-up form on the right. | `npx shadcn@latest add https://blockus.lndevui.com/r/register-13.json` |
| register-14 | registry:block | Frosted sign-up card hovering over a teal / pink radial gradient — pairs with login-13. | `npx shadcn@latest add https://blockus.lndevui.com/r/register-14.json` |
| register-15 | registry:block | Picked plan summary on the left, account form on the right — connects pricing CTA to checkout. | `npx shadcn@latest add https://blockus.lndevui.com/r/register-15.json` |
| logo-cloud-01 | registry:block | Six-logo strip under a one-line trust headline — the safe default trust row for any landing page. | `npx shadcn@latest add https://blockus.lndevui.com/r/logo-cloud-01.json` |
| logo-cloud-02 | registry:block | Eight wordmarks arranged in a hairline-divided grid — feels like a tidy customer wall. | `npx shadcn@latest add https://blockus.lndevui.com/r/logo-cloud-02.json` |
| logo-cloud-03 | registry:block | Infinite-scrolling marquee of customer wordmarks with edge fades — set-and-forget social proof. | `npx shadcn@latest add https://blockus.lndevui.com/r/logo-cloud-03.json` |
| logo-cloud-04 | registry:block | Each logo card carries a tiny meta-label (Case study, Hackathon, Customer) for an honest trust row. | `npx shadcn@latest add https://blockus.lndevui.com/r/logo-cloud-04.json` |
| logo-cloud-05 | registry:block | Massive headline with a hard customer count, anchored by a row of six wordmarks below. | `npx shadcn@latest add https://blockus.lndevui.com/r/logo-cloud-05.json` |
| logo-cloud-06 | registry:block | Three case-study cards — each pairing a logo with a single numeric outcome and a short caption. | `npx shadcn@latest add https://blockus.lndevui.com/r/logo-cloud-06.json` |
| logo-cloud-07 | registry:block | Two side-by-side cards combining a customer logo with a serif-set quote and an attributed author. | `npx shadcn@latest add https://blockus.lndevui.com/r/logo-cloud-07.json` |
| logo-cloud-08 | registry:block | Four-cell stat grid above a logo strip — quantitative trust plus visual trust on one band. | `npx shadcn@latest add https://blockus.lndevui.com/r/logo-cloud-08.json` |
| logo-cloud-09 | registry:block | Wordmarks wrapped in rounded pill chips so they read as a brand tag cloud instead of a row. | `npx shadcn@latest add https://blockus.lndevui.com/r/logo-cloud-09.json` |
| logo-cloud-10 | registry:block | Twelve-logo grid where each card lifts and crystallises on hover — interactive trust strip. | `npx shadcn@latest add https://blockus.lndevui.com/r/logo-cloud-10.json` |
| logo-cloud-11 | registry:block | Two opposing marquees — top scrolls left, bottom scrolls right — for richer movement in the trust band. | `npx shadcn@latest add https://blockus.lndevui.com/r/logo-cloud-11.json` |
| logo-cloud-12 | registry:block | Inverted logo wall with a subtle indigo glow — pairs naturally with dark landing pages. | `npx shadcn@latest add https://blockus.lndevui.com/r/logo-cloud-12.json` |
| logo-cloud-13 | registry:block | Centered cloud with a live-deployment pill on top and a soft sky glow behind the headline. | `npx shadcn@latest add https://blockus.lndevui.com/r/logo-cloud-13.json` |
| logo-cloud-14 | registry:block | Logos grouped by category — Developer tools / Productivity / AI — each in its own labeled row. | `npx shadcn@latest add https://blockus.lndevui.com/r/logo-cloud-14.json` |
| logo-cloud-15 | registry:block | Big featured-customer card with a quiet row of the rest underneath — useful when one brand carries the proof. | `npx shadcn@latest add https://blockus.lndevui.com/r/logo-cloud-15.json` |
| header-01 | registry:block | Logo + flat nav links with an active-state chip + Login / Get-started CTAs — the bread-and-butter site header. | `npx shadcn@latest add https://blockus.lndevui.com/r/header-01.json` |
| header-02 | registry:block | Three-column grid header — logo left, centered nav, CTAs on the right with a ghost Login and primary button. | `npx shadcn@latest add https://blockus.lndevui.com/r/header-02.json` |
| header-03 | registry:block | Top utility band with a live status dot, a dismissible New badge and a changelog link, plus two NavigationMenu dropdowns on the nav row — Product categories an… | `npx shadcn@latest add https://blockus.lndevui.com/r/header-03.json` |
| header-04 | registry:block | Product + Solutions triggers open a full NavigationMenu — feature grid for Product, two-column Use cases / Content for Solutions. | `npx shadcn@latest add https://blockus.lndevui.com/r/header-04.json` |
| header-05 | registry:block | Logo, Product + Solutions NavigationMenu dropdowns, flat links and the Sign-in pill — everything tucked into one rounded backdrop-blurred pill. | `npx shadcn@latest add https://blockus.lndevui.com/r/header-05.json` |
| header-06 | registry:block | Sticky top bar that swaps to a translucent blur once the page scrolls past 8px, with a NavigationMenu Pricing dropdown comparing the three tiers inline. | `npx shadcn@latest add https://blockus.lndevui.com/r/header-06.json` |
| header-07 | registry:block | Logo on the left, centered rounded pill with two NavigationMenu dropdowns (Product + Solutions) and ghost Sign-in plus a glowing indigo Start-for-free CTA on t… | `npx shadcn@latest add https://blockus.lndevui.com/r/header-07.json` |
| header-10 | registry:block | Search-styled ⌘K trigger height-matched with the Sign-in button, plus a Developers NavigationMenu listing CLI, registry tokens, MCP and GitHub Action. | `npx shadcn@latest add https://blockus.lndevui.com/r/header-10.json` |
| header-11 | registry:block | Inverted dark header with a glowing indigo Start-free button and ghost Sign-in — pairs with dark heroes. | `npx shadcn@latest add https://blockus.lndevui.com/r/header-11.json` |
| header-12 | registry:block | Top thin row carries email, phone and a locale switcher; main row carries the brand + nav + CTAs. | `npx shadcn@latest add https://blockus.lndevui.com/r/header-12.json` |
| header-13 | registry:block | Logo + active-aware app nav + an avatar pill that pops a profile / settings / billing / sign-out menu. | `npx shadcn@latest add https://blockus.lndevui.com/r/header-13.json` |
| header-14 | registry:block | Slim utility row on top (by-line + secondary links), main brand + nav + CTA row below. | `npx shadcn@latest add https://blockus.lndevui.com/r/header-14.json` |
| header-15 | registry:block | Frosted header card with a soft violet-to-pink corner gradient and two NavigationMenu dropdowns — outcome-led Use cases and audience-led Industries. | `npx shadcn@latest add https://blockus.lndevui.com/r/header-15.json` |
| header-16 | registry:block | Header with a live shipped-version pill that pings, linking to the changelog — broadcasts product velocity. | `npx shadcn@latest add https://blockus.lndevui.com/r/header-16.json` |
| hero-17 | registry:block | Centered hero with a hand-drawn underline accent, capability pill row and a tilted blue gradient frame holding a full CRM appointments mockup at the bottom. | `npx shadcn@latest add https://blockus.lndevui.com/r/hero-17.json` |
| hero-18 | registry:block | Centered hero with a live status pill, three-line headline, dual CTAs, partner wordmark row and a clean dashboard mockup with metric tiles, weekly revenue char… | `npx shadcn@latest add https://blockus.lndevui.com/r/hero-18.json` |
| hero-19 | registry:block | Two-column hero pairing a serif-feel headline with a sculpted 3D pentagonal blob on the right and a Used-by logo row anchoring the bottom. | `npx shadcn@latest add https://blockus.lndevui.com/r/hero-19.json` |
| hero-20 | registry:block | Pure-dark hero with copy on top and two side-by-side wallet cards — total balance with sparkline plus an accounts list — anchored by a live-updates caption. | `npx shadcn@latest add https://blockus.lndevui.com/r/hero-20.json` |
| hero-21 | registry:block | Dark hero with diagonal violet light beams slicing across the canvas, an emerald Get-Started CTA in the nav and a Loved-by world's best logo row. | `npx shadcn@latest add https://blockus.lndevui.com/r/hero-21.json` |
| how-it-works-01 | registry:block | Centered three-column path with numbered icons, kicker, headline and a single Get-started CTA. | `npx shadcn@latest add https://blockus.lndevui.com/r/how-it-works-01.json` |
| how-it-works-02 | registry:block | Four-step vertical timeline with dashed rail, numbered nodes and an icon per step. | `npx shadcn@latest add https://blockus.lndevui.com/r/how-it-works-02.json` |
| how-it-works-03 | registry:block | Three product-flow steps — Capture, Verify, Settle — each card paired with a faithful mini UI mock (payment form, risk checks, receipt). | `npx shadcn@latest add https://blockus.lndevui.com/r/how-it-works-03.json` |
| how-it-works-04 | registry:block | Sticky headline on the left, scrolling numbered cards on the right — each with a board / code / funnel mock to make the step concrete. | `npx shadcn@latest add https://blockus.lndevui.com/r/how-it-works-04.json` |
| how-it-works-05 | registry:block | Compact four-step row connected by dashed arrows — fastest at-a-glance pipeline diagram for an above-the-fold band. | `npx shadcn@latest add https://blockus.lndevui.com/r/how-it-works-05.json` |
| how-it-works-06 | registry:block | Four steps arranged as a mixed-span bento — catalog tiles, terminal pane, theme swatch row and a metric summary CTA. | `npx shadcn@latest add https://blockus.lndevui.com/r/how-it-works-06.json` |
| how-it-works-07 | registry:block | Pure-dark how-it-works with three terminal panes — one per step — showing real CLI output and a glowing primary CTA. | `npx shadcn@latest add https://blockus.lndevui.com/r/how-it-works-07.json` |
| how-it-works-08 | registry:block | Serif-typeset how-we-work with roman-numeral chapters, kickers and an artifact card per step — perfect for studio sites. | `npx shadcn@latest add https://blockus.lndevui.com/r/how-it-works-08.json` |
| stats-01 | registry:block | Centered headline above a hairline-divided three-stat row — the safe default metric band. | `npx shadcn@latest add https://blockus.lndevui.com/r/stats-01.json` |
| stats-02 | registry:block | Four metric tiles with kicker, value and one-line context each — works on every neutral page. | `npx shadcn@latest add https://blockus.lndevui.com/r/stats-02.json` |
| stats-03 | registry:block | Three stats over a dotted world-map backdrop with a live status pill — feels like a global trust band. | `npx shadcn@latest add https://blockus.lndevui.com/r/stats-03.json` |
| stats-04 | registry:block | Sticky headline on the left, vertically-stacked metrics with color accent bars on the right. | `npx shadcn@latest add https://blockus.lndevui.com/r/stats-04.json` |
| stats-05 | registry:block | Four-tile bento mixing large sparkline cards with compact delta tiles — uptime, growth and snapshot metrics in one. | `npx shadcn@latest add https://blockus.lndevui.com/r/stats-05.json` |
| stats-06 | registry:block | Two big metric tiles next to a dark testimonial card — quantitative and social proof on a single band. | `npx shadcn@latest add https://blockus.lndevui.com/r/stats-06.json` |
| stats-07 | registry:block | Three large metric cards, each topped with its own sparkline and quarter-by-quarter rail. | `npx shadcn@latest add https://blockus.lndevui.com/r/stats-07.json` |
| stats-08 | registry:block | Serif-typeset stats — each row pairs an oversized numeric with a narrative paragraph. | `npx shadcn@latest add https://blockus.lndevui.com/r/stats-08.json` |
| testimonials-01 | registry:block | One serif quote, five stars and an avatar — the bread-and-butter testimonial band. | `npx shadcn@latest add https://blockus.lndevui.com/r/testimonials-01.json` |
| testimonials-02 | registry:block | Three quote cards in a clean grid, each with a star rating, body and gradient avatar. | `npx shadcn@latest add https://blockus.lndevui.com/r/testimonials-02.json` |
| testimonials-03 | registry:block | Single big editorial quote card with a brand wordmark header and a serif-cut opening glyph. | `npx shadcn@latest add https://blockus.lndevui.com/r/testimonials-03.json` |
| testimonials-04 | registry:block | Two-column testimonial — a light card next to a dark inverted card for visual contrast. | `npx shadcn@latest add https://blockus.lndevui.com/r/testimonials-04.json` |
| testimonials-05 | registry:block | Single big quote with prev / next arrows and a dot nav — cycles through four customer quotes. | `npx shadcn@latest add https://blockus.lndevui.com/r/testimonials-05.json` |
| testimonials-06 | registry:block | Mixed-span bento of customer quotes — large brand-logo cards next to compact text cards. | `npx shadcn@latest add https://blockus.lndevui.com/r/testimonials-06.json` |
| testimonials-07 | registry:block | Two case-study cards pairing a brand logo, a numeric outcome metric and a quote with a Read-case-study link. | `npx shadcn@latest add https://blockus.lndevui.com/r/testimonials-07.json` |
| testimonials-08 | registry:block | Crosshair-framed band with 4.9 / 5 headline, a Read-more-customer-stories CTA and a logo strip. | `npx shadcn@latest add https://blockus.lndevui.com/r/testimonials-08.json` |
| header-08 | registry:block | The actual blockus marketing header — sticky border-b row with logo, flat nav and Sign-in / Get-the-catalog pill CTAs. Mobile drawer pushes the nav into 3xl ta… | `npx shadcn@latest add https://blockus.lndevui.com/r/header-08.json` |
| header-09 | registry:block | Authenticated variant of the marketing header — Pricing drops out of the nav, the right-side CTAs are replaced by an avatar pill that opens a tier-aware Accoun… | `npx shadcn@latest add https://blockus.lndevui.com/r/header-09.json` |
| hero-22 | registry:block | Dark-canvas variation of the blockus opening — same sticky non-auth header and crosshair-framed dotted backdrop, inverted to stone-950 with a live-shipping pil… | `npx shadcn@latest add https://blockus.lndevui.com/r/hero-22.json` |
| hero-23 | registry:block | Editorial serif variation of the blockus opening — serif wordmark, 4.9 / 5 customer-rating pill, hand-set headline and a logo strip of teams reading along unde… | `npx shadcn@latest add https://blockus.lndevui.com/r/hero-23.json` |
| contact-16 | registry:block | Stripped-back centered contact form with name, email, and message — no distractions, just the essentials. | `npx shadcn@latest add https://blockus.lndevui.com/r/contact-16.json` |
| contact-17 | registry:block | Two-column layout with a contact form on the left and contact details plus a styled map placeholder on the right. | `npx shadcn@latest add https://blockus.lndevui.com/r/contact-17.json` |
| contact-18 | registry:block | Contact form with a segmented department picker (Sales / Support / Billing) that updates the placeholder and hint copy. | `npx shadcn@latest add https://blockus.lndevui.com/r/contact-18.json` |
| contact-19 | registry:block | Three-column card grid routing visitors to Sales, Support, and Press — each with an icon, blurb, and direct email CTA. | `npx shadcn@latest add https://blockus.lndevui.com/r/contact-19.json` |
| contact-20 | registry:block | Booking-style contact section where visitors pick a reason and a preferred time slot via chip selectors before submitting. | `npx shadcn@latest add https://blockus.lndevui.com/r/contact-20.json` |
| contact-21 | registry:block | Always-dark stone-950 section with a large editorial headline on the left and a compact inline form on the right. | `npx shadcn@latest add https://blockus.lndevui.com/r/contact-21.json` |
| contact-22 | registry:block | Full contact form paired with a side column listing office cities, addresses, and opening hours. | `npx shadcn@latest add https://blockus.lndevui.com/r/contact-22.json` |
| faqs-16 | registry:block | Minimal centered FAQ with a clean accordion and inline email CTA — no frills, just answers. | `npx shadcn@latest add https://blockus.lndevui.com/r/faqs-16.json` |
| faqs-17 | registry:block | Eight Q&A pairs in a hairline-bordered two-column grid — scannable without any interactive overhead. | `npx shadcn@latest add https://blockus.lndevui.com/r/faqs-17.json` |
| faqs-18 | registry:block | Sticky left panel with headline and contact CTA card anchors while the accordion scrolls independently on the right. | `npx shadcn@latest add https://blockus.lndevui.com/r/faqs-18.json` |
| faqs-19 | registry:block | Four topic tabs switch which Q&A set renders — keeps long lists scannable without a search input. | `npx shadcn@latest add https://blockus.lndevui.com/r/faqs-19.json` |
| faqs-20 | registry:block | Rounded search input narrows a ten-item accordion in real time, with a graceful empty state and question counter. | `npx shadcn@latest add https://blockus.lndevui.com/r/faqs-20.json` |
| faqs-21 | registry:block | Always-dark stone-950 canvas with outsized mono question numbers — high contrast, typographically driven. | `npx shadcn@latest add https://blockus.lndevui.com/r/faqs-21.json` |
| faqs-22 | registry:block | Standard FAQ accordion capped with an avatar cluster support card and a contact CTA. | `npx shadcn@latest add https://blockus.lndevui.com/r/faqs-22.json` |
| footer-16 | registry:block | Centered logo, single horizontal nav row, social icon buttons, and a copyright line — the cleanest possible footer. | `npx shadcn@latest add https://blockus.lndevui.com/r/footer-16.json` |
| footer-17 | registry:block | Brand mark and tagline anchored left, a compact vertical nav list on the right — sparse and intentional. | `npx shadcn@latest add https://blockus.lndevui.com/r/footer-17.json` |
| footer-18 | registry:block | Newsletter signup band at the top, four nav columns below, and a legal bar with language select and social icons. | `npx shadcn@latest add https://blockus.lndevui.com/r/footer-18.json` |
| footer-19 | registry:block | A full-bleed radial-gradient 'blockus' wordmark sits behind three compact nav columns, creating depth without imagery. | `npx shadcn@latest add https://blockus.lndevui.com/r/footer-19.json` |
| footer-20 | registry:block | A high-contrast 'Start building today' CTA band flows directly into the footer below, sharing the same background plane. | `npx shadcn@latest add https://blockus.lndevui.com/r/footer-20.json` |
| footer-21 | registry:block | Animated green status pill, a language selector, and social icon row — compact and production-aware. | `npx shadcn@latest add https://blockus.lndevui.com/r/footer-21.json` |
| footer-22 | registry:block | Three full nav columns beside a brand panel with App Store and Google Play download badges and social links. | `npx shadcn@latest add https://blockus.lndevui.com/r/footer-22.json` |
| footer-23 | registry:block | Oversized serif wordmark as the editorial anchor, full four-column sitemap, pill-style social row, and fine-print bar. | `npx shadcn@latest add https://blockus.lndevui.com/r/footer-23.json` |
| footer-24 | registry:block | An embedded two-column layout with a compact contact mini-form on the left and office location cards on the right. | `npx shadcn@latest add https://blockus.lndevui.com/r/footer-24.json` |
| hero-24 | registry:block | Zero-decoration, whitespace-first hero with a small eyebrow label, a single oversized tracking-tight headline, one subline, and a pill CTA — the clean baseline. | `npx shadcn@latest add https://blockus.lndevui.com/r/hero-24.json` |
| hero-25 | registry:block | Left-aligned copy with a right-side bento grid of three interactive app panels: a live dashboard, an activity feed, and a team roster. | `npx shadcn@latest add https://blockus.lndevui.com/r/hero-25.json` |
| hero-26 | registry:block | Centered copy on a soft multi-radial gradient background, paired with a glassy outlined CTA + solid CTA, and a floating analytics product card below the fold. | `npx shadcn@latest add https://blockus.lndevui.com/r/hero-26.json` |
| hero-27 | registry:block | Centered hero with an inline email-capture form beneath the headline, confirmed state on submit, and a stacked avatar row with a live-count social proof label. | `npx shadcn@latest add https://blockus.lndevui.com/r/hero-27.json` |
| hero-28 | registry:block | Left copy with trust badges and a right column of three depth-stacked notification cards that overlap to suggest a live activity feed. | `npx shadcn@latest add https://blockus.lndevui.com/r/hero-28.json` |
| hero-29 | registry:block | Centered headline and CTAs above a browser-framed video thumbnail card with a play-button overlay that toggles a playing state on click. | `npx shadcn@latest add https://blockus.lndevui.com/r/hero-29.json` |
| hero-30 | registry:block | Centered phone-frame device mock with a live-looking app screen, flanked by iOS App Store and Google Play download badge buttons. | `npx shadcn@latest add https://blockus.lndevui.com/r/hero-30.json` |
| login-16 | registry:block | Clean centered card with Google and Apple social buttons above a standard email/password form. | `npx shadcn@latest add https://blockus.lndevui.com/r/login-16.json` |
| login-17 | registry:block | Two-column layout with a logo-trust panel and rotating customer quote on the left, minimal form on the right. | `npx shadcn@latest add https://blockus.lndevui.com/r/login-17.json` |
| login-18 | registry:block | Six individual digit boxes with auto-advance, paste support, and keyboard navigation for OTP verification. | `npx shadcn@latest add https://blockus.lndevui.com/r/login-18.json` |
| login-19 | registry:block | Four stacked provider buttons (Google, Apple, GitHub, Microsoft) with an or-email divider and a single email field below. | `npx shadcn@latest add https://blockus.lndevui.com/r/login-19.json` |
| login-20 | registry:block | Always-dark stone-950 canvas with a radial indigo glow behind the card and a frosted-glass form panel. | `npx shadcn@latest add https://blockus.lndevui.com/r/login-20.json` |
| login-21 | registry:block | Side-by-side layout pairing a testimonial panel with a login form that includes a remember-me checkbox and forgot-password link. | `npx shadcn@latest add https://blockus.lndevui.com/r/login-21.json` |
| login-22 | registry:block | Email field submits a magic-link request and transitions to a confirmation state showing where the link was sent. | `npx shadcn@latest add https://blockus.lndevui.com/r/login-22.json` |
| register-16 | registry:block | Minimal centered card with name, email, password, and a sign-in link — the cleanest path to account creation. | `npx shadcn@latest add https://blockus.lndevui.com/r/register-16.json` |
| register-17 | registry:block | Two-column layout pairing a feature checklist and testimonial on the left with a full sign-up form on the right. | `npx shadcn@latest add https://blockus.lndevui.com/r/register-17.json` |
| register-18 | registry:block | Three-step wizard — account credentials, profile details, and a confirmation screen — with an animated progress stepper. | `npx shadcn@latest add https://blockus.lndevui.com/r/register-18.json` |
| register-19 | registry:block | Live four-segment strength bar and per-rule checklist that update as the user types, with the submit button disabled until the bar hits Fair. | `npx shadcn@latest add https://blockus.lndevui.com/r/register-19.json` |
| register-20 | registry:block | Two-column layout showing a Pro plan summary card with pricing and benefits beside the account creation form. | `npx shadcn@latest add https://blockus.lndevui.com/r/register-20.json` |
| register-21 | registry:block | Always-dark stone-950 canvas with Google, GitHub, and Microsoft provider buttons above a traditional email/password fallback. | `npx shadcn@latest add https://blockus.lndevui.com/r/register-21.json` |
| register-22 | registry:block | Owner credentials at the top, plus a dynamic list of teammate email inputs (up to 9) that can be added or removed inline. | `npx shadcn@latest add https://blockus.lndevui.com/r/register-22.json` |
| logo-cloud-16 | registry:block | Single-row grayscale logo strip with a small uppercase kicker — the leanest trust signal you can drop into any page. | `npx shadcn@latest add https://blockus.lndevui.com/r/logo-cloud-16.json` |
| logo-cloud-17 | registry:block | 12-logo grid with hairline dividers forming a bento-like structure — each cell highlights on hover. | `npx shadcn@latest add https://blockus.lndevui.com/r/logo-cloud-17.json` |
| logo-cloud-18 | registry:block | Two rows of logos scrolling in opposite directions via pure CSS keyframes — no JS required. | `npx shadcn@latest add https://blockus.lndevui.com/r/logo-cloud-18.json` |
| logo-cloud-19 | registry:block | Oversized trust stat (4,000+ teams) flanked by supporting metrics, with a logo strip anchored below a divider. | `npx shadcn@latest add https://blockus.lndevui.com/r/logo-cloud-19.json` |
| logo-cloud-20 | registry:block | Logos organized into labeled columns by vertical (Fintech, Dev tools, AI & data, Media) inside a bordered bento grid. | `npx shadcn@latest add https://blockus.lndevui.com/r/logo-cloud-20.json` |
| header-17 | registry:block | Logo left, nav center, ghost sign-in and solid pill CTA right — mobile nav opens in a Sheet slide-out. | `npx shadcn@latest add https://blockus.lndevui.com/r/header-17.json` |
| header-18 | registry:block | NavigationMenu with a 3-column product grid and a compact resources dropdown, mobile-friendly sheet fallback. | `npx shadcn@latest add https://blockus.lndevui.com/r/header-18.json` |
| header-19 | registry:block | Centered rounded-full nav bar with backdrop blur and a collapsing dropdown panel below it on mobile. | `npx shadcn@latest add https://blockus.lndevui.com/r/header-19.json` |
| header-20 | registry:block | A collapsible top banner for release announcements sits above the main nav and persists in the mobile sheet when dismissed. | `npx shadcn@latest add https://blockus.lndevui.com/r/header-20.json` |
| header-21 | registry:block | Compact contact + social utility bar above a full main nav row — standard for enterprise and e-commerce sites. | `npx shadcn@latest add https://blockus.lndevui.com/r/header-21.json` |
| header-22 | registry:block | A search trigger pill that opens a command-palette style Dialog with quick links and recent searches on ⌘K. | `npx shadcn@latest add https://blockus.lndevui.com/r/header-22.json` |
| header-23 | registry:block | Always-dark stone-950 canvas with a violet-to-sky gradient underline that animates in on active and hover states. | `npx shadcn@latest add https://blockus.lndevui.com/r/header-23.json` |
| header-24 | registry:block | Two-row retail header: logo + search + account/cart icons on top, category nav strip below — cart count badge included. | `npx shadcn@latest add https://blockus.lndevui.com/r/header-24.json` |
| how-it-works-09 | registry:block | Minimal 3-step section with numbered circles, a full-width connector line and a centered CTA — no icons, type does the work. | `npx shadcn@latest add https://blockus.lndevui.com/r/how-it-works-09.json` |
| how-it-works-10 | registry:block | 4-step vertical checklist with lucide icons in bordered circles, a thin spine connector and generous left-aligned prose. | `npx shadcn@latest add https://blockus.lndevui.com/r/how-it-works-10.json` |
| how-it-works-11 | registry:block | 4-step left/right alternating layout anchored by a vertical spine with primary-coloured connector dots and bordered cards. | `npx shadcn@latest add https://blockus.lndevui.com/r/how-it-works-11.json` |
| how-it-works-12 | registry:block | Click-driven 4-step stepper with a sticky preview panel that swaps its content per active step — built with useState. | `npx shadcn@latest add https://blockus.lndevui.com/r/how-it-works-12.json` |
| how-it-works-13 | registry:block | Tabs primitive drives a 3-phase layout where each tab reveals step prose alongside a contextual mock UI panel. | `npx shadcn@latest add https://blockus.lndevui.com/r/how-it-works-13.json` |
| how-it-works-14 | registry:block | 4-step bento layout with mixed-size tiles, oversized watermark numerals and one accent tile — no icons needed. | `npx shadcn@latest add https://blockus.lndevui.com/r/how-it-works-14.json` |
| how-it-works-15 | registry:block | 5-stage horizontal pipeline with arrow connectors, equal-weight cards and a gradient progress bar beneath the flow. | `npx shadcn@latest add https://blockus.lndevui.com/r/how-it-works-15.json` |
| how-it-works-16 | registry:block | Always-dark bg-stone-950 canvas with three columns, oversized faded step numbers as background texture and clean prose. | `npx shadcn@latest add https://blockus.lndevui.com/r/how-it-works-16.json` |
| how-it-works-17 | registry:block | 4-step vertical timeline on a left border spine; each step carries a terminal-styled code card showing the exact command. | `npx shadcn@latest add https://blockus.lndevui.com/r/how-it-works-17.json` |
| how-it-works-18 | registry:block | Two-column before/after split with bullet lists, X/checkmark icons and a centred arrow divider — clear contrast CTA below. | `npx shadcn@latest add https://blockus.lndevui.com/r/how-it-works-18.json` |
| stats-09 | registry:block | Four big numbers in a 2×2 / 4-column bordered grid, centered text, no headline clutter. | `npx shadcn@latest add https://blockus.lndevui.com/r/stats-09.json` |
| stats-10 | registry:block | Three metrics under a kicker headline and subtitle, arranged in a clean centered flex row. | `npx shadcn@latest add https://blockus.lndevui.com/r/stats-10.json` |
| stats-11 | registry:block | Four bordered cards each leading with a lucide icon, a large number, and a one-line body. | `npx shadcn@latest add https://blockus.lndevui.com/r/stats-11.json` |
| stats-12 | registry:block | Headline and copy on the left; a vertical list of metrics with up/down trend pills on the right. | `npx shadcn@latest add https://blockus.lndevui.com/r/stats-12.json` |

## For AI agents

```text
You are adding components from @blockus to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/blockus.md) for the component list.
2. Fetch the machine-readable index: https://blockus.lndevui.com/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: blockus).
```