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.