sh4dcnv2 · atlas
← libraries

@blockforge

170+ production-grade shadcn/ui blocks, forged to ship. Full source in TypeScript + Tailwind CSS, plus a page builder and starter pages. Copy, paste, ship.

131 components pro available react shadcn-cli

Install this registry

shadcn (npm) npx shadcn@latest add https://blockforge.terravidhal.me/r/registry.json
pnpm pnpm dlx shadcn@latest add https://blockforge.terravidhal.me/r/registry.json
bun bunx shadcn@latest add https://blockforge.terravidhal.me/r/registry.json
fetch registry curl -s https://blockforge.terravidhal.me/r/registry.json

Components

131 total
Hero Centered block

Badge, headline and dual CTAs over a blueprint grid.

npx shadcn@latest add https://blockforge.terravidhal.me/r/hero-centered.json
Hero Split block

Copy and highlights beside a live deploy-log panel.

npx shadcn@latest add https://blockforge.terravidhal.me/r/hero-split.json
Hero Simple block

Quiet left-aligned opener with a single CTA.

npx shadcn@latest add https://blockforge.terravidhal.me/r/hero-simple.json
Pricing Spec Sheet block

One-price offer laid out like a technical spec card.

npx shadcn@latest add https://blockforge.terravidhal.me/r/pricing-spec-sheet.json
Pricing Tiers block

Three plans with an inverted featured tier.

npx shadcn@latest add https://blockforge.terravidhal.me/r/pricing-tiers.json
Pricing Simple block

A single price, centered, nothing to compare.

npx shadcn@latest add https://blockforge.terravidhal.me/r/pricing-simple.json
CTA Banner block

Full-width inverted band with one decisive action.

npx shadcn@latest add https://blockforge.terravidhal.me/r/cta-banner.json
CTA Boxed block

Bordered call-to-action card over a fading grid.

npx shadcn@latest add https://blockforge.terravidhal.me/r/cta-boxed.json
CTA Minimal block

A headline and a single link. Confidence as design.

npx shadcn@latest add https://blockforge.terravidhal.me/r/cta-minimal.json
Testimonials Grid block

Six quotes in a balanced three-column grid.

npx shadcn@latest add https://blockforge.terravidhal.me/r/testimonials-grid.json
Testimonial Featured block

One oversized quote given the room it deserves.

npx shadcn@latest add https://blockforge.terravidhal.me/r/testimonial-featured.json
Footer Columns block

Brand column plus three link groups.

npx shadcn@latest add https://blockforge.terravidhal.me/r/footer-columns.json
Footer Minimal block

Copyright and links in a single quiet row.

npx shadcn@latest add https://blockforge.terravidhal.me/r/footer-minimal.json
Hero Terminal block

Dev-tool opener with a live terminal card and copyable install command.

npx shadcn@latest add https://blockforge.terravidhal.me/r/hero-terminal.json
Bento Product Grid block

Asymmetric feature grid anchored by a live analytics panel and deploy log.

npx shadcn@latest add https://blockforge.terravidhal.me/r/bento-product-grid.json
Bento Feature Cells block

Four principles in a balanced two-row bento.

npx shadcn@latest add https://blockforge.terravidhal.me/r/bento-feature-cells.json
FAQ Accordion block

Expandable answers with a human escape hatch at the end.

npx shadcn@latest add https://blockforge.terravidhal.me/r/faq-accordion.json
FAQ Columns block

Scannable two-column Q&A grouped by topic.

npx shadcn@latest add https://blockforge.terravidhal.me/r/faq-columns.json
Contact Split block

Accessible form beside a direct-contact panel on a fading grid.

npx shadcn@latest add https://blockforge.terravidhal.me/r/contact-split.json
Contact Minimal block

One email address, one promise, one median response time.

npx shadcn@latest add https://blockforge.terravidhal.me/r/contact-minimal.json
Blog Featured Grid block

One lead story with three compact posts beside it.

npx shadcn@latest add https://blockforge.terravidhal.me/r/blog-featured-grid.json
Blog List block

Editorial index with a monospaced date column.

npx shadcn@latest add https://blockforge.terravidhal.me/r/blog-list.json
Header Simple block

Sticky-ready navbar: logo, links and two actions.

npx shadcn@latest add https://blockforge.terravidhal.me/r/header-simple.json
Header Status block

Navbar with announcement bar and a pulsing live-status indicator.

npx shadcn@latest add https://blockforge.terravidhal.me/r/header-status.json
Stats Hairline block

Four key numbers separated by construction hairlines.

