mirror
/
front-end-interview-handbook
mirror of https://github.com/yangshun/front-end-interview-handbook.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

[web] blog: mention Untitled UI React

This commit is contained in:
Yangshun 2025-07-30 16:49:35 +08:00
parent c74787651b
commit 6201b676c3
4 changed files with 46 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
apps/web/public/img/blog/react-ui-component-libraries/untitled-ui.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 84 KiB

BIN
apps/web/public/img/blog/tailwind-resources/untitled-ui.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 28 KiB

20
apps/web/src/content/blog/posts/10-best-free-tailwind-based-component-libraries-and-ui-kits.mdx
View File

@ -166,4 +166,24 @@ By the numbers (accurate as of 18th Jan 2024):
- Mode of usage: Copy/paste components
- Framework integrations: React
## Bonus: Untitled UI
![Untitled UI React homepage](/img/blog/tailwind-resources/untitled-ui.webp)
[Untitled UI React](https://www.untitledui.com/react) is a new addition to open source Tailwind CSS libraries. Launched in July 2025, it's the world's largest collection of open-source React components built with Tailwind CSS v4.1, TypeScript, and React Aria.
It's consistent, professionally designed, and includes pretty much everything you need to design and develop modern, beautiful, responsive interfaces and websites in one neatly organized package. Untitled UI React is based on [Untitled UI Figma](https://www.untitledui.com/figma), the world's most popular Figma UI kit, so design and code are always in sync if your team uses Figma for prototyping.
Installation is easy and this library comes with a custom CLI tool and starter kits for Next.js, Bolt.new, Vite, and more. It's ideal for teams already using Tailwind CSS who want production-ready, modern, accessible React components out of the box that don't rely on external dependencies.
By the numbers (accurate as of 30th Jul 2025):
- Base components: 30
- Sections/blocks/pages: 250+
- GitHub stars: 866
- Mode of usage: Copy/paste React components (manually or via CLI)
- Framework integrations: React
---
![Tailwind Based Component Libraries and UI Kits List](/img/blog/tailwind-resources/tailwind-based-libraries-and-kits-list.jpg)

35
apps/web/src/content/blog/posts/top-react-ui-component-libraries-in-2024.mdx
View File

@ -24,7 +24,7 @@ UI component libraries improve developer efficiency by enabling consistent desig
By the numbers (accurate as of 22nd Feb 2024):
- GitHub stars: ~90.8k
- Npm downloads (weekly): ~2,900,000
- npm downloads (weekly): ~2,900,000
## Ant Design
@ -35,7 +35,7 @@ By the numbers (accurate as of 22nd Feb 2024):
By the numbers (accurate as of 22nd Feb 2024):
- GitHub stars: ~89.4k
- Npm downloads (weekly): ~1,100,000
- npm downloads (weekly): ~1,100,000
## Shadcn UI
@ -46,7 +46,7 @@ By the numbers (accurate as of 22nd Feb 2024):
By the numbers (accurate as of 22nd Feb 2024):
- GitHub stars: ~49.2k
- Npm downloads (weekly): -
- npm downloads (weekly): -
## Chakra UI
@ -57,7 +57,7 @@ Next, [Chakra UI](https://chakra-ui.com) is a simple, modular and accessible com
By the numbers (accurate as of 22nd Feb 2024):
- GitHub stars: ~36k
- Npm downloads (weekly): ~457,000
- npm downloads (weekly): ~457,000
## Mantine
@ -68,7 +68,7 @@ By the numbers (accurate as of 22nd Feb 2024):
By the numbers (accurate as of 22nd Feb 2024):
- GitHub stars: ~23.5k
- Npm downloads (weekly): ~257,000
- npm downloads (weekly): ~257,000
## React Bootstrap
@ -79,7 +79,7 @@ Additionally, [React Bootstrap](https://react-bootstrap.github.io) is a library
By the numbers (accurate as of 22nd Feb 2024):
- GitHub stars: ~22.1k
- Npm downloads (weekly): ~1,318,000
- npm downloads (weekly): ~1,318,000
## Next UI
@ -90,7 +90,7 @@ By the numbers (accurate as of 22nd Feb 2024):
By the numbers (accurate as of 22nd Feb 2024):
- GitHub stars: ~18.4k
- Npm downloads (weekly): ~57,000
- npm downloads (weekly): ~57,000
## Semantic UI
@ -101,7 +101,7 @@ By the numbers (accurate as of 22nd Feb 2024):
By the numbers (accurate as of 22nd Feb 2024):
- GitHub stars: ~13.2k
- Npm downloads (weekly): ~217,000
- npm downloads (weekly): ~217,000
## PrimeReact
@ -112,7 +112,24 @@ Last but not least, [PrimeReact](https://primereact.org) includes advanced compo
By the numbers (accurate as of 22nd Feb 2024):
- GitHub stars: ~5.3k
- Npm downloads (weekly): ~104,000
- npm downloads (weekly): ~104,000
## Bonus: Untitled UI
![Untitled UI React homepage](/img/blog/react-ui-component-libraries/untitled-ui.webp)
[Untitled UI React](https://www.untitledui.com/react) is new addition to open-source Tailwind CSS libraries. Launched in July 2025, it's the world's largest collection of open-source React components built with Tailwind CSS v4.1, TypeScript, and React Aria.
It's consistent, professionally designed, and includes pretty much everything you need to design and develop modern, beautiful, responsive interfaces and websites in one neatly organized package. Untitled UI React is based on [Untitled UI Figma](https://www.untitledui.com/figma), the world's most popular Figma UI kit, so design and code are always in sync if your team uses Figma for prototyping.
Installation is easy and this library comes with a custom CLI tool and starter kits for Next.js, Bolt.new, Vite, and more. It's ideal for teams already using Tailwind CSS who want production-ready, modern, accessible React components out of the box that don't rely on external dependencies.
By the numbers (accurate as of 30th Jul 2025):
- GitHub stars: 866
- npm downloads (weekly): -
---
![React UI Component Libraries List](/img/blog/react-ui-component-libraries/react-component-libraries-list.jpg)