Skip to content
ZeroToHero
Main Navigation导航

软件推荐与配置

多平台软件
Windows 平台
浏览器设置与扩展
Visual Studio Code 配置
WebStorm 配置
在线工具
书签脚本
Referencevue3-resource书籍UnJS日常笔记
GitHub

外观

GitHub
本页目录
Table of Contents for current page

前端导航 ​

AI 导航

ChatGPT(最强)
ChatGPT(最强)
Notion AI(笔记)
Notion AI(笔记)
Midjourney(绘画)
Midjourney(绘画)
Beautiful.ai(PPT)
Beautiful.ai(PPT)
Qwen
Qwen
阿里通义
阿里通义
LobeChat
LobeChat
Free ChatGPT
Free ChatGPT
Ollama
Ollama

Vue 生态

Vue 3
Vue 3

渐进式 JavaScript 框架

Vue 2
Vue 2

渐进式 JavaScript 框架

Vue Router
Vue Router

Vue.js 的官方路由 为 Vue.js 提供富有表现力、可配置的、方便的路由

Pinia
Pinia

符合直觉的 Vue.js 状态管理库

Pinia Colada
Pinia Colada

Pinia Colada The Data Fetching layer for pinia

Nuxt.js
Nuxt.js

一个基于 Vue.js 的通用应用框架

VueUse
VueUse

Vue Composition API 的常用工具集

VueHooks Plus
VueHooks Plus

高性能和简单性🧲 Vue 3 Hooks 库

FormKit
FormKit

适用于 Vue 的 开源 表单框架,使开发人员能够以10倍的速度构建表单。

VeeValidate
VeeValidate

VeeValidate 是最受欢迎的 Vue.js 表单库。

Motion Vue
Motion Vue

适用于现代 Web 应用程序的简单、强大且高性能的动画。Motion for Vue

TresJS
TresJS

使用Vue打造精彩的3D体验

VueDraggablePlus
VueDraggablePlus

支持 Vue2 和 Vue3 的拖拽组件

shadcn-vue
shadcn-vue

vue版本的shadcn/ui,设计精美的组件,你可以直接复制和粘贴到你的应用中。

Inspira UI
Inspira UI

使用Vue和Nuxt构建惊艳网站的开源组件

Naive UI
Naive UI

一个 Vue 3 组件库比较完整,主题可调,使用 TypeScript,快有点意思

Element Plus
Element Plus

基于 Vue 3,面向设计师和开发者的组件库

Ant Design Vue
Ant Design Vue

Ant Design 的 Vue 实现,开发和服务于企业级后台产品

Vuetify
Vuetify

Vuetify 是一个零设计经验可用的 Vue 界面组件框架,包含了很多优美的自定义 Vue 组件。

PrimeVue
PrimeVue

最完整的 Vue.js UI 套件

TDesign
TDesign

腾讯出品的 Vue 组件。

Vant
Vant

轻量、可定制的移动端 Vue 组件库

NutUI
NutUI

京东风格的轻量级移动端组件库

React 生态

React
React

用于构建用户界面的 JavaScript 库

React Router
React Router

React 的声明式路由

Next.js
Next.js

一个用于 Web 的 React 框架

Remix
Remix

Focused on web standards and modern web app UX, you’re simply going to build better websites

Pmndrs.docs
Pmndrs.docs

一个包含集合react库的的导航站, 包括Zustand, Valtio, Jotai等

UmiJS
UmiJS

插件化的企业级前端应用框架

Ant Design
Ant Design

一套企业级 UI 设计语言和 React 组件库

Ant Design Mobile
Ant Design Mobile

构建移动 WEB 应用程序的 React 组件库

Material UI
Material UI

基于 Google Material Design 设计语言的 React 组件库

Mantine UI
Mantine UI

一套功能齐全的 React 组件库

shadcn/ui
shadcn/ui

设计精美的组件,你可以直接复制和粘贴到你的应用中

originui
originui

使用 Tailwind CSS 和 Next.js 构建的精美 UI 组件。

Magic UI
Magic UI

面向设计工程师的 UI 库。

Aceternity UI
Aceternity UI

复制粘贴最流行的组件并在您的网站中使用它们,而无需担心样式和动画。。

motion-primitives
motion-primitives

设计精美的动作组件。轻松复制粘贴。定制。开源。专为工程师和设计师打造。

Zustand
Zustand

一个小型、快速、可扩展的 React 状态管理解决方案

Valtio
Valtio

makes proxy-state simple for React and Vanilla

Jotai
Jotai

primitive and flexible state management for React

Redux
Redux

JavaScript 应用的状态容器,提供可预测的状态管理

MobX
MobX

一个小型、快速、可扩展的 React 状态管理解决方案

ahooks
ahooks

一套高质量可靠的 React Hooks 库

有意思的库

unjs
unjs