npx shadcn@latest add https://blockforge.terravidhal.me/r/stats-hairline.json
Stats Panel block

Inverted metrics band with miniature bar charts.

npx shadcn@latest add https://blockforge.terravidhal.me/r/stats-panel.json
Logos Marquee block

Edge-faded wordmark marquee that gracefully freezes under reduced motion.

npx shadcn@latest add https://blockforge.terravidhal.me/r/logos-marquee.json
Testimonial Spotlight block

One customer story paired with the outcomes it produced.

npx shadcn@latest add https://blockforge.terravidhal.me/r/testimonial-spotlight.json
About Story block

Origin story beside the milestones that prove it.

npx shadcn@latest add https://blockforge.terravidhal.me/r/about-story.json
About Values block

Four commitments in a hairline-divided grid.

npx shadcn@latest add https://blockforge.terravidhal.me/r/about-values.json
Team Grid block

The whole team, monogram avatars, no stock photos.

npx shadcn@latest add https://blockforge.terravidhal.me/r/team-grid.json
Team Hiring block

Open roles as a clean list with a human fallback line.

npx shadcn@latest add https://blockforge.terravidhal.me/r/team-hiring.json
How Steps block

Three numbered steps on a vertical connector rail.

npx shadcn@latest add https://blockforge.terravidhal.me/r/how-steps.json
How Timeline block

A four-phase horizontal timeline with node markers.

npx shadcn@latest add https://blockforge.terravidhal.me/r/how-timeline.json
Banner Announcement block

Inverted announcement bar with dismiss affordance.

npx shadcn@latest add https://blockforge.terravidhal.me/r/banner-announcement.json
Banner Countdown block

Deadline banner with segmented countdown on hatching.

npx shadcn@latest add https://blockforge.terravidhal.me/r/banner-countdown.json
Login Card block

Centered sign-in: email, password, one social fallback.

npx shadcn@latest add https://blockforge.terravidhal.me/r/login-card.json
Login Split block

Sign-up form beside an inverted proof panel.

npx shadcn@latest add https://blockforge.terravidhal.me/r/login-split.json
Features List block

Six capabilities in a calm three-column rhythm.

npx shadcn@latest add https://blockforge.terravidhal.me/r/features-list.json
Features Comparison block

With-us versus do-it-yourself, row by honest row.

npx shadcn@latest add https://blockforge.terravidhal.me/r/features-comparison.json
App Showcase block

A detailed phone mockup beside offline-first feature copy.

npx shadcn@latest add https://blockforge.terravidhal.me/r/app-showcase.json
Coverage Map block

An abstract region network with live beacons and a stat strip.

npx shadcn@latest add https://blockforge.terravidhal.me/r/coverage-map.json
Gallery Showcase block

Product surfaces as CSS-drawn browser frames — no images needed.

npx shadcn@latest add https://blockforge.terravidhal.me/r/gallery-showcase.json
Gallery Grid block

Captioned tile gallery — swap the pattern tiles for real shots.

npx shadcn@latest add https://blockforge.terravidhal.me/r/gallery-grid.json
Integrations Grid block

Connectable services with installed states and monogram marks.

npx shadcn@latest add https://blockforge.terravidhal.me/r/integrations-grid.json
Integrations Hub block

Sources and destinations wired through one pulsing hub node.

npx shadcn@latest add https://blockforge.terravidhal.me/r/integrations-hub.json
CTA Newsletter block

Newsletter capture with an accessible form and honest numbers.

npx shadcn@latest add https://blockforge.terravidhal.me/r/cta-newsletter.json
Contact Offices block

Offices with mono coordinates, addresses and local hours.

npx shadcn@latest add https://blockforge.terravidhal.me/r/contact-offices.json
Timeline Roadmap block

Quarterly roadmap with shipped/building/planned statuses.

npx shadcn@latest add https://blockforge.terravidhal.me/r/timeline-roadmap.json
Timeline Milestones block

Company history on a vertical rail of year markers.

npx shadcn@latest add https://blockforge.terravidhal.me/r/timeline-milestones.json
Newsletter Split block

Signup beside a CSS-drawn preview of the actual email.

npx shadcn@latest add https://blockforge.terravidhal.me/r/newsletter-split.json
Newsletter Inline block

A slim capture band that slots between any two sections.

npx shadcn@latest add https://blockforge.terravidhal.me/r/newsletter-inline.json
Hero Metrics block

Claim up top, the proof rail of production numbers below.

npx shadcn@latest add https://blockforge.terravidhal.me/r/hero-metrics.json
Hero Waitlist block

Pre-launch capture with a queue count and avatar stack.

