---
name: "@efferd"
slug: "efferd"
description: "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."
category: "Blocks & sections (marketing/SaaS)"
tags: ["accessibility", "animation", "auth", "blocks", "buttons", "cms", "dashboard", "forms", "hooks", "icons", "loaders", "marketing", "media", "payments", "pro-available", "saas"]
framework: "react"
license: null
author: "shabanhr"
website: "https://efferd.com/"
github: "https://github.com/shabanhr/efferd-ui"
registry: "https://efferd.com/r/registry.json"
pro: true
pro_url: "https://efferd.com/pricing"
github_stars: 141
component_count: 201
generated_at: "2026-07-28T08:00:50.948Z"
---

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

## Links

- Website: https://efferd.com/
- GitHub: https://github.com/shabanhr/efferd-ui
- Registry JSON: https://efferd.com/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/efferd
- This file: https://sh4dcn.vercel.app/md/efferd.md
- Pro / pricing: https://efferd.com/pricing

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://efferd.com/r/registry.json
pnpm dlx shadcn@latest add https://efferd.com/r/registry.json
bunx shadcn@latest add https://efferd.com/r/registry.json
# clone the source repo
git clone https://github.com/shabanhr/efferd-ui.git
# fetch the raw registry index
curl -s https://efferd.com/r/registry.json
```

## Components (201)

| name | type | description | install |
| --- | --- | --- | --- |
| index | registry:style | — | `npx shadcn@latest add https://efferd.com/r/index.json` |
| logo | registry:component | Efferd logo component. | `npx shadcn@latest add https://efferd.com/r/logo.json` |
| copy-button | registry:component | Copy button component. | `npx shadcn@latest add https://efferd.com/r/copy-button.json` |
| full-width-divider | registry:component | Full-width divider component. | `npx shadcn@latest add https://efferd.com/r/full-width-divider.json` |
| decor-icon | registry:component | Decor icon component. | `npx shadcn@latest add https://efferd.com/r/decor-icon.json` |
| grid-filler | registry:component | Grid filler component. | `npx shadcn@latest add https://efferd.com/r/grid-filler.json` |
| indicator | registry:component | Indicator component. | `npx shadcn@latest add https://efferd.com/r/indicator.json` |
| lazy-image | registry:component | Lazy image component. | `npx shadcn@latest add https://efferd.com/r/lazy-image.json` |
| outline-text | registry:component | Outline text component. | `npx shadcn@latest add https://efferd.com/r/outline-text.json` |
| portal | registry:component | react portal component. | `npx shadcn@latest add https://efferd.com/r/portal.json` |
| auth-divider | registry:component | Auth divider component. | `npx shadcn@latest add https://efferd.com/r/auth-divider.json` |
| infinite-slider | registry:component | Infinite slider component. | `npx shadcn@latest add https://efferd.com/r/infinite-slider.json` |
| progressive-blur | registry:component | Progressive blur component. | `npx shadcn@latest add https://efferd.com/r/progressive-blur.json` |
| text-effect | registry:component | Text effect component. | `npx shadcn@latest add https://efferd.com/r/text-effect.json` |
| use-scroll | registry:hook | Use scroll hook. | `npx shadcn@latest add https://efferd.com/r/use-scroll.json` |
| use-media-query | registry:hook | Use media query hook. | `npx shadcn@latest add https://efferd.com/r/use-media-query.json` |
| use-copy-to-clipboard | registry:hook | Use copy to clipboard hook. | `npx shadcn@latest add https://efferd.com/r/use-copy-to-clipboard.json` |
| use-keypress | registry:hook | Use keypress hook. | `npx shadcn@latest add https://efferd.com/r/use-keypress.json` |
| apple-icon | registry:component | Apple icon | `npx shadcn@latest add https://efferd.com/r/apple-icon.json` |
| discord-icon | registry:component | Discord icon | `npx shadcn@latest add https://efferd.com/r/discord-icon.json` |
| facebook-icon | registry:component | Facebook icon | `npx shadcn@latest add https://efferd.com/r/facebook-icon.json` |
| figma-icon | registry:component | Figma icon | `npx shadcn@latest add https://efferd.com/r/figma-icon.json` |
| framer-icon | registry:component | Framer icon | `npx shadcn@latest add https://efferd.com/r/framer-icon.json` |
| github-icon | registry:component | GitHub icon | `npx shadcn@latest add https://efferd.com/r/github-icon.json` |
| google-icon | registry:component | Google icon | `npx shadcn@latest add https://efferd.com/r/google-icon.json` |
| google-play-icon | registry:component | Google Play icon | `npx shadcn@latest add https://efferd.com/r/google-play-icon.json` |
| instagram-icon | registry:component | Instagram icon | `npx shadcn@latest add https://efferd.com/r/instagram-icon.json` |
| linkedin-icon | registry:component | LinkedIn icon | `npx shadcn@latest add https://efferd.com/r/linkedin-icon.json` |
| react-icon | registry:component | React icon | `npx shadcn@latest add https://efferd.com/r/react-icon.json` |
| shadcn-icon | registry:component | shadcn/ui icon | `npx shadcn@latest add https://efferd.com/r/shadcn-icon.json` |
| slack-icon | registry:component | Slack icon | `npx shadcn@latest add https://efferd.com/r/slack-icon.json` |
| vercel-icon | registry:component | Vercel icon | `npx shadcn@latest add https://efferd.com/r/vercel-icon.json` |
| x-icon | registry:component | X (Twitter) icon | `npx shadcn@latest add https://efferd.com/r/x-icon.json` |
| youtube-icon | registry:component | YouTube icon | `npx shadcn@latest add https://efferd.com/r/youtube-icon.json` |
| formater | registry:component | Formater utilities. | `npx shadcn@latest add https://efferd.com/r/formater.json` |
| app-shell-1 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry:block | Modern sign-in page with particle background and social buttons. | `npx shadcn@latest add https://efferd.com/r/auth-1.json` |
| auth-2 | registry:block | Split sign-in layout with social buttons and email form. | `npx shadcn@latest add https://efferd.com/r/auth-2.json` |
| auth-3 | registry:block | Minimal sign-in page with logo header and focused form. | `npx shadcn@latest add https://efferd.com/r/auth-3.json` |
| auth-4 | registry: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 | registry:block | Modern signup page with testimonial sidebar and social sign-in. | `npx shadcn@latest add https://efferd.com/r/auth-5.json` |
| auth-6 | registry:block | Sign-in layout with modern branding and compact form. | `npx shadcn@latest add https://efferd.com/r/auth-6.json` |
| auth-7 | registry:block | Split sign-in page with decorative icons and social login. | `npx shadcn@latest add https://efferd.com/r/auth-7.json` |
| auth-8 | registry:block | Sign-in page with flickering grid backdrop and clean form. | `npx shadcn@latest add https://efferd.com/r/auth-8.json` |
| auth-9 | registry:block | Sign-in layout with subtle grid pattern and social actions. | `npx shadcn@latest add https://efferd.com/r/auth-9.json` |
| auth-10 | registry:block | Sign-in page with testimonial card and email form. | `npx shadcn@latest add https://efferd.com/r/auth-10.json` |
| auth-11 | registry:block | Sign-in screen with patterned backdrop and centered form. | `npx shadcn@latest add https://efferd.com/r/auth-11.json` |
| auth-12 | registry:block | Signup page with avatar accents, social buttons, and email form. | `npx shadcn@latest add https://efferd.com/r/auth-12.json` |
| auth-13 | registry:block | Minimal sign-in layout with logo header and clean fields. | `npx shadcn@latest add https://efferd.com/r/auth-13.json` |
| auth-14 | registry:block | Sign-in page with avatar accents and polished social flow. | `npx shadcn@latest add https://efferd.com/r/auth-14.json` |
| blogs-1 | registry:block | Minimalist list with dashed dividers. | `npx shadcn@latest add https://efferd.com/r/blogs-1.json` |
| blogs-2 | registry:block | Clean grid layout with bordered cards. | `npx shadcn@latest add https://efferd.com/r/blogs-2.json` |
| blogs-3 | registry:block | Immersive grid with images and gradients. | `npx shadcn@latest add https://efferd.com/r/blogs-3.json` |
| blogs-4 | registry:block | Bento-style grid with spanning items. | `npx shadcn@latest add https://efferd.com/r/blogs-4.json` |
| blogs-5 | registry:block | Magazine layout with featured post. | `npx shadcn@latest add https://efferd.com/r/blogs-5.json` |
| contact-1 | registry:block | Compact contact strip with phone, email, and office details. | `npx shadcn@latest add https://efferd.com/r/contact-1.json` |
| contact-2 | registry:block | Three-card contact layout with email, community, and social links. | `npx shadcn@latest add https://efferd.com/r/contact-2.json` |
| contact-3 | registry:block | Elegant contact page with office info, email, phone, and social links. | `npx shadcn@latest add https://efferd.com/r/contact-3.json` |
| contact-4 | registry:block | Modern contact card with info section and built-in form area. | `npx shadcn@latest add https://efferd.com/r/contact-4.json` |
| contact-5 | registry:block | Bordered contact section with key details and a two-column form. | `npx shadcn@latest add https://efferd.com/r/contact-5.json` |
| contact-6 | registry:block | Full contact page with support cards, details panel, and lead form. | `npx shadcn@latest add https://efferd.com/r/contact-6.json` |
| contact-7 | registry:block | Two-column contact page with intro content and a card-based form. | `npx shadcn@latest add https://efferd.com/r/contact-7.json` |
| contact-8 | registry:block | Split contact page with company details, social links, and form panel. | `npx shadcn@latest add https://efferd.com/r/contact-8.json` |
| contact-9 | registry:block | Centered contact page with team form, chat links, and map section. | `npx shadcn@latest add https://efferd.com/r/contact-9.json` |
| contact-10 | registry:block | Sidebar-style contact layout with brand links and a detailed form. | `npx shadcn@latest add https://efferd.com/r/contact-10.json` |
| contact-11 | registry:block | Editorial contact page with direct links, map embed, and message form. | `npx shadcn@latest add https://efferd.com/r/contact-11.json` |
| cta-1 | registry:block | Centered call-to-action bar with bold heading and dual action buttons. | `npx shadcn@latest add https://efferd.com/r/cta-1.json` |
| cta-2 | registry:block | Minimal call-to-action section with headline, short description, and dual buttons for sales contact and getting started. | `npx shadcn@latest add https://efferd.com/r/cta-2.json` |
| cta-3 | registry:block | Stylish call-to-action block featuring bordered layout, decorative icons, and clear buttons for contacting sales or getting started. | `npx shadcn@latest add https://efferd.com/r/cta-3.json` |
| cta-4 | registry:block | Modern call-to-action card with rounded edges, subtle shadow, and dual buttons for contacting sales or getting started. | `npx shadcn@latest add https://efferd.com/r/cta-4.json` |
| cta-5 | registry:block | Newsletter subscription section with email input, submit button, and expert avatars for added trust and engagement. | `npx shadcn@latest add https://efferd.com/r/cta-5.json` |
| cta-6 | registry:block | A call-to-action Block with a heading and an animated 'Join Now!' button with hover effects. | `npx shadcn@latest add https://efferd.com/r/cta-6.json` |
| cta-7 | registry:block | CTA with heading and animated 'Join Now!' button. | `npx shadcn@latest add https://efferd.com/r/cta-7.json` |
| cta-8 | registry:block | Grid pattern background with email input and 'Join Now' button. | `npx shadcn@latest add https://efferd.com/r/cta-8.json` |
| cta-9 | registry:block | Ethereal shadow effect with number ticker and dual action buttons. | `npx shadcn@latest add https://efferd.com/r/cta-9.json` |
| cta-10 | registry:block | Animated border lines with 'Get Started' button. | `npx shadcn@latest add https://efferd.com/r/cta-10.json` |
| cta-11 | registry:block | Social proof with star ratings, number ticker, and dual action buttons. | `npx shadcn@latest add https://efferd.com/r/cta-11.json` |
| cta-12 | registry:block | Installation command with animated border lines and copy button. | `npx shadcn@latest add https://efferd.com/r/cta-12.json` |
| cta-13 | registry:block | Animated circular border with centered heading and action button. | `npx shadcn@latest add https://efferd.com/r/cta-13.json` |
| cta-14 | registry:block | Bold inverted design with large typography and email/calendar buttons. | `npx shadcn@latest add https://efferd.com/r/cta-14.json` |
| cta-15 | registry:block | Open-source showcase with animated notification cards and GitHub link. | `npx shadcn@latest add https://efferd.com/r/cta-15.json` |
| cta-16 | registry:block | Logo branding with animated expanding border frame. | `npx shadcn@latest add https://efferd.com/r/cta-16.json` |
| cta-17 | registry:block | Custom clip-path shape with pulsing dot and corner action button. | `npx shadcn@latest add https://efferd.com/r/cta-17.json` |
| cta-18 | registry:block | Event registration with animated floating cards and emoji badges. | `npx shadcn@latest add https://efferd.com/r/cta-18.json` |
| cta-19 | registry:block | Floating tool icons surrounding centered headline and action buttons. | `npx shadcn@latest add https://efferd.com/r/cta-19.json` |
| cta-20 | registry:block | Concentric animated circles with pricing headline and button. | `npx shadcn@latest add https://efferd.com/r/cta-20.json` |
| dashboard-1 | registry:block | Welcome header with KPI stats, sales area chart, and recent invoices in a bordered three-column grid. | `npx shadcn@latest add https://efferd.com/r/dashboard-1.json` |
| dashboard-2 | registry:block | Dense KPI grid with net revenue, channel sales lines, invoices table, billing health, and activity feed. | `npx shadcn@latest add https://efferd.com/r/dashboard-2.json` |
| dashboard-3 | registry:block | Customer support dashboard with conversation charts, CSAT scores, on-duty team, and recent tickets. | `npx shadcn@latest add https://efferd.com/r/dashboard-3.json` |
| dashboard-4 | registry:block | Commerce dashboard with revenue trends, refund rates, category ranking pie, and quick action items. | `npx shadcn@latest add https://efferd.com/r/dashboard-4.json` |
| dashboard-5 | registry:block | Web analytics dashboard with visitors chart, live users, top pages, traffic sources, and Core Web Vitals. | `npx shadcn@latest add https://efferd.com/r/dashboard-5.json` |
| dashboard-6 | registry:block | Finance overview with date toolbar, KPI stats, MOR chart, budget insights, orders chart, and attention list. | `npx shadcn@latest add https://efferd.com/r/dashboard-6.json` |
| dashboard-7 | registry:block | Marketing dashboard with time-range toggles, main revenue chart, lead breakdowns, and transactions table. | `npx shadcn@latest add https://efferd.com/r/dashboard-7.json` |
| dashboard-8 | registry:block | Store ops today view with gross revenue hero, peak hours, date toolbar, and conversion metric cards. | `npx shadcn@latest add https://efferd.com/r/dashboard-8.json` |
| dashboard-9 | registry:block | Ecommerce growth dashboard with sales charts, funnel, channel orders pie, heatmap, and team roster. | `npx shadcn@latest add https://efferd.com/r/dashboard-9.json` |
| dashboard-10 | registry:block | Observability dashboard with period toolbar, sparkline KPIs, latency cards, AI insight, and active deployments. | `npx shadcn@latest add https://efferd.com/r/dashboard-10.json` |
| faqs-1 | registry:block | Elegant FAQ section with accordion-style questions, smooth transitions, and clear support call-to-action. | `npx shadcn@latest add https://efferd.com/r/faqs-1.json` |
| faqs-2 | registry:block | Split-screen FAQ layout with bordered sections, interactive accordion, and a clean call-to-action footer. | `npx shadcn@latest add https://efferd.com/r/faqs-2.json` |
| faqs-3 | registry:block | Two-column FAQ section featuring bordered layout, vertical guide line, and elegant accordion interactions. | `npx shadcn@latest add https://efferd.com/r/faqs-3.json` |
| faqs-4 | registry:block | Multi-category FAQ section with sidebar filters, adaptive accordion layout, and elegant interactive transitions. | `npx shadcn@latest add https://efferd.com/r/faqs-4.json` |
| faqs-5 | registry:block | Responsive FAQ section with filters, search, and accordions for quick answers. | `npx shadcn@latest add https://efferd.com/r/faqs-5.json` |
| faqs-6 | registry:block | Two-column FAQ layout with a heading panel, outline button, and card-style accordion list. | `npx shadcn@latest add https://efferd.com/r/faqs-6.json` |
| faqs-7 | registry:block | Split FAQ section with numbered accordion rows and full-width dividers for visual structure. | `npx shadcn@latest add https://efferd.com/r/faqs-7.json` |
| faqs-8 | registry:block | Centered FAQ page with grouped categories, bordered sections, and accordion-based answers. | `npx shadcn@latest add https://efferd.com/r/faqs-8.json` |
| logo-cloud-1 | registry:block | Simple logo grid displaying brand icons in a clean, bordered layout with light and dark mode support. | `npx shadcn@latest add https://efferd.com/r/logo-cloud-1.json` |
| logo-cloud-2 | registry:block | Stylish logo grid featuring top tech brands with decorative plus icons and dynamic borders for a modern visual layout. | `npx shadcn@latest add https://efferd.com/r/logo-cloud-2.json` |
| logo-cloud-3 | registry:block | Smooth infinite-scrolling logo showcase highlighting trusted brands with gradient masking and elegant motion effects. | `npx shadcn@latest add https://efferd.com/r/logo-cloud-3.json` |
| logo-cloud-4 | registry:block | Animated logo carousel with soft edge blurs and gradient accents for a sleek, modern brand showcase. | `npx shadcn@latest add https://efferd.com/r/logo-cloud-4.json` |
| logo-cloud-5 | registry:block | Clean, centered logo grid with flexible wrapping layout showcasing brand partners in a simple, elegant format. | `npx shadcn@latest add https://efferd.com/r/logo-cloud-5.json` |
| logo-cloud-6 | registry:block | Rotating logo carousel with fade-in blur animations, automatically cycling through brand partners with smooth transitions. | `npx shadcn@latest add https://efferd.com/r/logo-cloud-6.json` |
| logo-cloud-7 | registry:block | Animated logo rotation with scale and blur transitions, displaying partner brands in timed batches with popLayout animation. | `npx shadcn@latest add https://efferd.com/r/logo-cloud-7.json` |
| logo-cloud-8 | registry:block | Dynamic grid layout with randomized logo swapping, featuring smooth transitions as brands randomly rotate in and out. | `npx shadcn@latest add https://efferd.com/r/logo-cloud-8.json` |
| logo-cloud-9 | registry:block | Responsive grid with continuous random logo rotation, showcasing partner brands with fast-paced blur and scale animations. | `npx shadcn@latest add https://efferd.com/r/logo-cloud-9.json` |
| logo-cloud-10 | registry:block | Interactive bordered logo grid with hover case study badges, featuring clickable brand cards with decorative corner accents. | `npx shadcn@latest add https://efferd.com/r/logo-cloud-10.json` |
| logo-cloud-11 | registry:block | Two-column split layout with vertical infinite scrolling logo sliders and highlighted cards, paired with heading and CTA. | `npx shadcn@latest add https://efferd.com/r/logo-cloud-11.json` |
| pricing-1 | registry:block | Side-by-side monthly and yearly pricing cards with discount badges. | `npx shadcn@latest add https://efferd.com/r/pricing-1.json` |
| pricing-2 | registry:block | Grid layout pricing with full-width dividers and feature lists. | `npx shadcn@latest add https://efferd.com/r/pricing-2.json` |
| pricing-3 | registry:block | Three-card pricing with plan icons and feature comparison. | `npx shadcn@latest add https://efferd.com/r/pricing-3.json` |
| pricing-4 | registry:block | Interactive pricing with frequency toggle and numeric animations. | `npx shadcn@latest add https://efferd.com/r/pricing-4.json` |
| pricing-5 | registry:block | Three-column pricing with toggle and decorative elements. | `npx shadcn@latest add https://efferd.com/r/pricing-5.json` |
| pricing-6 | registry:block | Clean grid pricing with best value highlights and secure indicators. | `npx shadcn@latest add https://efferd.com/r/pricing-6.json` |
| pricing-7 | registry:block | Credit-based pricing with auto-recharge options and billing toggle. | `npx shadcn@latest add https://efferd.com/r/pricing-7.json` |
| testimonials-1 | registry:block | Testimonial with centered quote, author details, and company logo. | `npx shadcn@latest add https://efferd.com/r/testimonials-1.json` |
| testimonials-2 | registry:block | Minimalist testimonial with decorative cross-hair lines around the avatar. | `npx shadcn@latest add https://efferd.com/r/testimonials-2.json` |
| testimonials-3 | registry:block | Staggered grid layout of testimonial cards with quote icons. | `npx shadcn@latest add https://efferd.com/r/testimonials-3.json` |
| testimonials-4 | registry:block | Multi-column testimonial layout with quote icons, warm gradient background, and vertical divider. | `npx shadcn@latest add https://efferd.com/r/testimonials-4.json` |
| testimonials-5 | registry:block | Clean grid layout with full-width dividers and auto-filled grid cells. | `npx shadcn@latest add https://efferd.com/r/testimonials-5.json` |
| testimonials-6 | registry:block | Infinite vertical testimonial scroller with smooth motion and repeated card animation. | `npx shadcn@latest add https://efferd.com/r/testimonials-6.json` |
| testimonials-7 | registry:block | Infinite horizontal scroll of testimonial cards with full-width dividers. | `npx shadcn@latest add https://efferd.com/r/testimonials-7.json` |
| testimonials-8 | registry:block | Dual-row infinite slider moving in opposite directions. | `npx shadcn@latest add https://efferd.com/r/testimonials-8.json` |
| footer-1 | registry:block | Simple layout with logo, nav links, and social icons. | `npx shadcn@latest add https://efferd.com/r/footer-1.json` |
| footer-2 | registry:block | Clean footer with company links, resources, and social icons. | `npx shadcn@latest add https://efferd.com/r/footer-2.json` |
| footer-3 | registry:block | Animated footer with link sections, brand logo, and social icons. | `npx shadcn@latest add https://efferd.com/r/footer-3.json` |
| footer-4 | registry:block | Grid-based footer with social cards, link groups, and copyright bar. | `npx shadcn@latest add https://efferd.com/r/footer-4.json` |
| footer-5 | registry:block | Multi-column footer with app store buttons, social icons, and link groups. | `npx shadcn@latest add https://efferd.com/r/footer-5.json` |
| footer-6 | registry:block | Sticky layered footer with gradient background, social icons, and animated link groups. | `npx shadcn@latest add https://efferd.com/r/footer-6.json` |
| footer-7 | registry:block | Grid layout with status indicator and detailed links. | `npx shadcn@latest add https://efferd.com/r/footer-7.json` |
| footer-8 | registry:block | Newsletter signup form with theme toggle. | `npx shadcn@latest add https://efferd.com/r/footer-8.json` |
| footer-9 | registry:block | Prominent newsletter section with theme toggle. | `npx shadcn@latest add https://efferd.com/r/footer-9.json` |
| footer-10 | registry:block | Minimalist footer with newsletter subscription. | `npx shadcn@latest add https://efferd.com/r/footer-10.json` |
| footer-11 | registry:block | Clean footer with newsletter form and social links. | `npx shadcn@latest add https://efferd.com/r/footer-11.json` |
| footer-12 | registry:block | CTA section with newsletter and quick links. | `npx shadcn@latest add https://efferd.com/r/footer-12.json` |
| footer-13 | registry:block | Centered layout with navigation and social icons. | `npx shadcn@latest add https://efferd.com/r/footer-13.json` |
| footer-14 | registry:block | Large typography footer with status indicator. | `npx shadcn@latest add https://efferd.com/r/footer-14.json` |
| image-gallery-1 | registry:block | Masonry-style responsive gallery using random images with dynamic aspect ratios. | `npx shadcn@latest add https://efferd.com/r/image-gallery-1.json` |
| header-1 | registry:block | Responsive sticky header with scroll blur effect, animated mobile menu, and adaptive navigation links. | `npx shadcn@latest add https://efferd.com/r/header-1.json` |
| header-2 | registry:block | Elegant responsive header with scroll-based styling, mobile drawer menu, and smooth transitions. | `npx shadcn@latest add https://efferd.com/r/header-2.json` |
| header-3 | registry:block | Feature-rich responsive header with scroll blur, animated mobile drawer, and nested navigation menus. | `npx shadcn@latest add https://efferd.com/r/header-3.json` |
| header-4 | registry:block | A sticky responsive header with logo, navigation menu, and scroll-aware animations that adapts seamlessly between mobile and desktop views. | `npx shadcn@latest add https://efferd.com/r/header-4.json` |
| header-5 | registry:block | A sticky animated header with dropdown navigation menus for courses and community, featuring smooth scroll-triggered morphing between expanded and compact pill… | `npx shadcn@latest add https://efferd.com/r/header-5.json` |
| header-6 | registry:block | A sticky header with multi-column dropdown menus for product and company navigation, featuring grid and list layouts with responsive design for mobile and desk… | `npx shadcn@latest add https://efferd.com/r/header-6.json` |
| header-7 | registry:block | Floating squircle navigation with popover menu and social links. | `npx shadcn@latest add https://efferd.com/r/header-7.json` |
| header-8 | registry:block | Compact navigation with dropdown menus and separated action buttons. | `npx shadcn@latest add https://efferd.com/r/header-8.json` |
| header-9 | registry:block | Scroll-aware navigation with featured cards and affiliate section. | `npx shadcn@latest add https://efferd.com/r/header-9.json` |
| header-10 | registry:block | Fixed navigation with dropdown menus and mobile accordion. | `npx shadcn@latest add https://efferd.com/r/header-10.json` |
| header-11 | registry:block | Centered navigation with dropdown menus and action buttons. | `npx shadcn@latest add https://efferd.com/r/header-11.json` |
| header-12 | registry:block | Bordered navigation with GitHub stars counter and dropdown menus. | `npx shadcn@latest add https://efferd.com/r/header-12.json` |
| header-13 | registry:block | Scroll-triggered navigation with featured customer stories and open-source cards. | `npx shadcn@latest add https://efferd.com/r/header-13.json` |
| header-14 | registry:block | Sticky header with scroll-based resizing and multi-column dropdowns. | `npx shadcn@latest add https://efferd.com/r/header-14.json` |
| hero-1 | registry:block | Centered hero with radial gradient background and announcement badge | `npx shadcn@latest add https://efferd.com/r/hero-1.json` |
| hero-2 | registry:block | Hero with vertical border accents and gradient text effect | `npx shadcn@latest add https://efferd.com/r/hero-2.json` |
| hero-3 | registry:block | Left-aligned hero with dashboard screenshot preview | `npx shadcn@latest add https://efferd.com/r/hero-3.json` |
| hero-4 | registry:block | Centered hero with outline text effect and dot grid pattern | `npx shadcn@latest add https://efferd.com/r/hero-4.json` |
| hero-5 | registry:block | Modern hero page with particle background and social login buttons. | `npx shadcn@latest add https://efferd.com/r/hero-5.json` |
| hero-6 | registry:block | Hero with animated gradient bars visualization | `npx shadcn@latest add https://efferd.com/r/hero-6.json` |
| hero-7 | registry:block | Left-aligned hero with 3D perspective dashboard mockup | `npx shadcn@latest add https://efferd.com/r/hero-7.json` |
| hero-8 | registry:block | Centered hero with animated multi-screen card display | `npx shadcn@latest add https://efferd.com/r/hero-8.json` |
| hero-9 | registry:block | Centered hero with announcement tag and dashboard preview frame | `npx shadcn@latest add https://efferd.com/r/hero-9.json` |
| features-1 | registry:block | Linear feature grid with icons and descriptions, separated by vertical lines. | `npx shadcn@latest add https://efferd.com/r/features-1.json` |
| features-2 | registry:block | Three-column grid with decorative corner icons and dashed lines highlighting workflow features. | `npx shadcn@latest add https://efferd.com/r/features-2.json` |
| features-3 | registry:block | Grid layout with full-width dividers, showcasing features with icons and concise text. | `npx shadcn@latest add https://efferd.com/r/features-3.json` |
| features-4 | registry:block | Modern feature cards with extended borders, corner decorators, and detailed feature breakdown. | `npx shadcn@latest add https://efferd.com/r/features-4.json` |
| features-5 | registry:block | Minimal feature card with icon, title, and subtle grid background. | `npx shadcn@latest add https://efferd.com/r/features-5.json` |
| features-6 | registry:block | Bento grid layout with varying card sizes, featuring interactive visuals like a globe, charts, and dashboard preview. | `npx shadcn@latest add https://efferd.com/r/features-6.json` |
| features-7 | registry:block | Three interactive feature cards with animated visual elements showcasing integration, analytics, and usability. | `npx shadcn@latest add https://efferd.com/r/features-7.json` |
| features-8 | registry:block | Bento grid for AI agent features, including model selection, knowledge base, memory, and tools. | `npx shadcn@latest add https://efferd.com/r/features-8.json` |
| features-9 | registry:block | Comprehensive feature grid showcasing collaboration tools like comments, text editor, AI copilot, and real-time presence. | `npx shadcn@latest add https://efferd.com/r/features-9.json` |
| features-10 | registry:block | Interactive feature grid with hover effects, showcasing dashboard, analytics, shortcuts, and security. | `npx shadcn@latest add https://efferd.com/r/features-10.json` |
| integrations-1 | registry:block | Grid layout with integration cards and view all link. | `npx shadcn@latest add https://efferd.com/r/integrations-1.json` |
| integrations-2 | registry:block | Grid layout with bordered integration cards and decorative plus icons. | `npx shadcn@latest add https://efferd.com/r/integrations-2.json` |
| integrations-3 | registry:block | Split layout with text content and scattered grid-based integration logos. | `npx shadcn@latest add https://efferd.com/r/integrations-3.json` |
| integrations-4 | registry:block | Split layout with heading and scattered rounded integration cards with mask. | `npx shadcn@latest add https://efferd.com/r/integrations-4.json` |
| integrations-5 | registry:block | Horizontal scrolling row of overlapping circular integration logos with mask. | `npx shadcn@latest add https://efferd.com/r/integrations-5.json` |
| integrations-6 | registry:block | Three-column layout with centered text and connector lines to integration cards. | `npx shadcn@latest add https://efferd.com/r/integrations-6.json` |
| integrations-7 | registry:block | Stacked circular integration cards with hover expand effect and vertical mask. | `npx shadcn@latest add https://efferd.com/r/integrations-7.json` |
| integrations-8 | registry:block | Bento-style grid with mixed aspect ratios and integration logos. | `npx shadcn@latest add https://efferd.com/r/integrations-8.json` |
| integrations-9 | registry:block | Floating animated integration boxes around centered heading text. | `npx shadcn@latest add https://efferd.com/r/integrations-9.json` |
| integrations-10 | registry:block | Animated integration boxes with center logo and connecting SVG pattern lines. | `npx shadcn@latest add https://efferd.com/r/integrations-10.json` |
| integrations-11 | registry:block | Split layout with infinite vertical slider columns of integration logos. | `npx shadcn@latest add https://efferd.com/r/integrations-11.json` |
| integrations-12 | registry:block | Circular orbit layout with integration logos positioned around central circle. | `npx shadcn@latest add https://efferd.com/r/integrations-12.json` |
| not-found-1 | registry:block | Minimal 404 error page with bold typography, subtle borders, and clear navigation actions. | `npx shadcn@latest add https://efferd.com/r/not-found-1.json` |
| not-found-2 | registry:block | Minimalist 404 page featuring large masked typography and clear navigation actions. | `npx shadcn@latest add https://efferd.com/r/not-found-2.json` |

## For AI agents

```text
You are adding components from @efferd to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/efferd.md) for the component list.
2. Fetch the machine-readable index: https://efferd.com/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: efferd).
```