框架无关的 JavaScript库、工具及实用程序,助力提升你的编码之旅。

Swiper
Swiper

最现代的移动触摸Swiper

GSAP
GSAP

一个非常强大的 JavaScript 动画库。专为专业人士打造

AnimeJS
AnimeJS

一个非常强大且灵活的 JavaScript 动画库。

AutoAnimate
AutoAnimate

AutoAnimate 是一个零配置的插入式动画实用程序, React、Solid、Vue、Svelte 或任何其他框架。

LangUI
LangUI

Beautiful components for your AI projects

Lobe UI
Lobe UI

Lobe UI is an open-source UI component library for building AIGC web apps

VisActor
VisActor

VisActor ——面向叙事的智能可视化解决方案

Radash
Radash

功能性工具库 - 现代,简洁,类型化,强大

Lodash
Lodash

一个现代的JavaScript实用工具库,提供模块化、性能和额外功能。

es-toolkit
es-toolkit

es-toolkit 最先进的JavaScript工具库

Trystero
Trystero

构建即时多人 Web 应用程序,无需服务器 — 通过 BitTorrent、Nostr、MQTT、IPFS 和 Firebase 进行 Magic WebRTC 匹配。

LiveKit
LiveKit

End-to-end stack for WebRTC. SFU media server and SDKs.

Pragmatic drag and drop
Pragmatic drag and drop

快速推拽插件,适用于任何技术栈。

Drag + Drop
Drag + Drop

一个小型的数据优先的拖拽库, 支持Vue,React和原生js

Gridstack.js
Gridstack.js

在几分钟内构建交互式仪表板

TanStack
TanStack

TanStack, '无头'(headless)工具集, 包括数据请求, Form, List, Table等工具, 支持React, Vue

Alpine.js
Alpine.js

一个轻量级的JavaScript框架,用于构建用户界面,可以把它想象成现代网络版的 jQuery

Basecoat
Basecoat

一个 shadcn/ui 兼容的框架无关的的组件库,可与任何网络栈配合使用

Medium Zoom
Medium Zoom

一个用于像 Medium 那样缩放图片的 JavaScript 库

Advanced Cropper
Advanced Cropper

支持React,Vue的功能丰富的图片裁剪库

unified
unified

以结构化数据形式呈现的内容,为 @remarkjs、@rehypejs、@retextjs 以及 @redotjs 提供支持,用于构建诸如 @mdx-js、@prettier、@gatsbyjs 等诸多项目!

JavaScript 框架类库

Angular
Angular

现代 Web 开发平台

Svelte
Svelte

将声明性组件转换为精准高效更新 DOM 的 JavaScript 代码

Solid
Solid

一个用于构建用户界面,简单高效、性能卓越的JavaScript库

Nue
Nue

使用更简洁的代码构建用户界面。React、Vue 和 Svelte 的替代品

jQuery API 中文文档
jQuery API 中文文档

一个兼容多浏览器的 JavaScript 框架

JavaScript 运行时

Node.js
Node.js

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境

Deno
Deno

下一代Nodejs, 最简单,最安全的JavaScript运行时

Bun
Bun

Bun, 最简单,最安全的JavaScript运行时

Node 相关

Nest.js 中文文档
Nest.js 中文文档

用于构建高效且可伸缩的服务端应用程序的渐进式 Node.js 框架

Express
Express

基于 Node.js 平台,快速、开放、极简的 Web 开发框架

Koa
Koa

基于 Node.js 平台的下一代 web 开发框架

Egg
Egg

为企业级框架和应用而生

Midway
Midway

Midway Node.js Framework For Full-stack TypeScript Development

Node.js Toolbox
Node.js Toolbox

Find actively maintained and popular libraries in the Node.js ecosystem

Fresh
Fresh

基于Deno的下一代web框架

Danet
Danet

Deno生态的NestJs

ElysiaJS
ElysiaJS

ElysiaJS is a fast, and friendly Bun web framework.

Nitro
Nitro

下一代服务器工具包。创建一个包含您所需的一切的Web服务器,并将其部署到您喜欢的任何位置。

Hono
Hono

Fast, Lightweight, Web-standards

CSS 相关

PostCSS
PostCSS

一个用 JavaScript 转换 CSS 的工具

Sass
Sass

一个成熟,稳定,功能强大的专业级 CSS 扩展语言

TailwindCSS 中文网
TailwindCSS 中文网

一个功能类优先的 CSS 框架

UnoCSS
UnoCSS

即时按需原子 CSS 引擎

可视化

ECharts
ECharts

一个基于 JavaScript 的开源可视化图表库

AntV
AntV

蚂蚁集团全新一代数据可视化解决方案,致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践。

D3.js
D3.js

一个遵循 Web 标准用于可视化数据的 JavaScript 库

Chart.js
Chart.js

一个简单而灵活的 JavaScript 图表库