npx shadcn@latest add https://blockforge.terravidhal.me/r/hero-waitlist.json
Pricing Comparison block

Full plan-by-plan table with grouped feature rows.

npx shadcn@latest add https://blockforge.terravidhal.me/r/pricing-comparison.json
Bento Showcase block

Kanban, calendar, command palette and threads — all CSS.

npx shadcn@latest add https://blockforge.terravidhal.me/r/bento-showcase.json
Testimonials Marquee block

Two counter-scrolling rows, paused on hover, frozen on reduced motion.

npx shadcn@latest add https://blockforge.terravidhal.me/r/testimonials-marquee.json
CTA Download block

Inverted app-download panel with store buttons and QR.

npx shadcn@latest add https://blockforge.terravidhal.me/r/cta-download.json
Footer Newsletter block

Link columns plus a capture form and a status line.

npx shadcn@latest add https://blockforge.terravidhal.me/r/footer-newsletter.json
Logos Grid block

Wordmark cells in a hairline grid, muted until hovered.

npx shadcn@latest add https://blockforge.terravidhal.me/r/logos-grid.json
Hero Video block

Demo-first opener with a CSS video player frame.

npx shadcn@latest add https://blockforge.terravidhal.me/r/hero-video.json
Hero Editorial block

Manifesto-sized type with ruled meta lines, zero imagery.

npx shadcn@latest add https://blockforge.terravidhal.me/r/hero-editorial.json
Hero App block

Store buttons beside a CSS phone running the actual app.

npx shadcn@latest add https://blockforge.terravidhal.me/r/hero-app.json
Pricing Usage block

A screenshot-able rate card with a worked monthly example.

npx shadcn@latest add https://blockforge.terravidhal.me/r/pricing-usage.json
Pricing Enterprise block

The security checklist plus a three-step path to a pilot.

npx shadcn@latest add https://blockforge.terravidhal.me/r/pricing-enterprise.json
Bento Stats block

KPIs as tiles: big number, sparkline, uptime dots, regions.

npx shadcn@latest add https://blockforge.terravidhal.me/r/bento-stats.json
Bento Mobile block

Mobile-first story: smart alerts, offline mode, biometrics.

npx shadcn@latest add https://blockforge.terravidhal.me/r/bento-mobile.json
Integrations Orbit block

Satellites orbiting the hub — pure CSS, still under reduced motion.

npx shadcn@latest add https://blockforge.terravidhal.me/r/integrations-orbit.json
Video Chapters block

A chaptered walkthrough player with jump-to timestamps.

npx shadcn@latest add https://blockforge.terravidhal.me/r/video-chapters.json
Video Testimonial block

A pull quote beside its 90-second video proof.

npx shadcn@latest add https://blockforge.terravidhal.me/r/video-testimonial.json
Blog Magazine block

Journal front page: one featured story, ruled sections.

npx shadcn@latest add https://blockforge.terravidhal.me/r/blog-magazine.json
Blog Author block

An author's bio and stats beside their essay archive.

npx shadcn@latest add https://blockforge.terravidhal.me/r/blog-author.json
Contact Booking block

A working-session pitch beside a week of pickable slots.

npx shadcn@latest add https://blockforge.terravidhal.me/r/contact-booking.json
FAQ Cards block

Tagged question cards you can scan in any order.

npx shadcn@latest add https://blockforge.terravidhal.me/r/faq-cards.json
Features Beam block

A light pulse rides the live card's border — pure CSS.

npx shadcn@latest add https://blockforge.terravidhal.me/r/features-beam.json
Hero Rotating block

A headline whose key word takes turns — pure CSS cycle.

npx shadcn@latest add https://blockforge.terravidhal.me/r/hero-rotating.json
App Shell block

Sidebar, topbar and a live overview — the whole app frame.

npx shadcn@latest add https://blockforge.terravidhal.me/r/app-shell.json
App Command block

A working command palette over a dimmed app — typing filters.

npx shadcn@latest add https://blockforge.terravidhal.me/r/app-command.json
App Settings block

Settings sections with real labels, switches and save state.

npx shadcn@latest add https://blockforge.terravidhal.me/r/app-settings.json
Changelog List block

Releases on a timeline rail — versions, dates, no fluff.

npx shadcn@latest add https://blockforge.terravidhal.me/r/changelog-list.json
Error 404 block

A blueprint 404 with search and escape routes.

npx shadcn@latest add https://blockforge.terravidhal.me/r/error-404.json
Empty State block

First-run dashboard state: ghost rows, two clear actions.

npx shadcn@latest add https://blockforge.terravidhal.me/r/empty-state.json
Header Mega block

