A shadcn/ui registry with 1429 blocks, 1189 component variants, 14 templates, themes, and admin dashboard patterns.
Affiliate offer
A social media feed grid with larger image tiles, featured profile section, video card with hover-to-play, and social network icons that appear on hover.
Hashtag-led social gallery carousel that opens a dialog with image carousel, captions, source links, and social share actions for shoppable user-generated content.
Floating video trigger opens a full-screen stories-style dialog with product video, image carousel, ratings, quantity controls, and add-to-cart actions.
Asymmetric photo mosaic of Instagram-tagged home posts that open a fade carousel dialog with author, caption, and tagged products.
Sonner toast with a title and supporting description.
Sonner toast with a custom icon and supporting description.
Sonner toast that stays visible for a custom duration.
Success sonner toast with a longer multi-line description.
Sonner toast that renders custom React content instead of a title string.
Sonner toast with a close button using the closeButton option.
Sonner toast that stays on screen until dismissed with duration Infinity.
Sonner toast that inverts light and dark colors with the invert option.
Sonner toast with an action button for undo or follow-up.
Sonner toast with a cancel button to dismiss a pending action.
Sonner toast with both action and cancel buttons for confirm or abort.
Sonner toast that cannot be dismissed until it expires.
Dismiss a sonner toast by id or clear the stack with toast.dismiss.
Update one sonner toast in place by passing the same id to later toast calls.
Headless sonner toast rendered with toast.custom and fully custom markup.
Sonner toast with onDismiss and onAutoClose callbacks after the toast leaves.
Sonner toast with JSX action and cancel buttons instead of label objects.
Sonner toast positioned in the top left of the viewport.
Sonner toast positioned at the top center of the viewport.
Sonner toast positioned in the top right of the viewport.
Sonner toast positioned in the bottom left of the viewport.
Sonner toast positioned at the bottom center of the viewport.
Sonner toast positioned in the bottom right of the viewport.
Promise toast using the shadcn sonner toast.promise API.
Promise toast that interpolates resolved data into the sonner success message.
Promise toast that surfaces the rejected error in the sonner message.
Persistent loading toast using the shadcn sonner toast.loading API.
Promise toast whose success and error handlers return a toast options object.
Expanded sonner stack with closeButton so each toast can be dismissed.
Default sonner toast using the shadcn Sonner component.
Success toast using the shadcn sonner toast.success API.
Error toast using the shadcn sonner toast.error API.
Warning toast using the shadcn sonner toast.warning API.
Info toast using the shadcn sonner toast.info API.
Typed sonner toasts with richColors enabled on the Toaster.
A canvas particle field that drifts, wraps, and twinkles as a decorative background behind heroes and highlights.
Spinner in Item.
Spinner in Input Group.
Spinner in Empty State.
Loading Button.
Loading Outline Button.
Loading Icon Button.
Loading Secondary Button.
Loading Small Button.