Efferd

Efferd is a shadcn/ui block library offering 130+ pre-built UI sections across 14 categories. You install blocks via the shadcn CLI - no npm package, no abstraction layer, the code drops straight into your project.

What Is Efferd?

Efferd is a block library built on top of shadcn/ui, designed for React developers who need production-ready UI sections without writing everything from scratch. Instead of individual components like buttons or inputs, Efferd delivers full UI sections — hero areas, auth screens, pricing tables, CTAs, and more - that you paste into your codebase and own completely.

Features ✨

• 130+ blocks organized across 14 categories, from auth to logo clouds

• Registry-ready CLI install via npx shadcn@latest add @efferd/[block-name] — code lives in your project, not in node_modules

• Multi-framework support - works with Next.js and TanStack Start out of the box

• Radix UI and Base UI support - choose your preferred primitive layer

• Flexible icon system - swap between Lucide, Tabler Icons, HugeIcons, Phosphor Icons, and Remix Icons without refactoring

• Responsive by default - every block looks solid from mobile to ultra-wide

• One-time pricing - no subscriptions, lifetime access and updates on Pro and Team tiers

• Free tier available - contact blocks and select hero sections at no cost

• Dark mode support - toggle-ready with Tailwind CSS theming

• Commercial license included in Pro and Team plans

The key difference from most block libraries is how delivery works. Efferd is registry-ready, meaning you pull blocks using the standard shadcn CLI (npx shadcn@latest add @efferd/block-name). The code lands directly in your components/ folder — no node_modules dependency, no version lock-in, no black box. Once it's in, it's yours to edit however you like.

Integration 🧰

• Frameworks: Next.js, TanStack Start (React-based projects broadly)

• Component primitives: Radix UI, Base UI

• Styling: Tailwind CSS (utility-first, fully customizable)

• Icon libraries: Lucide, Tabler Icons, HugeIcons, Phosphor Icons, Remix Icon

• Install method: shadcn CLI (npx shadcn@latest add @efferd/[block-name]) or manual copy-paste

• Registry: Listed at efferd.com/r/registry.json, officially indexed in the shadcn/ui registry directory

FAQ

Does Efferd work without Next.js?

Yes, any React-based project works. Next.js is the recommended setup, but Efferd blocks are compatible with TanStack Start and other React frameworks.

Do I need to install anything before using Efferd?

You need an existing project with shadcn/ui already configured. Once that's set up, you can pull any block via the CLI in one command.

Is the free tier actually free forever, or is it a trial?

The free tier is permanent. Contact blocks and select Hero sections have no paywall, no time limit, and no credit card required.

Can I use Efferd blocks in client work?

Yes. Pro and Team plans include a commercial license covering unlimited personal and client projects with no per-project fees.