网址导航

河

河山的技术存档

wrm244.github.io

计算机研究，编程爱好者

河

河山的技术存档

wikiblog.pages.dev

cloudflare镜像站

河

河山的技术存档

wrm244.netlify.app

netlify镜像站

稀

稀土掘金

juejin.cn

稀土掘金是一个技术博客平台，是程序员发布自己的技术文章、分享知识的地方

O

OSS Insight

ossinsight.io

Open Source Software Insight

J

Javascript Weekly

javascriptweekly.com

A newsletter of JavaScript articles, news and cool projects

S

State of JavaScript

stateofjs.com

JavaScript 生态系统的年度开发人员调查

前

前端食堂

hungryturbo.zhubai.love

周周尝鲜，人工筛选前端圈每周最新资讯。—— 由 童欧巴 创作

D

Developer Roadmap

roadmap.sh

Roadmap to becoming a web developer.

J

JS delivr

jsdelivr.com

一个免费的CDN开源项目

S

Shields.io

shields.io

为你的开源项目生成高质量小徽章图标

• 图标
• 首页

N

namae

namae.dev

namae可让您给您的应用程序、Web服务或组织起一个好名字

• 起名

Q

Quick Reference

jaywcjlove.github.io

为开发人员分享快速参考备忘清单【速查表】

• 手册

C

Can I use

caniuse.com

对浏览器支持的 API 兼容性查询

• 手册

N

NGINX 配置

digitalocean.com

配置高性能、安全、稳定的NGINX服务器的最简单方法

• nginx

B

BootCDN

bootcdn.cn

稳定、快速、免费的前端开源项目 CDN 加速服务

• cdn

那

那些免费的砖

thosefree.com

发现免费可商用的资源

正

正则大全

any-rule.vercel.app

🦕 常用正则大全, 支持web / vscode / idea / Alfred Workflow多平台

M

MDN

developer.mozilla.org

从2005年开始记录网络技术，包括 CSS、 HTML 和 JavaScript。

• Css
• 教程

E

ES6 入门教程

es6.ruanyifeng.com

《ECMAScript 6 入门教程》是一本开源的 JavaScript 语言教程，全面介绍 ECMAScript 6 新引入的语法特性

• 文档

深

深入理解 TypeScript

jkchao.github.io

《TypeScript Deep Dive》 是一本很好的开源书，从基础到深入，很全面的阐述了 TypeScript 的各种魔法，不管你是新手，还是老鸟，它都将适应你

• 文档

R

Rust语言圣经

course.rs

一份高质量 Rust 教程

• 文档

在

在线工具

tool.lu

在线工具,开发人员工具,代码格式化、压缩、加密、解密,下载链接转换,ico图标制作,字帖生成

• 工具

菜

菜鸟工具

c.runoob.com

菜鸟工具，为开发设计人员提供在线工具，提供在线PHP、Python、 CSS、JS 调试，中文简繁体转换，进制转换等工具

• 工具

P

ProcessOn

processon.com

免费在线流程图思维导图

• 工具
• 思维导图

T

Terminal Gif Maker

terminalgif.com

在线生成 Terminal GIF

A

AST Explorer

astexplorer.net

一个 Web 工具，用于探索由各种解析器生成的 AST 语法树

• 工具
• 格式转换

T

transform

transform.tools

各类数据格式与对象转换

• 工具
• 格式转换

H

Hoppscotch

hoppscotch.io

开源 API 开发生态系统

• api

J

JsonT.run

jsont.run

一个简洁的在线 JSON 解析器

• 工具

A

Apifox

apifox.cn

API 文档、API 调试、API Mock、API 自动化测试

• 工具

G

GitHub

github.com

全球最大的软件项目托管平台，发现优质开源项目

• GitHub
• 代码托管

G

Gitee

gitee.com

Gitee 是中国领先的基于 Git 的代码托管平台，类似于全球知名的 GitHub

• 代码托管

G

Gitlab

gitlab.com

更快地交付安全代码，部署到任何云，并推动业务成果

• 代码托管

G

Gitea

gitea.io

