@efferd

Efferd logo component.

Copy button component.

Full-width divider component.

Decor icon component.

Grid filler component.

Indicator component.

Lazy image component.

Outline text component.

react portal component.

Auth divider component.

Infinite slider component.

Progressive blur component.

Text effect component.

Use scroll hook.

Use media query hook.

Use copy to clipboard hook.

Use keypress hook.

Apple icon

Discord icon

Facebook icon

Figma icon

Framer icon

GitHub icon

Google icon

Google Play icon

Instagram icon

LinkedIn icon

React icon

shadcn/ui icon

Slack icon

Vercel icon

X (Twitter) icon

YouTube icon

Formater utilities.

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

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

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

Inset sidebar layout with collapsible navigation and padded main shell.

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

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

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

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

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

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

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

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

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

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

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

Sign-in layout with modern branding and compact form.

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

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

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

Sign-in page with testimonial card and email form.

Sign-in screen with patterned backdrop and centered form.

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

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

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

Minimalist list with dashed dividers.

Clean grid layout with bordered cards.

Immersive grid with images and gradients.

Bento-style grid with spanning items.

Magazine layout with featured post.

Compact contact strip with phone, email, and office details.

Three-card contact layout with email, community, and social links.

Elegant contact page with office info, email, phone, and social links.

Modern contact card with info section and built-in form area.

Bordered contact section with key details and a two-column form.

Full contact page with support cards, details panel, and lead form.

Two-column contact page with intro content and a card-based form.

Split contact page with company details, social links, and form panel.

Centered contact page with team form, chat links, and map section.

Sidebar-style contact layout with brand links and a detailed form.

Editorial contact page with direct links, map embed, and message form.

Centered call-to-action bar with bold heading and dual action buttons.

Minimal call-to-action section with headline, short description, and dual buttons for sales contact and getting started.

Stylish call-to-action block featuring bordered layout, decorative icons, and clear buttons for contacting sales or getting started.

Modern call-to-action card with rounded edges, subtle shadow, and dual buttons for contacting sales or getting started.

Newsletter subscription section with email input, submit button, and expert avatars for added trust and engagement.

A call-to-action Block with a heading and an animated 'Join Now!' button with hover effects.

CTA with heading and animated 'Join Now!' button.

Grid pattern background with email input and 'Join Now' button.

Ethereal shadow effect with number ticker and dual action buttons.

Animated border lines with 'Get Started' button.

Social proof with star ratings, number ticker, and dual action buttons.

Installation command with animated border lines and copy button.

Animated circular border with centered heading and action button.

Bold inverted design with large typography and email/calendar buttons.

Open-source showcase with animated notification cards and GitHub link.

Logo branding with animated expanding border frame.

Custom clip-path shape with pulsing dot and corner action button.

Event registration with animated floating cards and emoji badges.

Floating tool icons surrounding centered headline and action buttons.

Concentric animated circles with pricing headline and button.

Welcome header with KPI stats, sales area chart, and recent invoices in a bordered three-column grid.

Dense KPI grid with net revenue, channel sales lines, invoices table, billing health, and activity feed.

Customer support dashboard with conversation charts, CSAT scores, on-duty team, and recent tickets.

Commerce dashboard with revenue trends, refund rates, category ranking pie, and quick action items.

Web analytics dashboard with visitors chart, live users, top pages, traffic sources, and Core Web Vitals.

Finance overview with date toolbar, KPI stats, MOR chart, budget insights, orders chart, and attention list.

Marketing dashboard with time-range toggles, main revenue chart, lead breakdowns, and transactions table.

Store ops today view with gross revenue hero, peak hours, date toolbar, and conversion metric cards.

Ecommerce growth dashboard with sales charts, funnel, channel orders pie, heatmap, and team roster.

Observability dashboard with period toolbar, sparkline KPIs, latency cards, AI insight, and active deployments.

Elegant FAQ section with accordion-style questions, smooth transitions, and clear support call-to-action.

Split-screen FAQ layout with bordered sections, interactive accordion, and a clean call-to-action footer.

Two-column FAQ section featuring bordered layout, vertical guide line, and elegant accordion interactions.

Multi-category FAQ section with sidebar filters, adaptive accordion layout, and elegant interactive transitions.

Responsive FAQ section with filters, search, and accordions for quick answers.

Two-column FAQ layout with a heading panel, outline button, and card-style accordion list.

Split FAQ section with numbered accordion rows and full-width dividers for visual structure.

Centered FAQ page with grouped categories, bordered sections, and accordion-based answers.

Simple logo grid displaying brand icons in a clean, bordered layout with light and dark mode support.

Stylish logo grid featuring top tech brands with decorative plus icons and dynamic borders for a modern visual layout.

Smooth infinite-scrolling logo showcase highlighting trusted brands with gradient masking and elegant motion effects.

Animated logo carousel with soft edge blurs and gradient accents for a sleek, modern brand showcase.

Clean, centered logo grid with flexible wrapping layout showcasing brand partners in a simple, elegant format.

Rotating logo carousel with fade-in blur animations, automatically cycling through brand partners with smooth transitions.

