shadcncraft
Avatar Stackavatar-stackA 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.
BadgebadgeDisplays a badge or a component that looks like a badge.
Featured Iconfeatured-iconA 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.
Image Zoomimage-zoomImage zoom is a component that allows you to zoom in on an image.
MarqueemarqueeA 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.
Page Headingpage-headingA 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.
Placeholder Logoplaceholder-logoA component for that can be replaced with your brand's main logo. This component ensures layouts stay consistent before brand assets are applied.
Profile Cardprofile-cardAn extension of the avatar component with more details on the individual. Good for blog posts etc.
Section Headingsection-headingA component that standardizes heading typography and spacing. This component includes a pre-heading label, main heading, and body text in different layout variants.
Star Ratingstar-ratingA component that displays ratings with stars and an optional label. This component builds trust with visual feedback.
TaglinetaglineA component that displays a tagline with different variants.