Navbar with its mega-menu open: link groups + feature card.

npx shadcn@latest add https://blockforge.terravidhal.me/r/header-mega.json
Footer Big block

Newsletter band, four columns, status line and locale.

npx shadcn@latest add https://blockforge.terravidhal.me/r/footer-big.json
Stats Cards block

Six live metrics with directional deltas.

npx shadcn@latest add https://blockforge.terravidhal.me/r/stats-cards.json
FAQ Split block

Sticky pitch on the left, accordion answers on the right.

npx shadcn@latest add https://blockforge.terravidhal.me/r/faq-split.json
Login OTP block

The 2FA screen — six cells, one blinking caret.

npx shadcn@latest add https://blockforge.terravidhal.me/r/login-otp.json
Banner Cookie block

A cookie notice with two honest choices, zero dark patterns.

npx shadcn@latest add https://blockforge.terravidhal.me/r/banner-cookie.json
Hero Flux block

The Blockforge signature: energy pulses riding a blueprint grid.

npx shadcn@latest add https://blockforge.terravidhal.me/r/hero-flux.json
Careers Listings block

Open roles by department — locations and types in mono.

npx shadcn@latest add https://blockforge.terravidhal.me/r/careers-listings.json
Careers Perks block

The deal in writing: six policies, hairline grid.

npx shadcn@latest add https://blockforge.terravidhal.me/r/careers-perks.json
Team Spotlight block

One teammate, their story, and the numbers of their tenure.

npx shadcn@latest add https://blockforge.terravidhal.me/r/team-spotlight.json
Video Grid block

A wall of walkthroughs with durations and view counts.

npx shadcn@latest add https://blockforge.terravidhal.me/r/video-grid.json
Gallery Masonry block

Uneven columns, numbered captions — swap tiles for shots.

npx shadcn@latest add https://blockforge.terravidhal.me/r/gallery-masonry.json
Pricing Toggle block

Monthly/annual switch rendered on annual, struck-through savings.

npx shadcn@latest add https://blockforge.terravidhal.me/r/pricing-toggle.json
App Onboarding block

Three detailed CSS phones walking the first-run flow.

npx shadcn@latest add https://blockforge.terravidhal.me/r/app-onboarding.json
Dev Contributions block

Activity heatmap with clickable project milestones and map-pin bubbles.

npx shadcn@latest add https://blockforge.terravidhal.me/r/dev-contributions.json
Dev Achievements block

A wall of mascot badges in dark showcase tiles — bring your own art.

npx shadcn@latest add https://blockforge.terravidhal.me/r/dev-achievements.json
Dev Profile block

Identity card, language bars and pinned repos for a dev portfolio.

npx shadcn@latest add https://blockforge.terravidhal.me/r/dev-profile.json
Dev Stack block

The tools you reach for, grouped by family.

npx shadcn@latest add https://blockforge.terravidhal.me/r/dev-stack.json
Dev Activity block

A reverse-chronological feed of commits, merges and releases.

npx shadcn@latest add https://blockforge.terravidhal.me/r/dev-activity.json
Dev Now block

A “right now” panel: what you're building, reading and hearing.

npx shadcn@latest add https://blockforge.terravidhal.me/r/dev-now.json
Dev Badges block

Hexagon-gem achievement frames with a four-tier rarity system.

npx shadcn@latest add https://blockforge.terravidhal.me/r/dev-badges.json
Dev Snake block

A decorative snake grazing a contribution grid — reduced-motion safe.

npx shadcn@latest add https://blockforge.terravidhal.me/r/dev-snake.json
SaaS Landing — full page page

The full-funnel landing: proof, features, pricing, FAQ. (9 blocks, ready-made page)

npx shadcn@latest add https://blockforge.terravidhal.me/r/page-saas-landing.json
Dev Tool — full page page

Terminal-first hero, hard numbers, spec-sheet pricing. (8 blocks, ready-made page)

npx shadcn@latest add https://blockforge.terravidhal.me/r/page-dev-tool.json
Startup Launch — full page page

Announce, prove momentum, capture the first believers. (6 blocks, ready-made page)

npx shadcn@latest add https://blockforge.terravidhal.me/r/page-startup-launch.json
Pricing Page — full page page

A standalone pricing route that answers every objection. (6 blocks, ready-made page)

npx shadcn@latest add https://blockforge.terravidhal.me/r/page-pricing-page.json
Personal Site — full page page

Quiet opener, writing index, one strong testimonial. (6 blocks, ready-made page)

npx shadcn@latest add https://blockforge.terravidhal.me/r/page-portfolio.json
Agency & Studio — full page page

