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