@efferd

Efferd is a growing collection of production-ready shadcn/ui-based UI blocks organized into marketing and dashboard categories. Marketing blocks cover Auth, Hero, Features, Blog Sections, Contact, Call to Action, FAQs, Testimonials, Pricing, Footer, Header, Image Gallery, Integrations, Logo Cloud, and Not Found pages. Dashboard blocks include App Shell. Built on Radix UI and Tailwind CSS, TypeScript-first, WAI-ARIA compliant. Pricing is freemium with a one-time payment model (Free, Hobby, and Pro tiers). Use for: quickly assembling marketing pages or SaaS landing sites using polished, copy-paste sections without a recurring subscription cost.

60 components react shadcn-cli

website ↗ github ↗ registry ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://efferd.com/r/registry.json

pnpm pnpm dlx shadcn@latest add https://efferd.com/r/registry.json

bun bunx shadcn@latest add https://efferd.com/r/registry.json

fetch registry curl -s https://efferd.com/r/registry.json

Components

60 total

index style

npx shadcn@latest add https://efferd.com/r/index.json

logo component

Efferd logo component.

npx shadcn@latest add https://efferd.com/r/logo.json

copy-button component

Copy button component.

npx shadcn@latest add https://efferd.com/r/copy-button.json

full-width-divider component

Full-width divider component.

npx shadcn@latest add https://efferd.com/r/full-width-divider.json

decor-icon component

Decor icon component.

npx shadcn@latest add https://efferd.com/r/decor-icon.json

grid-filler component

Grid filler component.

npx shadcn@latest add https://efferd.com/r/grid-filler.json

indicator component

Indicator component.

npx shadcn@latest add https://efferd.com/r/indicator.json

lazy-image component

Lazy image component.

npx shadcn@latest add https://efferd.com/r/lazy-image.json

outline-text component

Outline text component.

npx shadcn@latest add https://efferd.com/r/outline-text.json

portal component

react portal component.

npx shadcn@latest add https://efferd.com/r/portal.json

auth-divider component

Auth divider component.

npx shadcn@latest add https://efferd.com/r/auth-divider.json

infinite-slider component

Infinite slider component.

npx shadcn@latest add https://efferd.com/r/infinite-slider.json

progressive-blur component

Progressive blur component.

npx shadcn@latest add https://efferd.com/r/progressive-blur.json

text-effect component

Text effect component.

npx shadcn@latest add https://efferd.com/r/text-effect.json

use-scroll hook

Use scroll hook.

npx shadcn@latest add https://efferd.com/r/use-scroll.json

use-media-query hook

Use media query hook.

npx shadcn@latest add https://efferd.com/r/use-media-query.json

use-copy-to-clipboard hook

Use copy to clipboard hook.

npx shadcn@latest add https://efferd.com/r/use-copy-to-clipboard.json

use-keypress hook

Use keypress hook.

npx shadcn@latest add https://efferd.com/r/use-keypress.json

apple-icon component

Apple icon

npx shadcn@latest add https://efferd.com/r/apple-icon.json

discord-icon component

Discord icon

npx shadcn@latest add https://efferd.com/r/discord-icon.json

facebook-icon component

Facebook icon

npx shadcn@latest add https://efferd.com/r/facebook-icon.json

figma-icon component

Figma icon

npx shadcn@latest add https://efferd.com/r/figma-icon.json

framer-icon component

Framer icon

npx shadcn@latest add https://efferd.com/r/framer-icon.json

github-icon component

GitHub icon

npx shadcn@latest add https://efferd.com/r/github-icon.json

google-icon component

Google icon

npx shadcn@latest add https://efferd.com/r/google-icon.json

google-play-icon component

Google Play icon

npx shadcn@latest add https://efferd.com/r/google-play-icon.json

instagram-icon component

Instagram icon

npx shadcn@latest add https://efferd.com/r/instagram-icon.json

linkedin-icon component

LinkedIn icon

npx shadcn@latest add https://efferd.com/r/linkedin-icon.json

react-icon component

React icon

npx shadcn@latest add https://efferd.com/r/react-icon.json

shadcn-icon component

shadcn/ui icon

npx shadcn@latest add https://efferd.com/r/shadcn-icon.json

slack-icon component

Slack icon

npx shadcn@latest add https://efferd.com/r/slack-icon.json

vercel-icon component

Vercel icon

