shadcn/ui on new websites

Radix-based React component library distributed as copy-paste source rather than installed as an npm dependency.

Sites using shadcn/ui
194,714
since Apr 2026
Last 30 days
2.8%
of new sites, to Oct 18
-0.2 pts on the 30 days before
Last 7 days
2.5%
of new sites, 7-day average
-0.1 pts on the week before
Rank in UI Library
#2
of 126 tools, all time
In our data since Apr 2026
Last seen Oct 19, 2026
Website ui.shadcn.com

What we found

  1. About 1 in 35 websites that went live in the last 30 days were built with shadcn/ui (2.8%).[1]
  2. It is the second most common UI library on new sites. Lucide Icons appears on about 5 times as many.
  3. Nine in ten new shadcn/ui sites also use Tailwind CSS.

Share of new sites using shadcn/ui

0% 1% 2% 3% 4% 10 Sep Oct

The line is the 7-day average share of new sites that use shadcn/ui, since 10 September.

Who uses shadcn/ui

Kind of site 82,493 sites with a known type
TypeSitesShareBar
Health 10,910 13.2%
Marketing 9,236 11.2%
Finance 8,677 10.5%
E-commerce 8,194 9.9%
Productivity 7,194 8.7%
Developer Tools 6,982 8.5%
Education 6,791 8.2%
AI 5,842 7.1%
Content 5,069 6.1%
Hiring & HR 3,086 3.7%
Social 3,074 3.7%
Games 2,549 3.1%
Country[2] 38,325 sites with a likely country
CountrySitesShareBar
US 12,341 32.2%
UK 5,687 14.8%
India 4,697 12.3%
France 2,874 7.5%
Canada 2,870 7.5%
Brazil 968 2.5%
Australia 899 2.4%
Sweden 790 2.1%
Switzerland 613 1.6%
Germany 546 1.4%
Spain 337 0.9%
Türkiye 290 0.8%
Domain ending 194,233 sites
EndingSitesShareBar
.com 110,443 56.9%
.app 13,323 6.9%
.org 5,850 3.0%
.online 5,517 2.8%
.uk 5,306 2.7%
.ai 5,200 2.7%
.in 4,747 2.4%
.dev 3,883 2.0%
.io 3,866 2.0%
.net 3,819 2.0%
.co 3,455 1.8%
.site 3,182 1.6%
Green hosting[3] 24,982 checked sites since Apr 2026
SitesGreenBar
shadcn/ui 55%
All new sites 47%

UI Library on new sites

# Movement Tool Share of all sites Share of category[4] Bar
1 – Lucide Icons 16.1% 96.2%
2 – shadcn/ui 3.2% 19.4%
3 – Chakra UI <0.1% 0.2%
4 – Flowbite <0.1% 0.1%
5 – Preline UI <0.1% 0.1%

All-time shares across the new sites we track: of all of them, and of the sites using any UI Library tool. shadcn/ui is typically used alongside Lucide Icons rather than instead of it. All 126 in UI Library

Often used with shadcn/ui

Tool Sites with both vs all new sites Bar
Motion 72,646 6.3x
React Router 78,883 6.1x
Lucide Icons 163,182 5.2x
Tailwind CSS 180,940 3.8x
Vite 132,602 2.9x

Tools that turn up far more often on shadcn/ui sites than on new sites in general, and how many times as common each one is there.

Recently launched products built on shadcn/ui

Notes

  1. These figures cover websites that went live since April 2026, not the web as a whole.
  2. Country comes from what each site says about itself, such as a company registration, legal terms or a phone number, not just its domain ending. Too few sites state their country plainly for the usual count, so this one also counts single signals: a country domain ending, a phone number (for North America, its area code), a location the site declares in its own page metadata, or a country-specific vendor stack and the page language where they agree and nothing contradicts them. Read these as likely rather than certain.
  3. Green hosting is the share whose web host The Green Web Foundation lists as running on green energy, among sites checked since 1 April 2026, against the same share for every new site we checked over that time. Data from The Green Web Foundation.
  4. Some products people expect to see here are filed under a related category: CSS Framework, Javascript Library.

How this page is made

FirstSited looks at each new website near the day it goes live and records what it was built with. We do not go back later, so these figures describe what sites launch with, not what they run today. A site counts towards shadcn/ui when we detect shadcn/ui on it at that look.

Every share on this page is a proportion of the new sites we were tracking at the time. Sites we found across the wider web count towards the figures, but only product launches are listed by name. How we detect technologies · How we find new sites

Something not look right? If a technology shown here is wrong or out of date, email [email protected] and we'll review it.