Gitea 是一个开源社区驱动的轻量级代码托管解决方案，后端采用 Go 编写，采用 MIT 许可证.

• 代码托管

C

Coding

coding.net

提供一站式研发管理平台及云原生开发工具，让软件研发如同工业生产般简单高效，助力企业提升研发管理效能

• 代码托管

V

Vercel

vercel.com

Vercel将最好的开发人员体验与对最终用户性能的执着关注相结合

• 网站托管

N

Netlify

netlify.com

Netlify 是一家提供静态网站托管的云平台，支持从 Github, GitLab, Bitbucket 等代码仓库中自动拉取代码 然后进行项目打包和部署等功能

• 网站托管

C

Coolify

coolify.io

一个开源和自我托管的 Heroku/Netlify 替代品

• 网站托管

G

GitHub Codespace

github.com

全球最大的软件项目托管平台，发现优质开源项目

• 网站托管

R

Railway

railway.app

带上你的代码，剩下交给我们

• 网站托管

S

Supabase

supabase.com

Supabase 是一个开源的后端即服务（BaaS）平台，它可以帮助开发者快速构建应用程序，无需编写后端代码。

• BaaS

C

CodesandBox

codesandbox.io

CodeSandbox是一个在线代码编辑器和原型工具，可以更快地创建和共享web应用程序

• 在线代码

C

CodePen

codepen.io

是构建、测试和发现前端代码的最佳场所

• 在线代码

S

Stackblitz

stackblitz.com

Stackblitz在流程中保持即时的开发体验。没有更多的小时储存/拉/安装本地-只需点击，并开始编码

• 在线代码

V

vscode.dev

vscode.dev

vscode官方提供在线Web版vscode代码编写网站

• 在线代码

S

Sandpack

sandpack.codesandbox.io

用于创建实时运行的代码编辑经验

• 在线代码

V

Vue.js

vuejs.org

渐进式 JavaScript 框架

• 前端
• Vue
• 框架

V

Vue Router

router.vuejs.org

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

• 前端
• Vue

N

Nuxt

nuxt.com

使用 Nuxt 自信地构建您的下一个 Vue.js 应用程序。使 Web 开发简单而强大。

• 前端
• Vue
• 文档

P

Pinia

pinia.vuejs.org

您将会喜欢使用的 Vue 状态管理

• 前端
• Vue
• 文档

V

VueUse

vueuse.org

基本 Vue 合成实用程序的集合

• 前端
• Vue
• 文档

V

Vitest

cn.vitest.dev

一个 Vite 原生单元测试框架。它很快！

• 前端
• Vue
• 框架

R

React

react.dev

用于构建用户界面的 JavaScript 库

• 前端
• React

N

Next.js

nextjs.org

Next.js 为您提供生产环境所需的所有功能以及最佳的开发体验：包括静态及服务器端融合渲染、 支持 TypeScript、智能化打包、 路由预取等功能 无需任何配置

• 前端
• React
• 框架

Z

zustand

docs.pmnd.rs

一种小型、快速且可扩展的 Bearbones 状态管理解决方案，使用简化的通量原理。拥有基于钩子的舒适 API，不是样板文件或固执己见。

• 前端
• React

R

react-use

github.com

一个强大的 React Hooks 库

• 前端
• React

S

SWR

swr.vercel.app

用于数据请求的 React Hooks 库

• 前端
• React

T

TanStack Query

tanstack.com

适用于 TS/JS、React、Solid、Vue 和 Svelte 的强大异步状态管理

• 前端
• React

F

framer-motion

framer.com

Framer Motion是一个用于React的开源动画库，提供简单易用的API来创建流畅、高性能的动画效果，使Web应用程序和界面变得更加生动和吸引人。

• 前端
• React
• 动画

U

UmiJS

umijs.org

用 Umi 构建你的下一个应用，带给你简单而愉悦的 Web 开发体验

• 前端
• React
• 脚手架

T

TailwindCSS

tailwindcss.cn

Tailwind CSS 是一个功能类优先的 CSS 框架，它集成了诸如 flex, pt-4, text-center 和 rotate-90 这样的的类，它们能直接在脚本标记语言中组合起来，构建出任何设计