npx shadcn@latest add https://efferd.com/r/vercel-icon.json

x-icon component

X (Twitter) icon

npx shadcn@latest add https://efferd.com/r/x-icon.json

youtube-icon component

YouTube icon

npx shadcn@latest add https://efferd.com/r/youtube-icon.json

formater component

Formater utilities.

npx shadcn@latest add https://efferd.com/r/formater.json

app-shell-1 block

Dashboard shell with max-width bordered frame, full-width divider, sidebar, breadcrumb header, and skeleton content grid.

npx shadcn@latest add https://efferd.com/r/app-shell-1.json

app-shell-2 block

Full-viewport sidebar layout with breadcrumb navbar, keyboard shortcut hints, and dashboard skeleton grid.

npx shadcn@latest add https://efferd.com/r/app-shell-2.json

app-shell-3 block

Scrollable main column with collapsible sidebar groups, breadcrumb bar, and dashboard placeholder content.

npx shadcn@latest add https://efferd.com/r/app-shell-3.json

app-shell-4 block

Inset sidebar layout with collapsible navigation and padded main shell.

npx shadcn@latest add https://efferd.com/r/app-shell-4.json

app-shell-5 block

Sidebar workspace with command-style search, custom trigger and theme controls, navbar strip, and latest-change row.

npx shadcn@latest add https://efferd.com/r/app-shell-5.json

app-shell-6 block

Animated inset sidebar with org switcher, shared row, dedicated header trigger, mobile navbar, and skeleton body.

npx shadcn@latest add https://efferd.com/r/app-shell-6.json

app-shell-7 block

Inset shell with progressive blur footer, command search, notifications popover, shared nav user, and org menu.

npx shadcn@latest add https://efferd.com/r/app-shell-7.json

app-shell-8 block

Top app header over sidebar with projects and notifications, search, tooltip-rich trigger, and skeleton main area.

npx shadcn@latest add https://efferd.com/r/app-shell-8.json

app-shell-9 block

Inset dashboard shell with hover-expand icon sidebar, breadcrumb header, command search, notifications popover, and user menu.

npx shadcn@latest add https://efferd.com/r/app-shell-9.json

app-shell-10 block

App shell with project-switching sidebar, command search, latest-change footer row, custom rail, and bordered content area.

npx shadcn@latest add https://efferd.com/r/app-shell-10.json

auth-1 block

Modern sign-in page with particle background and social buttons.

npx shadcn@latest add https://efferd.com/r/auth-1.json

auth-2 block

Split sign-in layout with social buttons and email form.

npx shadcn@latest add https://efferd.com/r/auth-2.json

auth-3 block

Minimal sign-in page with logo header and focused form.

npx shadcn@latest add https://efferd.com/r/auth-3.json

auth-4 block

Clean sign-in screen with full-width divider and social actions.

npx shadcn@latest add https://efferd.com/r/auth-4.json

auth-5 block

Modern signup page with testimonial sidebar and social sign-in.

npx shadcn@latest add https://efferd.com/r/auth-5.json

auth-6 block

Sign-in layout with modern branding and compact form.

npx shadcn@latest add https://efferd.com/r/auth-6.json

auth-7 block

Split sign-in page with decorative icons and social login.

npx shadcn@latest add https://efferd.com/r/auth-7.json

auth-8 block

Sign-in page with flickering grid backdrop and clean form.

npx shadcn@latest add https://efferd.com/r/auth-8.json

auth-9 block

Sign-in layout with subtle grid pattern and social actions.

npx shadcn@latest add https://efferd.com/r/auth-9.json

auth-10 block

Sign-in page with testimonial card and email form.

npx shadcn@latest add https://efferd.com/r/auth-10.json

auth-11 block

Sign-in screen with patterned backdrop and centered form.

npx shadcn@latest add https://efferd.com/r/auth-11.json

auth-12 block

Signup page with avatar accents, social buttons, and email form.

npx shadcn@latest add https://efferd.com/r/auth-12.json

auth-13 block

Minimal sign-in layout with logo header and clean fields.

npx shadcn@latest add https://efferd.com/r/auth-13.json

auth-14 block

Sign-in page with avatar accents and polished social flow.

npx shadcn@latest add https://efferd.com/r/auth-14.json

blogs-1 block

Minimalist list with dashed dividers.

npx shadcn@latest add https://efferd.com/r/blogs-1.json