HTML相关

• 热门

  W3C-HTML5

  w3c组织开源的HTML5开发文档

• 热门

  HTML指南

  MDN的HTML指南

• HTML5产业联盟

  HTML5中国产业联盟，是工信部下属单位，HTML5+规范

• 热门

  Can I Use

  检测桌面和移动浏览器支持HTML5，CSS3，SVG等的兼容性表

• HTML Living Standard

  HTML最新标准文档

• HTML Validator

  W3C官方HTML验证器

• HTML Reference

  全面的HTML元素和属性参考

• HTML DOM

  HTML DOM参考手册

• HTML5 Boilerplate

  专业的前端模板

• HTML5 Test

  测试浏览器对HTML5的支持程度

CSS综合

• 热门

  CSS开发指南

  MDN-Web开发者指南-css开发指南

• 热门

  CSS Tricks

  CSS技巧和教程大全

• 热门

  CSS Reference

  全面的CSS属性参考

• browserhacks-浏览器hack大全

  浏览器CSS和JS Hack 大全

• Animate.css动画库

  内置了很多典型的css3动画

• Hover.css

  纯CSS3鼠标滑过效果动画库

• Purgecss

  删除未使用的 CSS 代码的工具

• CSS Stats

  分析网站CSS统计数据

CSS预处理器

• 热门

  Sass

  世界上最成熟、稳定、强大的专业级 CSS 扩展语言（已弃用 @import，推荐 @use）

• 热门

  Less

  一门向后兼容的 CSS 扩展语言

• 热门

  Stylus

  富于表现力、动态的、健壮的 CSS

• 热门

  PostCSS

  用JavaScript转换CSS的工具

• SassMeister

  在线Sass/Scss编译工具

• CSSO

  CSS优化器

CSS原子化

• 热门

  Tailwind CSS

  只需书写 HTML 代码，无需书写 CSS，即可快速构建美观的网站（v4 已发布，基于 Lightning CSS 重构）

• 热门

  UnoCSS

  即时按需原子CSS引擎

• 热门

  Windi CSS

  下一代实用为先的CSS框架（已停更，官方建议迁移到 UnoCSS）

• Tachyons

  快速构建响应式界面的CSS框架

• Bulma

  基于Flexbox的现代CSS框架

• 热门

  Panda CSS

  基于 Rust 的原子化 CSS 引擎，构建时生成类型安全的样式

• Open Props

  开箱即用的 CSS 自定义属性（设计变量）集合

CSS创新工具

• CSS Scan

  一键复制网页元素的CSS

• Glassmorphism Generator

  毛玻璃效果生成器

• Shape Divider

  自定义形状分隔线生成器

• CSS Filter Generator

  CSS滤镜生成器

• Keyframes App

  可视化CSS动画编辑器

• CSS Grid Generator

  可视化CSS网格生成器

• Flexbox Froggy

  Flex布局学习游戏

• Clippy

  CSS clip-path生成器

• CSS Gradient

  CSS渐变生成器

• Neumorphism

  新拟态风格生成器

图标库

• 热门

  Iconfont

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

• 热门

  Iconify 图标库

  一个图标库，提供超过 1000 个图标，支持自定义图标和图标集

• 热门

  IconPark 图标库

  字节跳动开源的高质量图标库，超过2000个图标，支持多主题和定制

• 热门

  Lucide

  开源的精美线性图标库，风格统一、可自定义，支持多框架

• Tabler Icons

  开源的扁平化 SVG 图标集，可自由调整与导出