/Library-You-Should-Know

📜 A collection of libraries you should know, mostly for front-end developer use.

MIT LicenseMIT

pages-build-deployment

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

React Mobile UI

React Chart

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.