> For the complete documentation index, see [llms.txt](https://devresources.gitbook.io/devresources/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://devresources.gitbook.io/devresources/contents/js-framework-ui-libraries.md). # JS Framework UI libraries ### React UI > UI and component libraries for the React JavaScript framework | Website | Description | | -------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------- | | [Material UI](https://material-ui.com/) | React components for faster and easier web development, based on Material Design | | [Chakra UI](https://chakra-ui.com/) | Build accessible React apps & websites with speed. [Openchakra](https://openchakra.app/) | | [React Bootstrap](https://react-bootstrap.github.io/) | Bootstrap rebuilt for React. Include Bootstrap components right in your JavaScript | | [ui-playbook](https://uiplaybook.dev/) | The documented collection of UI components | | [ReactStrap](https://reactstrap.github.io/) | Another Bootstrap UI library for React | | [React Admin](https://marmelab.com/react-admin/) | A frontend Framework for building admin applications. Supports API's out of the box | | [BlueprintJS](https://blueprintjs.com/) | React-based UI toolkit for the web | | [React Semantic UI](https://react.semantic-ui.com/) | UI components based off of the Semantic UI framework | | [Shards React](https://designrevision.com/downloads/shards-react/) | React UI kit featuring a modern design system with dozens of custom components | | [React Virtualized](https://bvaughn.github.io/react-virtualized) | UI set for data. Includes tables, lists, sorting, etc. | | [React Toolbox](http://react-toolbox.io/#/) | Material design UI library for React | | [Elastic UI](https://elastic.github.io/eui/#/) | Distributes UI React components and static assets for use in building web layouts | | [React Desktop](http://reactdesktop.js.org/) | Desktop styled components in React. Includes MacOS and Windows based components | | [Theme UI](https://theme-ui.com/home) | Build consistent, themeable React apps based on constraint-based design principles | | [Onsen React](https://onsen.io/react/) | Distributes Components for hybrid mobile apps with React and Onsen UI | | [Evergreen](https://evergreen.segment.com/) | Design system for React | | [Rebass](https://rebassjs.org/) | React primitive UI components built with styled system | | [Grommet](https://v2.grommet.io/) | mobile first UI component library | | [Rimble](https://rimble.consensys.design/) | React design kit, library and guides | | [Landing Page Template](https://github.com/cruip/open-react-template/) | Open source landing page template for react | | [Elemental UI](http://elemental-ui.com/) | A UI Toolkit for React.js Websites and Apps | | [Ant Design](https://ant.design/) | Open source design React UI library. | | [Bumbag](https://bumbag.style/) | Bumbag is a friendly React UI Kit suitable for MVPs or large-scale applications. | | [PRIMEREACT](https://www.primefaces.org/primereact/) | The ultimate collection of design-agnostic, flexible and accessible React UI Components | | [Primer Components](https://primer.style/components/) | Primer Components are React components which implement GitHub's Primer Design System | | [Orbit](https://orbit.kiwi/) | Design system and React UI components for travel projects. | | [Base Web](https://baseweb.design/) | Base Web provides a robust suite of components out of the box | | [Backpack UI](http://lonelyplanet.github.io/backpack-ui/?path=/story/styles--design-tokens) | Backpack is the Lonely Planet toolset that we use to build front end apps. | | [Reaviz](https://reaviz.io) | Data visualization library for React based on D3 | | [React Suite](https://rsuitejs.com/en/) | A suite of React components, sensible UI design, and a friendly development experience. | | [React Spring](https://www.react-spring.io/) | Spring-physics based animation library for React applications. | | [Recharts](http://recharts.org/en-US/) | A composable charting library built on React components. | | [Vercel UI](https://github.com/geist-org/react) | Modern and minimalist React UI library | | [Framer Motion](https://www.framer.com/motion/) | A React library to power production-ready animations. | | [React Spectrum](https://react-spectrum.adobe.com/react-spectrum/index.html) | A React implementation of Spectrum, Adobe’s design system. | | [React tsParticles](https://particles.matteobruni.it/) | A lightweight React component for creating particles | | [particles-bg](https://github.com/lindelof/particles-bg) | A React particles animation background component | | [Treact](https://treact.owaiskhan.me) | Gallery of free and modern React templates and UI components developed using TailwindCSS as the front-end framework | | [OAH-Admin](https://gatsby-admin.paljs.com/extra-components/progress/) | a free React admin dashboard template based on Gatsby with oah-ui components and elements package. | | [Carolina Admin Dashboard](https://demo.uifort.com/carolina-react-admin-dashboard-material-ui-free-demo/LandingPage) | Free React admin template is powered by Material-UI components framework and features a clean and fresh design following Google's Material Design specifications. | | [Tabler](https://github.com/tabler/tabler-react) | Tabler is a free React admin dashboard template ideal for any kind of back-end web application. | | [Sha-el-design](https://github.com/sha-el/sha-el-design) | React components for easier customization and smooth development flow. | | [React-WeUI](https://weui.github.io/react-weui/docs/#/react-weui/docs/page/0/articles/0) | React-WeUI made from our love of React and WeChat's WeUI Design. | | [Supabase UI](https://ui.supabase.io/) | An open-source UI component library inspired by Tailwind and AntDesign. | | [Ring UI](https://github.com/JetBrains/ring-ui) | A collection of JetBrains Web UI components. | | [React95](https://react95.io/) | Refreshed Windows 95 style UI components for your React app. | | [Reakit](https://reakit.io/) | Reakit is a lower level component library for building accessible high level UI libraries, design systems and applications with React. | | [Zent](https://github.com/youzan/zent) | A collection of essential UI components written with React. | | [Gestalt](https://github.com/pinterest/gestalt) | A set of React UI components that supports Pinterest’s design language. | | [xstyled](https://xstyled.dev/) | A CSS-in-JS framework built for React with props based utilities like display, fontSize or rotate. | | [@use-gesture](https://github.com/pmndrs/use-gesture) | Bread n butter utility for component-tied mouse/touch gestures in React. | | [React Rainbow](https://react-rainbow.io/) | React Rainbow is a collection of components that will reliably help you build your application in a snap. | | [Choc UI](https://choc-ui.tech/) | Choc UI is a set of accessible and reusable components that are commonly used in web applications. | | [Elementz](https://elementz.style/) | A React Component library for buliding modern applications easily & quickly. | ### Vue UI > UI and component libraries for the Vue JavaScript framework | Website | Description | | --------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------- | | [Vuetify](https://vuetifyjs.com/en/) | Material design component framework | | [Bootstrap Vue](https://bootstrap-vue.org/) | Use Bootstrap components with Vue | | [Buefy](https://buefy.org/) | Lightweight UI components based on Bulma | | [Semantic UI Vue](https://semantic-ui-vue.github.io) | Semantic UI Vue is the Vue integration for Semantic UI | | [VEUI](https://veui.dev/en-US) | VEUI is an enterprise UI component library, based on Vue.js. | | [Grace](https://github.com/Trendyol/grace) | Design System For Vue Applications. | | [Quasar](https://quasar.dev/) | High-performance Material Design component suite with builders for SPA, SSR, PWA, Mobile (Cordova & Capacitor), Desktop (Electron) and Browser extensions | | [Element](https://element.eleme.io/#/en-US) | Desktop UI library for Vue | | [Fish UI](https://myliang.github.io/fish-ui/#/components/index) | Vue UI toolkit for the web | | [Keen UI](https://josephuspaye.github.io/Keen-UI) | VueUI library with a simple API, inspired by Google's Material Design | | [Onsen Vue](https://onsen.io/vue/) | Distributes Components for hybrid mobile apps with Vue and Onsen UI | | [Vuejsexamples](https://vuejsexamples.com) | A nice collection of useful vuejs UI components | | [Inkline](https://inkline.io) | Inkline is a modern UI/UX Framework for Vue.js designed for creating flawless responsive web applications | | [Vuesax](https://vuesax.com/) | Unique and reusable UI components | | [Antdv](https://antdv.com/) | UI library for Vue based on Ant Design | | [Shards Vue](https://designrevision.com/downloads/shards-vue/) | A high-quality & free Vue UI kit featuring a modern design system with dozens of custom components | | [Prime Vue](https://www.primefaces.org/primevue/) | Powerful yet simple to use, versatile, performant Vue UI Component Library to help you build stunning user interfaces. | | [Chakra UI Vue](https://vue.chakra-ui.com/) | Chakra UI is a simple modular and accessible component library that gives you the building blocks to build Vue applications with speed. | | [View UI](https://www.iviewui.com/) | Dozens of useful and beautiful Vue components made for people with all skill levels with extensive documentation. | | [Particles.vue](https://particles.matteobruni.it/) | A lightweight Vue 2.x component for creating particles | | [Particles.vue3](https://particles.matteobruni.it/) | A lightweight Vue 3.x component for creating particles | | [TC Components](https://components.timos.design) | A library of high-quality ready to use components that will help you speed up your development workflow. | | [Vant](https://youzan.github.io/vant) | Lightweight Mobile UI Components built on Vue. | | [Equal UI](https://quatrochan.github.io/Equal/) | Open-source Vue 3 components system for your next project based on TypeScript | | [Mint UI](https://mint-ui.github.io/#!/en) | Mobile UI elements for Vue.js | | [Cube UI](https://didi.github.io/cube-ui/#/en-US) | A fantastic mobile ui lib implement by Vue.js | | [Muse UI](https://muse-ui.org/#/en-US) | Based on the Vue 2.0 elegant Material Design UI component library | | [AT-UI](https://at-ui.github.io/at-ui/#/en) | AT-UI is a modular front-end UI framework for developing fast and powerful web interfaces based on Vue.js. | | [Vuikit](https://vuikit.js.org/) | A consistent and responsive Vue UI library, based on the front-end framework UIkit. | | [Wave UI](https://antoniandre.github.io/wave-ui/) | A Vue.js UI framework with only the bright side. | | [VueTailwind](https://www.vue-tailwind.com/) | Set of Lightview and fully customizable Vue Components optimized for TailwindCSS. | | [Oruga](https://oruga.io/) | Oruga is a lightweight library of UI components for Vue.js without CSS framework dependency. | | [BalmUI](https://material.balmjs.com/#/) | BalmUI is a modular and customizable Material Design UI library for Vue.js. | | [Weex UI](https://github.com/apache/incubator-weex-ui) | A rich interaction, lightweight, high performance UI library based on Weex. | | [Varlet](https://github.com/haoziqaq/varlet) | Varlet is a Material design mobile component library developed based on Vue3, developed and maintained by partners in the community. | | [Naive UI](https://www.naiveui.com/en-US/os-theme) | A Vue 3 Component Library. Fairly Complete. Customizable Themes. Uses TypeScript. Not too Slow. | | [Vuestic](https://vuestic.dev/) | Free and Open Source UI Library for Vue 3 🤘. | | [Vue Final Modal](https://vue-final-modal.org/) | Vue Final Modal is a tiny, renderless, mobile-friendly, feature-rich modal component for Vue.js. | ### Angular UI > UI and component libraries for the Angular JavaScript framework | Website | Description | | ------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------- | | [Material Angular](https://material.angular.io/) | UI library for Angular based on Material design | | [NG Bootstrap](https://ng-bootstrap.github.io/#/home) | UI library for Angular based on the Bootstrap framework | | [PrimeNG](https://www.primefaces.org/primeng/#/) | Powerful UI component library for Angular | | [Onsen Angular](https://onsen.io/angular2/) | Hybrid mobile and PWA UI library for Angular and Onsen UI | | [NG Lightning](https://ng-lightning.github.io/ng-lightning/#/) | Native Angular components & directives for Lightning Design System | | [NG Semantic](https://ng-semantic.herokuapp.com/) | UI library for Angular based on Semantic UI | | [Nebular](https://akveo.github.io/nebular/) | Customizable UI Kit, Auth & Security for Angular | | [Alyle UI](https://alyle.io/) | Minimal components set for Angular | | [NGX Bootstrap](https://valor-software.com/ngx-bootstrap/#/) | Another UI library for Angular based on the Bootstrap framework | | [NG Zorro](https://ng.ant.design/) | UI library for Angular based on Ant Design | | [Pagination for datatables](https://www.npmjs.com/package/ngx-pagination) | npm library for pagination | | [Multi select dropdown](https://www.npmjs.com/package/ng-multiselect-dropdown) | For multi select drop-dowm in forms | | [NG Particles](https://particles.matteobruni.it/) | A lightweight Angular component for creating particles | | [Covalent UI](https://teradata.github.io/covalent/v3/#/) | Angular UI Platform focused on solving common enterprise needs | | [NGX Foundation](https://ngxfoundation.com/) | UI framework based on the veteran CSS framework foundation | | [Clarity](https://clarity.design/) | CSS based Angular UI framework developed by VMware group | | [Taiga UI](https://taiga-ui.dev/) | Taiga UI is fully-treeshakable Angular UI Kit consisting of multiple base libraries and several add-ons. | ### Svelte UI > UI and component libraries for the Svelte JavaScript compiler | Website | Description | | ----------------------------------------------------- | ------------------------------------------------------ | | [Svelte Material UI](https://sveltematerialui.com/) | UI library for Svelte based on Material Design | | [SvelteStrap](https://bestguy.github.io/sveltestrap/) | UI library for Svelte based on the Bootstrap framework | | [Svelte Flat UI](https://svelteui.js.org/) | UI library for Svelte based on Flat Design | | [Svelte Particles](https://particles.matteobruni.it/) | A lightweight Svelte component for creating particles | ### React Native UI > UI and component libraries for the React Native Framework | Website | Description | | -------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------- | | [Magnus UI](https://magnus-ui.com/) | Magnus UI is the ultimate UI framework that helps you in building consistent user interfaces effortlessly in react native | | [React Native UI Lib](https://wix.github.io/react-native-ui-lib/) | React Native UI (RNUI) is a UI Toolset & Components Library for React Native from Wix | | [React Native Paper](https://reactnativepaper.com/) | React Native Paper is a high-quality, standard-compliant Material Design library that has you covered in all major use-cases | | [UI Kitten](https://akveo.github.io/react-native-ui-kitten/) | UI Kitten is React Native framework for creating stunning cross-platform mobile applications. Design system based, brings your product from MVP to enterprise. | | [React Native Elements](https://reactnativeelements.com/) | Cross Platform React Native UI Toolkit that provides an all-in-one UI kit for creating apps in react native. | | [NativeBase](https://nativebase.io/) | Essential cross-platform UI components for React Native & Vue Native. | | [Shoutem UI](https://shoutem.github.io/docs/ui-toolkit/introduction) | Shoutem UI toolkit enables you to build professionally looking React Native apps with ease. | | [tailwind-rn](https://github.com/vadimdemedes/tailwind-rn) | Use Tailwind CSS in React Native projects. | | [Ant Design Mobile RN](https://rn.mobile.ant.design/) | An Ant design based configurable Mobile UI component library based on React Native. | | [SnackUI](https://github.com/snackui/snackui) | SnackUI is a UI Kit for React Native + react-native-web that's much faster rocket with an optimizing compiler. | | [Moti](https://moti.fyi/) | Moti is the universal animation package for React Native |