sh4dcnv2 · atlas
← libraries

@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.

60 components react shadcn-cli

Install this registry

shadcn (npm) npx shadcn@latest add https://blockus.lndevui.com/r/registry.json
pnpm pnpm dlx shadcn@latest add https://blockus.lndevui.com/r/registry.json
bun bunx shadcn@latest add https://blockus.lndevui.com/r/registry.json
fetch registry curl -s https://blockus.lndevui.com/r/registry.json

Components

60 total
Aurora-glow hero 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
blockus marketing hero 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
Split hero with terminal preview 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 with cycling word 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
Editorial newspaper hero 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
Dashboard split hero 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
Spotlight serif hero 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
Beam-of-light hero 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
Stats-grid hero 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
Spotlight cursor hero 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
Bento feature hero 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
Marquee badge hero 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
Lifetime spotlight pricing 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
Three-tier comparison 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
Monthly / yearly toggle 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
Inline pricing pills 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
Team-seat slider pricing 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
Service-tier pricing cards 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
Comparison matrix pricing 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
Mega-offer pricing 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
Stacked accordion pricing 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
Usage-based pricing 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
Pay-what-you-want 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
Multi-currency pricing 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
Annual savings spotlight 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
Modular add-on builder 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
Testimonial-paired pricing 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
Two-plan side-by-side 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
Single centered plan card 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
Three-tier monthly/yearly toggle 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
Feature comparison grid 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
Usage-based range slider 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
Four compact tier row 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 cards with FAQ accordion 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
Dark high-contrast spotlight 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
Pro + Enterprise split 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
Per-seat stepper pricing 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
Lifetime deal card 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 with mission statement 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
Mega wordmark footer 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
CTA footer 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
Newsletter centerpiece footer 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
Dark card footer 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
Floating CTA footer 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
Integration-logos footer 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
Status + newsletter footer 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
Compact one-row footer 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
Locations footer 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
Sticky CTA bar footer 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
Product-grid footer 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
Gradient brand footer 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
Testimonial rail footer 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
Big-type minimalist footer 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
AI analytics dashboard hero 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
Big-type cream hero with mega menu 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
Dark issue-tracker hero 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
Serif notebook hero with mega menu 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
Centered contact form 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
Split contact with details 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
Three-channel contact cards 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