Shadcn components, Blocks and Templates

Explore shadcn components collected from various shadcn registries: AI elements, Application UI, marketing blocks, charts, templates, and commerce UI blocks. Compare ready-made React UI components and blocks, built on top of headless libraries like Base UI, Radix UI, and React Aria.

AI Agents

15
Model SelectorAudio VisualizerChain of ThoughtJSX PreviewMic SelectorAI elementsAudio ComponentsChat ContainerMessagePrompt InputPrompt SuggestionReasoningSourceTool UISpeech Input

Marketing Blocks

15
Login FormAboutAuthenticationBlogContactCTAFAQFeature BlocksFooterHeaderHero BlocksPricingStatsTestimonialSignup Form

Ecommerce Blocks

10
Product ReviewsCheckoutOrder HistoryOrder SummaryProduct CardProduct ListProduct ListingProduct Reviews ExamplesPromo BannerShopping Cart

Application UI

38
DatatableData GridAccordionAlertApp ShellAvatarAvatar GroupBadgeBreadcrumbButtonButton GroupCalendarCardCarouselCheckboxComboboxDatetableDate PickerDialogDropdown MenuFile UploadFormInputInput OTPPaginationPopoverProgressScroll areaSegmented ControlSelectSeparatorSidebarSliderSwitchTableTabsTextareaTooltip

Code Blocks

8
Activity GraphChangelogDiff ViewerFile TreeGithub StarsCode BlockJSON ViewerTerminal UI

Templates

12
AgencyAI Agent TemplatesAI SaaS TemplatesAstro TemplatesBlog TemplateLanding PageNextjs TemplatesPortfolioAdmin DashboardShadcn DashboardSaaSShadcn Templates

Project Management

5
Gantt ChartKanban BoardListRoadmapProject Timeline

Charts

11
Area ChartBar ChartDonut ChartFunnel ChartGauge ChartLine ChartPie ChartRadar ChartRadial ChartSankey ChartCharts

Text Animation

7
Ascii ArtBlur TextGlitch TextRotating TextText FlipText ScrambleTypewriter Effect

Misc

26
AI LoadingCursor EffectsLoading UIImage to ASCII ArtLoadersPretextAudio PlayerBackgroundShadcn BuildersColor SelectorEmpty StateFeedback barImageComparisonMarkdownPresetsProgress BarScroll AnimationScroll ButtonSound EffectsSpinner UIThemesVideo PlayerWidgetsText AnimationShaders Effects