Three.js
Three.js

JavaScript 3d 库

Pixi.js
Pixi.js

The HTML5 Creation Engine

Fabric.js
Fabric.js

Fabric.js is a powerful and simple Javascript HTML5 canvas library

编译&构建&打包

Webpack 中文网
Webpack 中文网

一个用于现代 JavaScript 应用程序的静态模块打包工具

Rsbuild
Rsbuild

Rsbuild 基于 Rspack 的 Web 构建工具, 快速迁移Webpack项目

Vite 中文文档
Vite 中文文档

下一代前端工具链

Rolldown
Rolldown

Rolldown 基于 Rust 的JS构建工具, Rollup兼容Api, 计划用于替换Vite

Farm
Farm

Farm 是一个基于 Rust 的前端构建工具。开箱即用支持 Vite/Rollup/Unplugin/Swc 插件

Rollup
Rollup

Rollup 是一个 JavaScript 模块打包器

Turbo
Turbo

Turbo is an incremental bundler and build system optimized for JavaScript and TypeScript, written in Rust

Biome
Biome

Format, lint, and more in a fraction of a second.

Babel
Babel

Babel 是一个 JavaScript 编译器

esbuild
esbuild

An extremely fast bundler for the web

tsup
tsup

The simplest and fastest way to bundle your TypeScript libraries, powered by esbuild.

SWC
SWC

Rust-based platform for the Web

Oxc
Oxc

A collection of JavaScript tools written in Rust

站点生成器

Strapi
Strapi

领先的开源Headless CMS。 100% JavaScript / TypeScript,完全可定制。

Astro
Astro

一个现代化的轻量级静态站点生成器

VitePress
VitePress

由 Vite 和 Vue 驱动的静态网站生成器

VuePress
VuePress

Vue 驱动的静态网站生成器

dumi
dumi

基于 Umi 为组件研发而生的静态站点框架

Docusaurus
Docusaurus

基于 React 的静态网站生成器

图标库

iconfont
iconfont

国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能

IconPark 图标库
IconPark 图标库

IconPark图标库是一个通过技术驱动矢量图标样式的开源图标库,可以实现根据单一 SVG 源文件变换出多种主题, 具备丰富的分类、更轻量的代码和更灵活的使用场景;致力于构建高质量、统一化、可定义的图标资源,让大多数人都能够选择适合自己的风格图标

Iconify
Iconify

一个开源的图标集合和图标工具

Icônes
Icônes

基于 Iconify 的图标浏览器

heroicons
heroicons

Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.

lucide
lucide

Beautiful & consistent icons

svgl
svgl

A beautiful library with SVG logos. Built with Sveltekit & Tailwind CSS

Emoji searcher
Emoji searcher

Emoji 表情大全

gitmoji
gitmoji

可以在 git 中使用的 emoji 表情

前端学习资料

MDN | Web 开发者指南
MDN | Web 开发者指南

Mozilla 的开发者平台,提供了大量关于 HTML、CSS 和 JavaScript 的详细文档以及广泛的 Web API 参考资

菜鸟教程
菜鸟教程

学的不仅是技术,更是梦想!

ES6 入门教程
ES6 入门教程

阮一峰的网络日志

TypeScript
TypeScript

TypeScript是JavaScript类型的超集, 它可以编译成纯JavaScript

社区

Github
Github

一个面向开源及私有软件项目的托管平台

Stack Overflow
Stack Overflow

全球最大的技术问答网站

稀土掘金
稀土掘金

面向全球中文开发者的技术内容分享与交流平台

SegmentFault 思否
SegmentFault 思否

技术问答开发者社区

Bestofjs
Bestofjs

The best of JavaScript, HTML and CSS | Best of JS

HelloGithub
HelloGithub

HelloGitHub 是一个发现和分享有趣、入门级开源项目的平台

知乎
知乎

中文互联网高质量的问答社区和创作者聚集的原创内容平台

工具&资源网站

Can I use
Can I use

前端 API 兼容性查询

TinyPNG
TinyPNG

在线图片压缩工具

开发者武器库
开发者武器库

开发者武器库,做开发者最专业最好用的专业工具箱

在线工具
在线工具

开发人员的工具箱

Json 中文网
Json 中文网

JSON 在线解析及格式化验证

神绘
神绘

手绘风格的流程图

mixkit
mixkit

视频,音频免费资源,素材

标小智LOGO
标小智LOGO

智能LOGO设计生成器

摸鱼专用

摸摸鱼热榜
摸摸鱼热榜
腾讯视频
腾讯视频
哔哩哔哩
哔哩哔哩
YouTube
YouTube
Twitter
Twitter
Pixiv
Pixiv

TIP

如果你有好的网站推荐,欢迎提交 issue 或 PR。

上次更新:

如有转载或 CV 的请标注本站原文地址

Copyright © 2023-present rzx100