跳到主要内容

摸鱼🐟

  • 稀土掘金

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

  • 前端食堂

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

  • 力扣(LeetCode)

    全球极客挚爱的技术成长平台

  • daily.dev

    有关开发领域的最新消息,文章

开发工具🛠️

  • namae

    namae可让您给您的应用程序、Web服务或组织起一个好名字。并在多个平台检查所需名称是否可以使用

  • Choose an open source license

    选择开源许可证

  • it-tools

    开发人员工具箱

  • 在线工具

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

  • 菜鸟工具

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

  • Terminal Gif Maker

    在线生成 Terminal GIF

  • AST Explorer

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

  • transform

    各类数据格式与对象转换

  • Hoppscotch

    开源 API 开发生态系统。web 版 postman

  • JsonT.run

    一个简洁的在线 JSON 解析器

  • Apifox

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

  • NGINX 配置

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

  • 正则大全

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

  • Shields.io

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

  • BootCDN

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

  • Can I Use

    查询 web api 在各平台的版本兼容性

  • bejson

    前端工具箱

  • metatags

    使用 metatags,您可以编辑和试验您的内容,然后预览您的网页在 Google、Facebook、Twitter 等网站上的显示效果!

  • 响应式 开发工具

    在一个窗口中并排预览所有目标屏幕。缩短您的开发时间!

  • grid layout

    grid 可视化布局

  • CSS Layout Generator

    grid Flexbox 布局生成工具

  • codelf

    在 GitHub、Bitbucket、GitLab 上搜索以查找实际使用的变量名称

  • jsv9000

    js 执行栈、事件循环、任务队列可视化工具

  • visualRegex

    正则表达式可视化,在线测试

  • regexr

    正则表达式分析工具

  • 30 seconds of code

    发现满足您所有开发需求的简短代码片段。

  • Linux Command

    Linux命令大全搜索工具, 内容包含 580 多个 Linux 命令手册、详解、学习、搜集。

学习教程📘

  • 技术开发线路图

    Roadmap.sh是社区努力创建的路线图、指南和其他教育内容,以帮助指导开发人员选择路径并指导他们的学习。

  • MDN

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

  • 菜鸟教程

    提供基础编程技术教程。

  • ES6 入门教程

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

  • 深入理解 TypeScript

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

  • Rust语言圣经

    一份高质量 Rust 教程

  • Quick Reference

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

  • web.dev

    Chrome Web 开发教程

文档工具

  • ProcessOn

    免费在线流程图思维导图

  • Markdown

    Markdown 官方教程

  • slidev

    为开发者打造的演示文稿工具

  • carbon

    创建和分享源代码的精美图像,包含 mac 窗口菜单。

Vue

  • Vue.js

    渐进式 JavaScript 框架

  • Nuxt

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

  • Pinia

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

  • VueUse

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

  • Vitest

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

React

  • React

    用于构建用户界面的 JavaScript 库

  • Next.js

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

  • Remix

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

  • Ant Design Pro

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

  • react-use

    一个强大的 React Hooks 库

  • ahooks

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

  • SWR

    用于数据请求的 React Hooks 库

  • UmiJS

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

  • react-hook-form

    高性能表单

  • react-dnd

    拖放

  • zustand

    React 状态管理库

CSS

  • TailwindCSS

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

  • WindiCSS

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

  • Twind

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

  • UnoCSS

    即时按需原子 CSS 引擎

  • Bootstrap

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

  • w3schools Css 教程

    w3schools 从基础到高级的CSS教程

  • CSS-Inspiration
  • CSS常用样式

    CSS常用样式

  • CSSFX

    一个鼠标聚焦动画集合

  • NES.css

    一个像素风格的CSS框架

  • clay.css

    claymorphism 3D粘土形态样式

  • 神奇UI样式

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

  • HYPE4

    透明玻璃态生成器

  • smooth shadow

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

  • Coolors

    创建调色板

组件库

  • Element Plus

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

  • Naive UI

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

  • Vuetify

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

  • Vant

    用于移动端 Web 应用程序的轻量级、可自定义的 Vue UI 库。

  • VbenAdmin

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

  • Ant Design

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

  • TDesign

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

  • Arco Design

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

  • Material UI

    当下流行的 React UI 框架

  • ECharts

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

  • AntV

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

