Library-You-Should-Know
A collection of libraries you should know, mostly for front-end developer.
TypeScript
- zod: TypeScript-first schema validation with static type inference.
- ts-pattern: The exhaustive Pattern Matching library for TypeScript, with smart type inference.
- ts-toolbelt: TypeScript’s largest type utility library.
React UI
- antd: An enterprise-class UI design language and React UI library.
- @arco-design/web-react: A comprehensive React UI components library based on Arco Design.
- @douyinfe/semi-ui: A modern, comprehensive, flexible design system and React UI library. Provide more than 2,739+ Design Tokens and powerful DSM tools, easy to build your own design system. Make Semi Design to Any Design.
- @mui/material: MUI Core: Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google’s Material Design.
- @chakra-ui/react: Simple, Modular & Accessible UI Components for your React Applications.
- @radix-ui/themes: Radix Themes is an open-source component library optimized for fast development, easy maintenance, and accessibility.
- rsuite: A suite of React components.
- reactstrap: Simple React Bootstrap 5 components.
- react-bootstrap: Bootstrap components built with React.
React UI Pro
- @ant-design/pro-components: Use Ant Design like a Pro.
- @ant-design/pro-cli: An out-of-box UI solution for enterprise applications as a React boilerplate.
- @arco-design/arco-cli: An out-of-the-box solution to quickly build enterprise-level applications based on Arco Design.
React Mobile UI
- antd-mobile: Essential UI blocks for building mobile web apps.
- @arco-design/mobile-react: React mobile UI components library based on Arco Design.
React Chart
- @ant-design/charts: A React Chart Library.
React Virtual List
- react-virtualized: React components for efficiently rendering large lists and tabular data.
- react-window: React components for efficiently rendering large lists and tabular data.
Vue3 UI
- naive-ui: A Vue 3 Component Library. Fairly Complete. Theme Customizable. Uses TypeScript. Fast.
- quasar: Quasar Framework - Build high-performance VueJS user interfaces in record time.
- primevue: Next Generation Vue UI Component Library.
- radix-vue: Vue port of Radix UI Primitives. An open-source UI component library for building high-quality, accessible design systems and web apps.
- element-plus: A Vue.js 3 UI Library made by Element team.
- vuetify: Vue Component Framework.
- ant-design-vue: An enterprise-class UI components based on Ant Design and Vue.
- @arco-design/web-vue: A Vue.js 3 UI Library based on Arco Design.
Vue3 UI Pro
- arco-cli: An out-of-the-box solution to quickly build enterprise-level applications based on Arco Design.
Vue3 Mobile UI
- vant: A lightweight, customizable Vue UI library for mobile web apps.
Vue3 Ecosystem(Store, Router, etc.)
- vue-router: The official router for Vue.js.
- pinia: Intuitive, type safe, light and flexible Store for Vue using the composition api with DevTools support.
- vue-devtools: Browser devtools extension for debugging Vue.js applications.
- create-vue: The recommended way to start a Vite-powered Vue project.
- awesome-vue: A curated list of awesome things related to Vue.js
Cross-Platform UI Toolkit
- @ionic/cli: A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
CSS
- tailwindcss: A utility-first CSS framework for rapid UI development.
Git
- git-secrets: Prevents you from committing secrets and credentials into git repositories.
Mock
- Mocks Server: Node.js mock server running live, interactive mocks in place of real APIs.
Static Site Generator
- Astro: The all-in-one web framework designed for speed.
- vitepress: Vite & Vue powered static site generator.
Web Server
- caddy: Fast and extensible multi-platform HTTP/1-2-3 web server with automatic HTTPS.