Animated logo rotation with scale and blur transitions, displaying partner brands in timed batches with popLayout animation.

Dynamic grid layout with randomized logo swapping, featuring smooth transitions as brands randomly rotate in and out.

Responsive grid with continuous random logo rotation, showcasing partner brands with fast-paced blur and scale animations.

Interactive bordered logo grid with hover case study badges, featuring clickable brand cards with decorative corner accents.

Two-column split layout with vertical infinite scrolling logo sliders and highlighted cards, paired with heading and CTA.

Side-by-side monthly and yearly pricing cards with discount badges.

Grid layout pricing with full-width dividers and feature lists.

Three-card pricing with plan icons and feature comparison.

Interactive pricing with frequency toggle and numeric animations.

Three-column pricing with toggle and decorative elements.

Clean grid pricing with best value highlights and secure indicators.

Credit-based pricing with auto-recharge options and billing toggle.

Testimonial with centered quote, author details, and company logo.

Minimalist testimonial with decorative cross-hair lines around the avatar.

Staggered grid layout of testimonial cards with quote icons.

Multi-column testimonial layout with quote icons, warm gradient background, and vertical divider.

Clean grid layout with full-width dividers and auto-filled grid cells.

Infinite vertical testimonial scroller with smooth motion and repeated card animation.

Infinite horizontal scroll of testimonial cards with full-width dividers.

Dual-row infinite slider moving in opposite directions.

Simple layout with logo, nav links, and social icons.

Clean footer with company links, resources, and social icons.

Animated footer with link sections, brand logo, and social icons.

Grid-based footer with social cards, link groups, and copyright bar.

Multi-column footer with app store buttons, social icons, and link groups.

Sticky layered footer with gradient background, social icons, and animated link groups.

Grid layout with status indicator and detailed links.

Newsletter signup form with theme toggle.

Prominent newsletter section with theme toggle.

Minimalist footer with newsletter subscription.

Clean footer with newsletter form and social links.

CTA section with newsletter and quick links.

Centered layout with navigation and social icons.

Large typography footer with status indicator.

Masonry-style responsive gallery using random images with dynamic aspect ratios.

Responsive sticky header with scroll blur effect, animated mobile menu, and adaptive navigation links.

Elegant responsive header with scroll-based styling, mobile drawer menu, and smooth transitions.

Feature-rich responsive header with scroll blur, animated mobile drawer, and nested navigation menus.

A sticky responsive header with logo, navigation menu, and scroll-aware animations that adapts seamlessly between mobile and desktop views.

A sticky animated header with dropdown navigation menus for courses and community, featuring smooth scroll-triggered morphing between expanded and compact pill…

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…

Floating squircle navigation with popover menu and social links.

Compact navigation with dropdown menus and separated action buttons.

Scroll-aware navigation with featured cards and affiliate section.

Fixed navigation with dropdown menus and mobile accordion.

Centered navigation with dropdown menus and action buttons.

Bordered navigation with GitHub stars counter and dropdown menus.

Scroll-triggered navigation with featured customer stories and open-source cards.

Sticky header with scroll-based resizing and multi-column dropdowns.

Centered hero with radial gradient background and announcement badge

Hero with vertical border accents and gradient text effect

Left-aligned hero with dashboard screenshot preview

Centered hero with outline text effect and dot grid pattern

Modern hero page with particle background and social login buttons.

Hero with animated gradient bars visualization

Left-aligned hero with 3D perspective dashboard mockup

Centered hero with animated multi-screen card display

Centered hero with announcement tag and dashboard preview frame

Linear feature grid with icons and descriptions, separated by vertical lines.

Three-column grid with decorative corner icons and dashed lines highlighting workflow features.

Grid layout with full-width dividers, showcasing features with icons and concise text.

Modern feature cards with extended borders, corner decorators, and detailed feature breakdown.

Minimal feature card with icon, title, and subtle grid background.

Bento grid layout with varying card sizes, featuring interactive visuals like a globe, charts, and dashboard preview.

Three interactive feature cards with animated visual elements showcasing integration, analytics, and usability.

Bento grid for AI agent features, including model selection, knowledge base, memory, and tools.

Comprehensive feature grid showcasing collaboration tools like comments, text editor, AI copilot, and real-time presence.

Interactive feature grid with hover effects, showcasing dashboard, analytics, shortcuts, and security.

Grid layout with integration cards and view all link.

Grid layout with bordered integration cards and decorative plus icons.

Split layout with text content and scattered grid-based integration logos.

Split layout with heading and scattered rounded integration cards with mask.

Horizontal scrolling row of overlapping circular integration logos with mask.

Three-column layout with centered text and connector lines to integration cards.

Stacked circular integration cards with hover expand effect and vertical mask.

Bento-style grid with mixed aspect ratios and integration logos.

Floating animated integration boxes around centered heading text.

Animated integration boxes with center logo and connecting SVG pattern lines.

Split layout with infinite vertical slider columns of integration logos.

Circular orbit layout with integration logos positioned around central circle.

Minimal 404 error page with bold typography, subtle borders, and clear navigation actions.

Minimalist 404 page featuring large masked typography and clear navigation actions.