A compact, visually appealing component for displaying multiple user avatars in an overlapping stack. Perfect for showing participants in a group chat, team members, or active collaborators. Supports customizable size, max visible avatars, border styling, and optional '+n' indicator for overflow. Renders gracefully from 1 to dozens of users while maintaining a small footprint.

A component that highlights a key excerpt or quote from an article. This component draws attention to important passages and breaks up long text blocks.

A component that displays an inline or full-width image with an optional caption. This component makes blog articles more engaging and visually appealing.

A component that combines small text with an icon for quick callouts. This component highlights key values such as benefits, attributes, or job details.

A component that arranges an icon, header, body text, and CTA in different layout styles. This component makes features clear and actionable.

A component that places an icon inside a styled square or circle frame for extra prominence. This component makes supporting visuals stand out in marketing layouts.

A component that displays open roles in a card format with a badge, title, short body, and feature chips. This component brings structure and clarity to careers pages.

A smooth, endlessly looping scroller ideal for showcasing logos, testimonials, images, or sponsor lists. Features auto-play with customizable speed, pause-on-hover, reverse direction, and seamless loop behavior.

A component that displays large stats with a sub-label for context. This component is designed to highlight performance or usage data.

A Mobile Navigation Menu component that provides expandable menus for small screens. Built based on shadcn/ui Navigation Menu component, but optimized for small screens and touch navigation.

A component that acts as the text-focused version of a hero banner. This component combines a pre-heading label, an H1 heading, supporting description text, and call-to-action buttons.

A component for that can be replaced with your brand's main logo. This component ensures layouts stay consistent before brand assets are applied.

An extension of the avatar component with more details on the individual. Good for blog posts etc.

A component that standardizes heading typography and spacing. This component includes a pre-heading label, main heading, and body text in different layout variants.

A component that displays ratings with stars and an optional label. This component builds trust with visual feedback.

A component that presents a smaller feature layout for a dialled-back look. This component balances detail with simplicity.

A component that displays a tagline with different variants.

A Placeholder that displays content in a device-style frame. This component helps showcase product UI.

Blog Post Card components that display blog posts in tile layouts, including a large feature card. These components are designed with multiple styles, though basic tiles don't use small or large screen variants.

Blog Listing Featured Card components that display blog posts in tile layouts, including a large feature card. These components are designed with multiple styles, though basic tiles don't use small or large screen variants.

Pricing Card components that compare plans with layout variants, including a 'Most Popular' highlight. These components make pricing clear and actionable.

Team Card components that display a user's image alongside their name and a supporting detail such as role or date. These components are useful for adding identity and context to content.

shadcn/ui Banner blocks for promotions, updates, and cookie preferences. Choose from floating dialog banners that sit over content or full-bleed styles that span the page. Designed to capture attention without disrupting the flow of your site.

shadcn/ui Benefits blocks focus on outcomes, not Benefits. Help customers see exactly how your product improves their life or business. A proven section for driving conversions on marketing sites.

shadcn/ui Blog Listings blocks that showcase articles in a clean, engaging format. Use them for dedicated blog index pages, at the bottom of marketing content, or on blog detail pages to keep readers exploring.

shadcn/ui Careers blocks help you highlight open roles and attract talent. Choose from card or table layouts and use imagery to showcase your culture and what it feels like to work at your company.

shadcn/ui Contact blocks featuring forms and maps. Perfect for helping customers get in touch, with support for multiple office locations to make your business feel approachable and easy to reach.

shadcn/ui CTA blocks designed to drive interaction. Pair strong copy with visuals to encourage signups, trials, or purchases at key points on your site.

shadcn/ui FAQ blocks give customers quick answers to common questions, reducing support requests and boosting trust. Each block includes a fallback CTA for when customers need to get in touch directly.

shadcn/ui Footers blocks that handle common layouts, from simple links to more advanced versions with newsletter signup. An effective place to capture subscribers while closing out your site.

shadcn/ui Hero blocks that combine striking visuals with headings and navigation. Designed to make a strong first impression, with options for image backgrounds and guidance on maintaining text contrast for accessibility.

shadcn/ui Metric blocks highlight key stats that build credibility. Perfect for showcasing customer numbers, performance results, or milestones in a simple, scannable way.

shadcn/ui Newsletter Signup blocks designed to grow your subscriber base. Place them mid-page or at the bottom of landing and content pages to capture attention when interest is highest.

shadcn/ui Pricing blocks that clearly communicate your plans and costs. Choose from simple single-tier layouts or detailed multi-tier options that highlight features side by side to support buying decisions.

shadcn/ui Social Proof blocks that showcase customer results and brand credibility. Use them to reinforce trust by demonstrating the impact your product has had for real users.

shadcn/ui Team blocks introduce the people behind your product or service. A humanising element for agencies and startups where relationships with customers are central.

shadcn/ui Team blocks introduce the people behind your product or service. A humanising element for agencies and startups where relationships with customers are central.

shadcn/ui Top Navigation blocks that anchor the top of your marketing site. Include your branding, links to key content, and clear calls to action. Options include dropdowns and flyout menus for easy navigation.