动画库

  • react-spring

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

  • Framer Motion

    用于 React 的开源、生产就绪的动画和手势库

  • loading.io

    loading 动画构建器

  • Greensock GSAP

    超强大h5动画库

  • easings

    缓动函数可视化选择备忘录

  • ceaser

    css 缓动曲线调试器

  • lottie

    解析 Adobe After Effects 导出的 JSON 动画数据并在多个平台上渲染

JS工具库

  • Component party

    前端框架开Party🎉,Web 组件 JS 框架通过其语法和特性进行可视化对比

  • Lodash

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

  • WebAssembly

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

  • Threejs

    强大的3D-Js库

  • Pixijs

    2D WebGL 渲染器

  • Jest

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

  • Cypress

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

  • Axios

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

  • date-fns

    现代 JavaScript 日期实用程序库

  • leafletjs

    用于移动友好型交互式地图的开源 JavaScript 库

BackEnd

  • Expressjs

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

  • Nest.js

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

  • tRPC

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

  • TypeORM

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

  • Prisma

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

  • GraphQL

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

  • Socket.io

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

api 服务

Node

  • Node

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

  • Deno

    一个现代的JavaScript和TypeScript运行时

  • Bun

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

  • NPM

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

  • Yarn

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

  • Pnpm

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

  • Node.js技术栈

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

  • Fresh

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

脚手架

  • refine

    refine 是一个基于 React 的框架,用于快速开发 Web 应用程序。它消除了 CRUD 操作所需的重复任务,并提供行业标准解决方案。

构建工具

  • Webpack

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

  • Rollup.js

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

  • Vite

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

  • Turborepo

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

  • Turbopack

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

  • Pretter

    代码格式化工具

  • Eslint

    代码格式化、静态分析工具

  • fastlane

    自动化构建和发布 Mobile App

设计/原型

  • Mastergo

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

  • 即时设计

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

  • Figma

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

  • Pixso

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

  • CoverView

    为博客创建封面图片

  • producthunt

    Product Hunt 每天都会展示最好的新产品。在这里,热爱产品的爱好者可以分享和了解最新的移动应用程序、网站、硬件项目和技术创新。

  • dribbble

    Dribbble 是世界领先的创意社区,供创意人员分享、成长和受雇。

  • colordrop

    调色板

  • colorhunt

    调色板

  • oulu

    线性渐变颜色参考

  • zhongguose

    中国色调色板

  • nipponcolors

    日本色调色板

  • uigradients

    渐变调色板

  • undraw

    开源可商用的扁平风格 SVG 插图

字体/图标

  • iconify

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

  • icones

    Icon Explorer with Instant searching, powered by Iconify

  • iconfont

    svg 矢量图标库 - 阿里

  • iconpark

    svg 图标库 - 字节跳动

  • feathericons

    简单美丽的开源图标

  • undraw

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

  • igoutu

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

  • Emojiall

    Emoji表情大全

  • 渐变色网站

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

  • 谷歌字体

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

  • Typing SVG

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

  • 那些免费的砖

    发现免费可商用的资源

  • mockuphone

    屏幕截图设备模型生成器, 把你的设计图放到移动设备中!

  • fontspace

    10万+免费字体

跨端框架

  • Electron

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

  • Tauri

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

  • Flutter

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

  • Taro

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

  • Uni-app

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

  • expo

    使用 React、TypeScript 创建在 Android、iOS 和 Web 上运行的通用本机应用程序。完整的工具生态系统,可帮助您编写、构建、更新、提交和监控移动应用程序。

代码托管

  • GitHub

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

  • Gitee

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

  • Gitlab

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

  • Gitea

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

  • Coding

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

网站托管

  • Vercel

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

  • Netlify

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

  • Coolify

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

  • GitHub Codespace

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

  • Railway

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

  • Supabase

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

在线代码

  • CodesandBox

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

  • CodePen

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

  • vscode.dev

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

  • Sandpack

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

静态站点

  • VitePress

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

  • VuePress

    Vue 驱动的静态网站生成器

  • Docusaurus

    React 驱动, 可构建动态组件

  • Hexo

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

  • GitBook

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

  • WordPress

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

  • Halo

    强大易用的开源建站工具。java/vue

Github

SEO

调查报告