• Css
• 框架

W

WindiCSS

windicss.org

Windi CSS 是下一代工具优先的 CSS 框架

• Css
• 框架

T

Twind

github.com

现存最小、最快、功能最齐全的完整 Tailwind-in-JS 解决方案

• Css
• 框架

U

UnoCSS

uno.antfu.me

即时按需原子 CSS 引擎

• Css
• 框架

B

Bootstrap

v5.bootcss.com

Bootstrap 是全球最受欢迎的前端开源工具库，它支持 Sass 变量和 mixin、响应式栅格系统、自带大量组件和众多强大的 JavaScript 插件。基于 Bootstrap 提供的强大功能，能够让你快速设计并定制你的网站

• Css
• 框架

W

w3schools Css 教程

w3schools.com

w3schools 从基础到高级的CSS教程

• Css
• 样式

C

CSS-Inspiration

csscoco.com

CSS灵感

• Css
• 样式

C

CSS常用样式

github.com

CSS常用样式

• Css
• 样式

C

CSSFX

cssfx.netlify.app

一个精心制作的集合设计的重点是流动性，简单性和易用性。使用最小标记的 CSS 支持

• Css
• 样式

N

NES.css

nostalgic-css.github.io

一个像素风格的CSS框架

• Css
• 框架

C

clay.css

codeadrian.github.io

claymorphism 泥陶态风格CSS

• Css
• 框架

L

loading.io

loading.io

Animation Made Easy

• Css

神

神奇UI样式

uiverse.io

我们赋予任何人创建、分享和使用用 CSS 和 HTML 制作的漂亮自定义元素的权力。

• Css

H

HYPE4

hype4.academy

透明玻璃态生成器

• Css

O

Omatsuri

omatsuri.app

收集不同的发电机，让您的生活更轻松。

• Css

S

smooth shadow

shadows.brumm.af

快速轻松地实现基于 CSS 阴影的绝佳工具。您只需要指定一些阴影设置，代码就在您的路上。

• Css

F

FANCY-BORDER-RADIUS

9elements.github.io

花式边界半径,有助于创建 CSS 花式边框。

• Css

C

Coolors

coolors.co

创建调色板

• Css

E

Element Plus

element-plus.gitee.io

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

• 前端
• Vue
• 组件库

N

Naive UI

naiveui.com

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

• 组件库
• vue

A

Ant Design

ant.design

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

• 前端
• React
• 组件库

S

shadcn/ui

ui.shadcn.com

设计精美的组件，您可以将其复制并粘贴到您的应用程序中。无障碍。可定制。开源。

• 组件库
• react
• tailwindcss

T

TDesign

tdesign.tencent.com

TDesign 是腾讯各业务团队在服务业务过程中沉淀的一套企业级设计体系

• 组件库
• react

A

Arco Design

arco.design

字节跳动出品的企业级设计系统

• 组件库
• react

V

Vuetify

vuetify.cn

Vuetify 是一个 Vue UI 库，包含手工制作的精美材料组件。不需要设计技能 - 创建令人惊叹的应用程序所需的一切都触手可及

• 组件库
• react

M

MUI

mui.com

当下流行的 React UI 框架

• 前端
• React
• 组件库

V

VbenAdmin

vvbin.cn

Vben是一个基于Vue3、Vite、TypeScript等最新技术栈开发的后台管理框架

• 前端
• Vue
• 后台

C

Component party

component-party.dev

前端框架开Party🎉，Web 组件 JS 框架通过其语法和特性进行概述

• 前端
• css
• 动画

L

Lodash

lodash.net

一个 JavaScript 的实用工具库, 表现一致性, 模块化, 高性能, 以及可扩展

• Nodejs

W

WebAssembly

wasm.com.cn

wasm 是一个可移植、体积小、加载快并且兼容 Web 的全新格式

• Nodejs

G

Greensock

greensock.com

超强大h5动画库

• 前端
• css
• 动画

T

Threejs

threejs.org

强大的3D-Js库

• 前端
• JavaScript
• 3D

J

Jest

jestjs.io

