Blockforge

Overview

Blockforge is a library of 170+ production-grade blocks built with shadcn/ui and Tailwind CSS, made by Vidhal Elame. Every block on the site is a live render rather than a screenshot, and each one ships as a standalone TypeScript component that can be stacked and reordered. The registry currently serves 134 items, and the site also offers full pages, templates and a page builder.

A set of free blocks is available, while full access to all blocks, the builder and starter pages is sold as a one-time license with lifetime updates. Blocks follow four stated principles: server components and minimal client JavaScript, semantic theme tokens, accessible keyboard and focus handling, and composability.

Features

• Hero sections: Centered, split with a live deploy-log panel, simple, and a dev-tool hero with a terminal card and copyable install command.
• Pricing: Spec-sheet single offer, three-tier plans with an inverted featured tier, and a simple centered price.
• Bento grids: An asymmetric product grid with an analytics panel, and a two-row principles bento.
• Social proof and FAQ: Testimonial grids, a featured quote, accordion and two-column FAQs.
• Contact, blog and footers: Split and minimal contact blocks, a featured blog grid, column and minimal footers.
• Theming: Semantic tokens let a project rebrand by changing five variables; dark mode is included.
• Page builder: Assemble blocks into full pages, with starter pages and templates.
• MCP server: Documented MCP support for AI-assisted installs.

Tech stack

• TypeScript, React
• Tailwind CSS, shadcn/ui

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add @blockforge/component-name