跳到主要内容

友链

  • 峰华前端工程师

    致力于帮助你以最直观、最快速的方式学会前端开发

  • Mas0n

    梦想是咸鱼

  • Ninjee

    个人主义的前端篮子

  • KnIFeR博客站

    Web开发学习者,分享编程相关的技术和见闻

  • Pincman

    中年老码农,专注于全栈开发与教学

  • Jetzihan

    有黑羽快斗必有我

站点

  • 程序员盒子

    程序员一站式编程导航,专注于程序员学习编程提效,官网

  • Road To Coding

    Road To Coding,意为「编程自学之路」,是自学编程以来所用资源和分享内容的大聚合

  • 印记中文

    深入挖掘国外前端新领域,为中国 Web 前端开发人员提供优质文档!

  • ES6 入门教程

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

  • 深入理解 TypeScript

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

  • NGINX 配置

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

  • BootCDN

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

  • 那些免费的砖

    发现免费可商用的资源

  • Hoppscotch

    开源 API 开发生态系统

工具

  • 菜鸟教程

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

  • 在线工具

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

  • 一个工具箱

    好用的在线工具都在这里!

  • 菜鸟工具

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

  • ProcessOn

    免费在线流程图思维导图

  • transform

    各类数据格式与对象转换

  •  JsonT.run

    一个简洁的在线 JSON 解析器

代码托管

  • GitHub

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

  • Gitee

    蚂蚁集团全新一代数据可视化解决方案

  • Gitlab

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

  • Vercel

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

  • Netlify

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

在线代码

  • CodePen

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

  • CodesandBox

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

  • Stackblitz

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

  • vscode.dev

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

Node.js

  • Node

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

  • Deno

    一个现代的JavaScript和TypeScript运行时

  • NPM

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

  • Yarn

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

  • Pnpm

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

  • Node.js技术栈

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

  • Axios

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

  • Expressjs

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

  • Nest.js

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

  • Socket.io

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

  • Strapi

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

  • Lodash

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

  • TypeORM

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

  • Webpack

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

  • WebAssembly

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

Vue

  • Vue.js

    渐进式 JavaScript 框架

  • Vite

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

  • Vitest

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

  • Nuxt.js

    使用 NuxtJS 充满信心地构建您的下一个 Vue.js 应用程序。 一个 开源 框架,让 Web 开发变得简单而强大

  • Pinia

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

  • VueUse

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

  • VbenAdmin

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

React

  • React

    用于构建用户界面的 JavaScript 库

  • Next.js

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

  • Remix

    Remix 是一个全栈 Web 框架,可让您专注于用户界面,并通过 Web 标准进行回溯,以提供快速、流畅且有弹性的用户体验

  • Ant Design Pro

    开箱即用的中台前端/设计解决方案

  • MUI

    当下流行的 React UI 框架

  • UmiJS

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

  • ahooks

    一个高质量和可靠的 React Hooks 库

  • SWR

    用于数据请求的 React Hooks 库

  • react-spring

    通过简单的动画基元使您的组件栩栩如生

CSS

  • CSS参考-MDN

    MDN的CSS参考手册

  • Bootstrap

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

  • CSS常用样式

    CSS常用样式

  • w3schools Css 教程

    w3schools 从基础到高级的CSS教程

  • TailwindCSS

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

  • WindiCSS

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

  • Twind

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

  • UnoCSS

    即时按需原子 CSS 引擎

  • NES.css

    一个像素风格的CSS框架

  • clay.css

    claymorphism 泥陶态风格CSS

  • loading.io

    Animation Made Easy

  • gradienta.io

    Multicolor Gradients. Pure CSS Code, JPG Download, Open Source!

  • uigradients.com

    一个渐变色过渡背景网站

  • 神奇UI样式

    Universe of UI elements tohelp you stand out

组件库

  • Element Plus

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

  • Naive UI

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

  • Ant Design

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

  • TDesign

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

  • Arco Design

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

  • Vuetify

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

  • MATERIAL UI

    React 组件用于更快速、更简便的 web 开发。你也可以建立你自己的设计系统,或者从 Material Design 开始

设计

  • Mastergo

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

  • 即时设计

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

  • Pixso

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

字体图标

  • iconify

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

  • icones

    Icon Explorer with Instant searching, powered by Iconify

  • iconfont

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

  • Font Awesome

    在您的网站上使用Font Awesome展示矢量图标和社交标志,这可是网络上最流行的图标集和工具包

  • feathericons

    简单美丽的开源图标

  • undraw

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

  • Shields.io

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

  • Emojiall

    Emoji表情大全

  • 渐变色网站

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

  • WebGradients

    WebGradients是180个线性渐变的免费集合,您可以将其用作网站任何部分的内容背景

  • 谷歌字体

    一个生成渐变色背景的网站

跨平台

  • Electron

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

  • Tauri

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

  • Flutter

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

  • Uni-app

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

  • Taro

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

站点生成

  • VitePress

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

  • VuePress

    Vue 驱动的静态网站生成器

  • Docusaurus

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

  • Hexo

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

  • GitBook

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

  • Docsify

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

  • WordPress

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

  • Halo

    一款现代化的开源博客/CMS系统,值得一试

杂项

  • Terminal Gif Maker

    在线生成 Terminal GIF

  • Gitstar Ranking

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

  • Github主页 README 生成器

    一个Github 个人主页 README 生成器

  • Github 统计生成器

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

  • 前端工坊

    Most Popular JavaScript Library 2022 Front End Framework Ranking