Credentials up front, work stories, a real contact path. (7 blocks, ready-made page)

npx shadcn@latest add https://blockforge.terravidhal.me/r/page-agency.json
Blog Home — full page page

A content-first home: featured story plus the archive. (6 blocks, ready-made page)

npx shadcn@latest add https://blockforge.terravidhal.me/r/page-blog-home.json
Waitlist — full page page

One promise, one field's worth of attention, no leaks. (4 blocks, ready-made page)

npx shadcn@latest add https://blockforge.terravidhal.me/r/page-waitlist.json
About Page — full page page

Story, values, faces — the page investors actually read. (7 blocks, ready-made page)

npx shadcn@latest add https://blockforge.terravidhal.me/r/page-about-page.json
Careers — full page page

Culture first, open roles second, humans throughout. (6 blocks, ready-made page)

npx shadcn@latest add https://blockforge.terravidhal.me/r/page-careers.json
Product Tour — full page page

How it works, proven step by step, ending on a push. (8 blocks, ready-made page)

npx shadcn@latest add https://blockforge.terravidhal.me/r/page-product-tour.json
Campaign Launch — full page page

A deadline, a promise, and every reason to act now. (6 blocks, ready-made page)

npx shadcn@latest add https://blockforge.terravidhal.me/r/page-campaign-launch.json
Corporate Site — full page page

Credibility in order: story, numbers, team, contact. (7 blocks, ready-made page)

npx shadcn@latest add https://blockforge.terravidhal.me/r/page-corporate.json
Auth Pages — full page page

Sign-up and sign-in screens that feel like the product. (3 blocks, ready-made page)

npx shadcn@latest add https://blockforge.terravidhal.me/r/page-auth-pages.json
Product Drop — full page page

Scarcity, proof and a single product to want. (8 blocks, ready-made page)

npx shadcn@latest add https://blockforge.terravidhal.me/r/page-ecommerce-drop.json
Changelog — full page page

Every release on a rail, with a subscribe hook at the end. (4 blocks, ready-made page)

npx shadcn@latest add https://blockforge.terravidhal.me/r/page-changelog.json
Content Hub — full page page

A journal, a walkthrough and a reason to subscribe. (6 blocks, ready-made page)

npx shadcn@latest add https://blockforge.terravidhal.me/r/page-content-hub.json
Mobile App — full page page

Store-ready: phone in hand, proof below, download everywhere. (7 blocks, ready-made page)

npx shadcn@latest add https://blockforge.terravidhal.me/r/page-mobile-app.json
Roadmap Page — full page page

Build in the open: statuses, history and a subscribe hook. (6 blocks, ready-made page)

npx shadcn@latest add https://blockforge.terravidhal.me/r/page-roadmap.json
Launch Week — full page page

Five days of announcements deserve a page this loud. (7 blocks, ready-made page)

npx shadcn@latest add https://blockforge.terravidhal.me/r/page-launch-week.json
Platform Overview — full page page

Features, integrations and proof — the full product story. (10 blocks, ready-made page)

npx shadcn@latest add https://blockforge.terravidhal.me/r/page-platform-overview.json
Community Event — full page page

Announce the date, show the plan, gather the crowd. (8 blocks, ready-made page)

npx shadcn@latest add https://blockforge.terravidhal.me/r/page-community-event.json
Developer Portfolio — full page page

A dev's home: profile, contributions, badges and writing. (10 blocks, ready-made page)

npx shadcn@latest add https://blockforge.terravidhal.me/r/page-developer-portfolio.json
Meridian — full template page

Product-analytics marketing site: home, pricing, about, changelog and contact — one cohesive brand across every route. (6 routes, complete multi-page template)

npx shadcn@latest add https://blockforge.terravidhal.me/r/template-meridian.json
Folio — full template page

A monochrome, square-card portfolio: hero, selected work, experience, trophies and writing — editorial, understated, entirely yours. (5 routes, complete multi-…

npx shadcn@latest add https://blockforge.terravidhal.me/r/template-folio.json
Ledger — full template page

A billing dashboard app: sidebar shell, revenue charts, customers, invoices, payments and settings — indigo, dense, product-grade. (9 routes, complete multi-pa…

npx shadcn@latest add https://blockforge.terravidhal.me/r/template-ledger.json
Foundry — full template page

A documentation site: collapsible nav, scroll-spy contents, ⌘K search, API reference, guides and a filterable changelog — warm amber, interactive. (9 routes, c…

npx shadcn@latest add https://blockforge.terravidhal.me/r/template-foundry.json