Updated

Technology · Web Development

shadcn/ui

ui.shadcn.com
Open source

shadcn/ui is a collection of re-usable components built using Radix UI and Tailwind CSS. It's not a component library in the traditional sense, but rather a set of beautifully designed, accessible components that developers can copy and paste into their projects. This approach allows for maximum customization and integration with existing codebases. shadcn/ui is particularly popular among developers who want high-quality, customizable components without the overhead of a full UI framework.

shadcn/ui belongs toUI frameworkscategory.

20websites

use it — 0.8% of the 2,560 websites we scanned in the last 12 months

#9of 33

tools in its category seen in our scans (we recognize 96)

19public pages

on UptimeCard — open any of them to see how that site is doing

0.25% of all websites we track run shadcn/ui▲ 0.01 points since 20 Sep

At a glance

UptimeCard's own scans and tests of 2,560 websites · refreshed weekly

How shadcn/ui sites scoreout of 100 · hover or tap a score for details

48PerformancePooraverage site: 5086AccessibilityGoodaverage site: 8987Best practicesGoodaverage site: 9392SEOGoodaverage site: 92

Page load time

Loads about 11% faster than the average site

shadcn/ui sites
3.8 s
All sites
4.3 s

Most shadcn/ui sites load in 3.4–4.9 s. Home page weight: 2.8 MB vs 3.3 MB for all sites. 16 public sites measured.

Who uses it?

Technology and Software is the biggest group

Technology and Software67%
Software as a Service (SaaS)17%
Cybersecurity6%
Financial Services6%

Share of 18 classified public sites. “× average” compares with all 961 public sites.

How shadcn/ui sites are built

Closest partners. The number says how many times more often the tool runs on shadcn/ui sites than on an average website. Hover a partner for its share of sites.

Vercel9×Piwik PRO Core6×Linkedin Ads4×DoubleClick Floodlight4×Linkedin Insight Tag4×Amazon S33×Microsoft Advertising3×Next.js3×HubSpot3×

Usually installed alongside

The bigger the bubble, the more of the 20 shadcn/ui sites also run the tool. Colour shows what the tool does. Hover or tap a bubble for details.

Google Analytics85%Linkedin Insight Tag60%Piwik PRO Core45%Google Tag Manager85%Microsoft Advertising45%DoubleClick Floodlight40%Linkedin Ads30%HubSpot30%Cookiebot15%OneTrust15%
AnalyticsTag managerAdvertisingMarketingCookie consent

Similar tools in its category

UI frameworks: 96 tools known, 33 seen in our scans

How websites combine shadcn/ui with other tools

Relationships found on the websites that use it, from the same map status pages show.

Needs another tool 33Integrates with another 5Complements another tool 4Built on a platform 1Overlaps with another 1

Websites using shadcn/ui

20 websites use shadcn/ui: 0.8% of the 2,560 websites we scanned in the last 12 months. A selection is shown below.

Scores are out of 100: P Performance · A Accessibility · B Best practices · S SEO. Green 80+, yellow 65–79, orange 50–64, red below 50. The dot shows whether our last scan found the site failing (red) or not (green); Red, amber or blue: an active incident on the site's status page (outage, degraded, maintenance) or a failing scan; amber also means a certificate ending within 30 days. Hover the dot for details.

Questions about shadcn/ui

How many websites use shadcn/ui?
We found shadcn/ui on 20 of the 2,560 websites we scanned in the last 12 months (0.8%). 19 of them have a public status page.
What is shadcn/ui often used with?
Among the websites we scan, shadcn/ui is often found alongside Google Analytics (85% of its sites), Google Tag Manager (85% of its sites), Linkedin Insight Tag (60% of its sites).
What are the alternatives to shadcn/ui?
Other ui frameworks tools we recognize include Bootstrap, Tailwind CSS, Marko, HeroUI.

Is your website built with shadcn/ui?

UptimeCard checks it around the clock, tells you the minute it stops answering, and gives your visitors a status page.