A curated collection of the best UI kits, frameworks, and tools for modern web and mobile development.
Symbols Used:
- ✅ Full Support - Complete implementation with good documentation
⚠️ Partial Support - Limited or experimental support- ❌ No Support - Feature not available or not applicable
Column Explanations:
- TypeScript/Null Safety: Type safety support for better development experience
- Themes: Customizable theming system for brand consistency
- Mobile/Cross-Platform: Responsive design or multi-platform support
| Library | GitHub | Documentation | TypeScript | Themes | Mobile | Description |
|---|---|---|---|---|---|---|
| Material-UI (MUI) | Docs | ✅ | ✅ | ✅ | React components implementing Google's Material Design | |
| Ant Design | Docs | ✅ | ✅ | ✅ | Enterprise-class UI design language | |
| Chakra UI | Docs | ✅ | ✅ | ✅ | Simple, modular and accessible components | |
| Mantine | Docs | ✅ | ✅ | ✅ | Full-featured React components and hooks library | |
| NextUI | Docs | ✅ | ✅ | ✅ | Beautiful, fast and modern React UI library | |
| shadcn/ui | Docs | ✅ | ✅ | ✅ | Copy-paste components built with Radix UI and Tailwind | |
| Radix UI | Docs | ✅ | ✅ | Low-level UI primitives with accessibility | ||
| React Bootstrap | Docs | ✅ | ✅ | ✅ | Bootstrap components for React | |
| Fluent UI | Docs | ✅ | ✅ | ✅ | Microsoft's design system | |
| Headless UI | Docs | ✅ | ❌ | ✅ | Unstyled, accessible UI components | |
| Arco Design | Docs | ✅ | ✅ | ✅ | ByteDance's design system | |
| Semi Design | Docs | ✅ | ✅ | ✅ | Modern React UI library from ByteDance | |
| PrimeReact | Docs | ✅ | ✅ | ✅ | Rich set of open source native components | |
| React Suite | Docs | ✅ | ✅ | ✅ | Enterprise-oriented UI component library | |
| Grommet | Docs | ✅ | ✅ | ✅ | React-based framework with mobile-first approach | |
| Blueprint | Docs | ✅ | ✅ | React-based UI toolkit for the web | ||
| Evergreen | Docs | ✅ | ✅ | ✅ | React UI Framework by Segment | |
| Carbon Design System | Docs | ✅ | ✅ | ✅ | IBM's open source design system | |
| Elastic UI | Docs | ✅ | ✅ | ✅ | Elastic's design system | |
| Polaris | Docs | ✅ | ✅ | ✅ | Shopify's design system | |
| Magic UI | Docs | ✅ | ✅ | ✅ | Copy & paste components and templates for React | |
| Kibo UI | Docs | ✅ | ✅ | ✅ | Modern React component library | |
| Origin UI | Docs | ✅ | ✅ | ✅ | Beautiful UI components built with Tailwind CSS | |
| ReUI | Docs | ✅ | ✅ | ✅ | Modern React component library by KeenThemes | |
| Pattern Craft | Docs | ✅ | ✅ | ✅ | Beautiful pattern components and backgrounds | |
| Cult UI | Docs | ✅ | ✅ | ✅ | React component library with modern design | |
| Kokonut UI | Docs | ✅ | ✅ | ✅ | Smooth and modern React components | |
| Motion Primitives | Docs | ✅ | ✅ | ✅ | Beautiful motion components for React |
| Framework | GitHub | Documentation | Description |
|---|---|---|---|
| Next.js | Docs | Full-stack React framework | |
| Remix | Docs | Full stack web framework | |
| Refine | Docs | React-based framework for CRUD applications |
| Library | GitHub | Documentation | Type |
|---|---|---|---|
| Recharts | Docs | Composable charting library | |
| Victory | Docs | Modular charting components | |
| Nivo | Docs | Rich data visualizations | |
| visx | Docs | Low-level visualization components | |
| react-chartjs-2 | Docs | Chart.js wrapper |
| Library | GitHub | Documentation | TypeScript | Themes | Cross-Platform | Description |
|---|---|---|---|---|---|---|
| NativeBase | Docs | ✅ | ✅ | ✅ | Universal components for React Native | |
| React Native Elements | Docs | ✅ | ✅ | ✅ | Cross-platform UI toolkit | |
| React Native Paper | Docs | ✅ | ✅ | ✅ | Material Design for React Native | |
| Tamagui | Docs | ✅ | ✅ | ✅ | Universal React design system | |
| Gluestack UI | Docs | ✅ | ✅ | ✅ | Universal headless components | |
| NativeWind | Docs | ✅ | ✅ | ✅ | Tailwind CSS for React Native | |
| UI Kitten | Docs | ✅ | ✅ | ✅ | Eva Design System | |
| Shoutem UI | Docs | ✅ | ✅ | Customizable set of components |
| Tool | GitHub | Documentation | Category |
|---|---|---|---|
| Expo | Docs | Development platform | |
| React Native Navigation | Docs | Native navigation | |
| React Native Maps | Docs | Map components |
| Library | GitHub | Documentation | TypeScript | Themes | Mobile | Description |
|---|---|---|---|---|---|---|
| Element Plus | Docs | ✅ | ✅ | ✅ | Vue 3 UI library | |
| Vuetify | Docs | ✅ | ✅ | ✅ | Material Design Framework | |
| Ant Design Vue | Docs | ✅ | ✅ | ✅ | Ant Design for Vue | |
| Quasar Framework | Docs | ✅ | ✅ | ✅ | Vue.js based framework | |
| Arco Design Vue | Docs | ✅ | ✅ | ✅ | ByteDance's Vue design system | |
| Naive UI | Docs | ✅ | ✅ | ✅ | Vue 3 component library | |
| PrimeVue | Docs | ✅ | ✅ | ✅ | Rich set of open source components | |
| Vant | Docs | ✅ | ✅ | ✅ | Mobile UI Components | |
| View UI | Docs | ✅ | ✅ | ✅ | High quality UI Toolkit | |
| Vue Material | Docs | ✅ | ✅ | Material Design for Vue.js |
| Framework | GitHub | Documentation | Description |
|---|---|---|---|
| Nuxt.js | Docs | Vue.js meta-framework | |
| VuePress | Docs | Static site generator | |
| Gridsome | Docs | JAMstack framework |
| Library | GitHub | Documentation | Null Safety | Themes | Platform Support | Description |
|---|---|---|---|---|---|---|
| Material Components | - | Docs | ✅ | ✅ | All | Google's Material Design |
| TDesign Flutter | Docs | ✅ | ✅ | All | Tencent's design system | |
| Flutter Screenutil | Docs | ✅ | ❌ | All | Screen adaptation solution | |
| GetWidget | Docs | ✅ | ✅ | All | Open source UI library | |
| Bruno | Docs | ✅ | ✅ | All | Enterprise-class mobile UI | |
| Flutter ShadcnUI | Docs | ✅ | ✅ | All | Flutter port of shadcn/ui | |
| Gluestack UI Flutter | Docs | ✅ | ✅ | All | Universal headless components |
| Library | GitHub | Documentation | Description |
|---|---|---|---|
| Provider | Docs | Dependency injection & state management | |
| Riverpod | Docs | Provider's successor | |
| BLoC | Docs | Business Logic Component | |
| GetX | Docs | State management & navigation |
Found a great UI library that's missing from this list? Have a suggestion for improvement?
- Fork this repository
- Create a new branch for your changes
- Add the library with the same format as existing entries
- Submit a pull request
- ✅ Verify links - Make sure all documentation links work
- ⭐ Check popularity - Library should have reasonable GitHub stars/community
- 📝 Follow format - Use the same table structure as existing entries
- 🔍 No duplicates - Check if the library is already listed
- 🚀 Active maintenance - Prefer actively maintained projects
- React Libraries: 28+ UI libraries and design systems
- Vue Libraries: 10+ comprehensive UI frameworks
- Flutter Libraries: 7+ mobile-first UI toolkits
- Total Frameworks: 10+ meta-frameworks and build tools
This collection is open source and available under the MIT License.
⭐ Star this repository if you found it helpful! ⭐
Made with ❤️ by the open source community