Jest 是一个令人愉快的 JavaScript 测试框架，注重简单性。

• 自动化测试

C

Cypress

cypress.io

对任何在浏览器中运行的东西进行快速、简单和可靠的测试。

• 自动化测试

P

Playwright

playwright.dev

Playwright 为现代网络应用程序提供了可靠的端到端测试。

• 自动化测试

N

Node

nodejs.cn

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

• 后端
• Nodejs
• 文档

D

Deno

deno.land

一个现代的JavaScript和TypeScript运行时

• Nodejs
• Deno
• JavaScript

B

Bun

bun.sh

Bun 是一个快速的一体化 JavaScript 运行时

• Nodejs
• Deno
• JavaScript

N

NPM

npmjs.com

NPM是世界上最大的包管理器

• Nodejs
• 包管理
• 文档

Y

Yarn

yarnpkg.cn

Yarn 是一个软件包管理器，还可以作为项目管理工具。无论你是小型项目还是大型单体仓库（monorepos），无论是业余爱好者还是企业用户，Yarn 都能满足你的需求

• Nodejs
• 包管理
• 文档

P

Pnpm

pnpm.io

速度快、节省磁盘空间的软件包管理器

• Nodejs
• 包管理
• 文档

N

Node.js技术栈

nodejs.red

“Nodejs技术栈” 是作者 @五月君 从事 Node.js 开发以来的学习历程，希望这些分享能帮助到正在学习、使用 Node.js 的朋友们

• Nodejs
• 笔记
• 教程

A

Axios

axios-http.cn

Axios 是一个基于 promise 的网络请求库，可以用于浏览器和 node.js

• Nodejs
• HTTP

E

Expressjs

expressjs.com.cn

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

• Nodejs
• 后端
• 框架

N

Nest.js

docs.nestjs.cn

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

• 后端
• Nodejs
• 框架

F

Fresh

fresh.deno.dev

Deno 下一代 Web 框架，专注于速度、可靠性和简单性的构建。

• Nodejs

S

Socket.io

socketio.bootcss.com

Socket.IO 是一个可以在浏览器与服务器之间实现实时、双向、基于事件的通信的工具库

• Nodejs
• socket

T

tRPC

trpc.io

tRPC 是一个轻量级的、类型安全的远程过程调用框架，它使用 TypeScript 进行开发，可以帮助开发者轻松地编写和部署高性能的分布式应用程序。

• Nodejs

S

Strapi

strapi.io

Strapi 是一个开源的 Node.js 无头 CMS，可自由定制 API，支持 REST 与 GraphQL，帮助开发者快速构建内容驱动的应用

• Nodejs
• CMS

T

TypeORM

typeorm.bootcss.com

TypeORM 是一个 ORM 框架，它可以运行在 NodeJS、Browser、Cordova、PhoneGap、Ionic、React Native、Expo 和 Electron 平台上，可以与 TypeScript 和 JavaScript (ES5,ES6,ES7,ES8)一起使用

• Nodejs
• ORM

P

Prisma

prisma.io

Prisma 下一代 Node.js 和 TypeScript 的ORM框架

• Nodejs
• ORM

G

GraphQL

graphql.cn

GraphQL 既是一种用于 API 的查询语言也是一个满足你数据查询的运行时

• Nodejs
• GraphQL

E

ECharts

echarts.apache.org

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

• 图表
• 可视化

A

AntV

antv.vision

蚂蚁集团全新一代数据可视化解决方案,让数据栩栩如生

• 图表
• 可视化

W

Webpack

webpackjs.com

webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle

• 构建工具

R

Rollup.js

rollupjs.org

Rollup 是 JavaScript 的模块打包器，它将小段代码编译成更大、更复杂的代码，例如库或应用程序

• 构建工具

V

Vite

cn.vitejs.dev

下一代的前端工具链，为开发提供极速响应

• 构建工具

T

Turborepo

turbo.build

Turborepo 是一个用于 JavaScript 和 TypeScript 代码库的高性能构建系统。

• 构建工具

T

Turbopack

turbo.build

