跳到主要内容

站点 🖥️

  • Developer Roadmap

    Roadmap to becoming a web developer.

  • JS delivr

    一个免费的CDN开源项目

  • Shields.io

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

  • namae

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

  • Quick Reference

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

  • Can I use

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

  • NGINX 配置

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

  • BootCDN

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

  • 那些免费的砖

    发现免费可商用的资源

  • 正则大全

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

文档 📘

  • MDN

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

  • ES6 入门教程

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

  • 深入理解 TypeScript

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

  • Rust语言圣经

    一份高质量 Rust 教程

工具 🛠️

  • 在线工具

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

  • 菜鸟工具

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

  • ProcessOn

    免费在线流程图思维导图

  • Terminal Gif Maker

    在线生成 Terminal GIF

  • AST Explorer

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

  • transform

    各类数据格式与对象转换

  • Hoppscotch

    开源 API 开发生态系统

  • JsonT.run

    一个简洁的在线 JSON 解析器

  • Apifox

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

代码托管

  • GitHub

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

  • Gitee

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

  • 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

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

  • Stackblitz

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

  • vscode.dev

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

  • Sandpack

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

React 生态

  • React

    用于构建用户界面的 JavaScript 库

  • Next.js

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

  • zustand

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

  • react-use

    一个强大的 React Hooks 库

  • SWR

    用于数据请求的 React Hooks 库

  • TanStack Query

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

  • framer-motion

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

  • UmiJS

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

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

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

  • NES.css

    一个像素风格的CSS框架

  • clay.css

    claymorphism 泥陶态风格CSS

  • loading.io

    Animation Made Easy

  • 神奇UI样式

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

  • HYPE4

    透明玻璃态生成器

  • Omatsuri

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

  • smooth shadow

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

  • FANCY-BORDER-RADIUS

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

  • Coolors

    创建调色板

组件库

  • Element Plus

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

  • Naive UI

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

  • Ant Design

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

  • shadcn/ui

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

  • TDesign

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

  • Arco Design

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

  • Vuetify

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

  • MUI

    当下流行的 React UI 框架

  • VbenAdmin

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

设计

  • Mastergo

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

  • 即时设计

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

  • Figma

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

  • Pixso

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

字体图标

  • iconify

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

  • icones

    Icon Explorer with Instant searching, powered by Iconify

  • iconfont

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

  • feathericons

    简单美丽的开源图标

  • undraw

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

  • igoutu

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

  • Emojiall

    Emoji表情大全

  • 渐变色网站

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

  • 谷歌字体

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

  • Typing SVG

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

跨平台

  • 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是一款能让您建立出色网站、博客或应用程序的开源软件

Github