UI Gradients 是一个专注于为设计师和开发者提供精美渐变色方案的在线平台。这个网站收集了数百种精心设计的CSS渐变色组合，全部免费可供个人和商业项目使用。

ColorZilla是一款功能强大的浏览器扩展程序，它提供了多种与颜色相关的工具和功能，包括取色器、CSS渐变生成器、调色板查看器、网页颜色分析器等。

毒蘑菇配色，各种好看的配色方案，CSS渐变色，边框阴影，以及在线图片取色

W3Schools在线Web教程面向网页开发与编程学习，提供结构化教程、参考资料、可运行示例、练习和测验，覆盖HTML、CSS、JavaScript、SQL、Python、Java、PHP、React及更多技术主题。

CS50x 2026面向有或没有编程经验的学习者，围绕计算思维、抽象、算法、数据结构与编程实践展开。课程从C语言入手，逐步学习Python、SQL、HTML、CSS和JavaScript，并通过问题集与最终项目建立解决问题的完整路径。

Brackets是一款轻量、现代且开源的代码编辑器，使用JavaScript开发，面向网页开发场景提供内联编辑、HTML与CSS实时预览及预处理器支持，并可通过扩展补充更多工作流能力。

ColorBox 用可调曲线生成色彩调色板，并展示每个色阶的色值、对比度和颜色参数。它支持调整色相、饱和度、亮度、步数及色彩空间，还可将结果导出为多种代码格式，适合建立界面色彩系统。

Treehouse 提供面向初学者及不同技能阶段的在线课程、学习路径和训练营，覆盖 HTML、CSS、JavaScript、Python、数据分析、AI 与用户体验设计，也支持使用 Claude、ChatGPT 等工具构建应用。

专业在线多人协同代码编辑器，支持实时编写 HTML/CSS/JavaScript 及 Vue、React 等框架预览。集前端开发社区、设计灵感共享、项目展示、BUG 复现与团队协作为一体，助力编程更高效。

css渐变生成器

在线压缩及缩小PDF, 图像, JPG, 文件, CSS, JS, JSON等文件。在线轻松免费压缩和优化各种文件。

小熊工具为您提供json格式化,json代码压缩,json校验解析,json数组解析,json转xml,xml转json,json解析,json在线解析,json在线解析及格式化,unix时间戳转换,CSS美化压缩,json美化,json格式化输出,json数组,json实体类,json视图等

一款可视化 UI 选择工具，通过浏览器扩展捕获网页元素的 DOM、CSS、可访问性信息等，帮助 AI（如 GPT、Claude）精准理解开发者的 UI 修改意图，从而生成符合预期的代码。

前端代码自动生成软件，利用人工智能技术将设计图、原型图转换为前端代码，通过先进的AI算法，自动识别上传的设计图、原型图，并转换成可用的HTML、CSS和JavaScript代码。

cool-admin一个很酷的后台权限管理框架，模块化、插件化、CRUD极速开发，永久开源免费，基于vue3、element-plus、pinia、vite、tailwindcss、i18n等构建

一套基于自身模块化规范的开源前端 UI 组件库，采用原生 HTML、CSS 与 JavaScript 编写，门槛极低，适合后端开发者快速搭建管理后台或业务系统

Griddy 是一款专注于 CSS Grid 布局的可视化编辑工具，它通过直观的拖拽操作，帮助用户快速生成网格布局代码，尤其适合需要实现复杂二维布局的场景。

Electron是一个基于 Chromium 与 Node.js 的开源框架，旨在让开发者仅使用 JavaScript、HTML 与 CSS 就能创建跨平台的桌面应用程序。

Wails 是一个基于 Go 与 Web 前端技术（HTML、CSS、JavaScript）‍ 的跨平台桌面应用框架，定位为轻量级的 Electron 替代品。

一个开源的跨平台桌面应用开发框架，核心思想是 使用前端 Web 技术(HTML,CSS,avaScript)构建 UI，配合 Rust 编写高性能后端，从而生成体积小、运行效率高且安全的原生桌面程序。

跨平台的影视聚合播放器，基于 Next.js 14 + Tailwind CSS + TypeScript 构建，支持多资源搜索、在线播放、收藏同步、播放记录、云端存储，让你可以随时随地畅享海量免费影视内容。

weapp-tailwindcss 是一个用于微信小程序的 Tailwind CSS 插件，旨在将 Tailwind CSS 的原子化思想引入小程序开发，提升开发效率。

基于TailwindCss的 Web UI 组件库，平台包括 300+网页模板，200+ 网页组件库，覆盖管理、SaaS、企业网站、内容门户、知识文档等多场景的模板案例，公开免费，复制即用。

Biome 是一个现代化的 Web 工具链，专注于提供高性能的代码格式化和代码检查功能，支持 JavaScript、TypeScript、JSX、TSX、JSON、HTML、CSS 和 GraphQL 等多种语言。

Flexbox-Labs 是一个基于 Web 的开发者工具，用于帮助开发者通过 CSS Flexbox 创建灵活布局。它提供直观界面和实时预览功能，支持调整参数后即时查看布局变化，方便实验和学习。

一个强大的 JavaScript 库，允许开发者在网页上直接将 HTML 元素及其样式（包括图片、文本、CSS 效果等）渲染成 Canvas 画布，进而生成图片（如 PNG 或 JPEG）

Animate.css 是一个流行的 CSS 动画库，提供了丰富的即用型 CSS3 动画效果，适用于网页开发中的各种交互场景，如页面加载动画、按钮悬停效果、滚动触发动画等

HeroUI 是一个基于React的UI 组件库，提供220+ 个响应式组件，底层采用Tailwind CSS 和 React Aria，支持快速搭建主题切换和暗黑模式界面。 ‌

cssicon是一个由纯CSS代码构建的图标集合，无需依赖任何外部库，用户可以直接使用这些图标。

shadcn/ui 是一个基于 Radix UI 和 Tailwind CSS 构建的可复用组件集合，它提供了一套美观、可定制且易于使用的 UI 组件，开发者可以直接复制粘贴到项目中使用，无需安装依赖 。

Heroicons 是由 Tailwind CSS 团队开发的一套精美且免费的开源 SVG 图标库，旨在为网站和应用提供简洁、易用且美观的图标资源。