Turbopack 是一个用 Rust 编写的针对 JavaScript 和 TypeScript 优化的增量式捆绑包。

• 构建工具

S

SWC

swc.rs

SWC 是下一代快速开发工具的可扩展的基于 Rust 的平台。

• 构建工具

M

Mastergo

mastergo.com

面向团队的专业 UI/UX 设计工具，多人同时编辑、随时在线评审、设计一键交付，让想法更快实现

• 设计

即

即时设计

js.design

可云端编辑的专业级 UI 设计工具，为中国设计师量身打造，Windows 也能用的「协作版 Sketch」

• 设计

F

Figma

figma.com

Figma 是为 UI 设计而生的设计工具，除了有和 Sketch 一样基本的操作和功能，还有许多专为 UI 设计而生的强大功能。

• 设计

P

Pixso

pixso.cn

一站式完成原型、设计、交互与交付，为数字化团队协作提效

• 设计

I

iconify

icon-sets.iconify.design

数千个图标，一个统一的框架

• 图标

I

icones

icones.js.org

Icon Explorer with Instant searching, powered by Iconify

• 图标

I

iconfont

iconfont.cn

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

• 图标

F

feathericons

feathericons.com

简单美丽的开源图标

• 图标

U

undraw

undraw.co

一个不断更新的设计项目与美丽的SVG图像，使用完全免费

• 插画
• svg

I

igoutu

igoutu.cn

图标、插图、照片、音乐和设计工具

• 插画
• svg

E

Emojiall

emojiall.com

Emoji表情大全

• 图标
• emoji

渐

渐变色网站

gradihunt.com

数百万个自动生成的渐变的网站

• 配色
• 背景

谷

谷歌字体

googlefonts.cn

提供 Google Fonts 字体镜像下载，可免费使用开源字体库

• 字体

T

Typing SVG

readme-typing-svg.herokuapp.com

一个动态生成的可自定义 SVG 打字效果

• 字体

E

Electron

electronjs.org

使用 JavaScript，HTML 和 CSS 构建跨平台的桌面应用程序

• 跨平台
• Nodejs

T

Tauri

tauri.app

Tauri是一个框架，用于为所有主要桌面平台构建小巧、快速的二进制文件

• 跨平台
• Rust

F

Flutter

flutter.cn

Flutter 是 Google 开源的应用开发框架，仅通过一套代码库，就能构建精美的、原生平台编译的多平台应用

• 跨平台
• Rust

U

Uni-app

uniapp.dcloud.io

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/快手/钉钉/淘宝）、快应用等多个平台

• Vue
• 小程序

T

Taro

taro.jd.com

Taro 是一个开放式跨端跨框架解决方案，支持使用 React/Vue/Nerv 等框架来开发 微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ / 飞书 小程序 / H5 / RN 等应用

• 前端
• React
• 小程序

V

VitePress

vitepress.vuejs.org

Vue 驱动并使用Vite构建的静态网站生成器

• 前端
• Vue
• 静态站点

V

VuePress

vuepress.vuejs.org

Vue 驱动的静态网站生成器

• 前端
• Vue
• 静态站点

D

Docusaurus

docusaurus.io

快速构建以内容为核心的最佳网站

• 前端
• React
• 静态站点

H

Hexo

hexo.io

快速、简洁且高效的博客框架

• 前端
• 静态站点

G

GitBook

gitbook.com

GitBook帮助您为用户发布漂亮的文档，并集中您的团队的知识进行高级协作

• 前端
• 静态站点

D

Docsify

docsify.js.org

docsify 可以快速帮你生成文档网站

• 前端
• 静态站点

W

WordPress

cn.wordpress.org

WordPress是一款能让您建立出色网站、博客或应用程序的开源软件

• 前端
• 站点

G

Gitstar Ranking

gitstar-ranking.com

针对用户、组织和存储库的非官方 GitHub 星级排名

M

Metrics

metrics.lecoq.io

Create your own metrics

G

Github主页 README 生成器

rahuldkjain.github.io

一个Github 个人主页 README 生成器

G

Github 统计生成器

github.com

Github 在你的 README 中获取动态生成的 GitHub 统计信息！