CSS

BlinkShot

BlinkShot 是一款基于 AI 的实时图像生成工具,支持用户通过输入描述性提示快速生成高质量图像。它采用 Together AI 的 Flux Schnell 技术,提供自定义分辨率和生成步骤功能,适合艺术创作、设计、游戏开发、广告营销等多个领域。工具基于开源技术开发,具备良好的可扩展性和可观察性。

LogoCreator

LogoCreator是一款基于AI技术的开源Logo生成工具,能够快速生成专业风格的Logo设计。它支持多种自定义风格选项,适用于初创企业、个人品牌、教育机构及非营利组织等场景。通过Next.js和TypeScript实现高效开发,同时借助Flux Pro 1.1引擎优化设计流程,确保生成的Logo兼具创意与实用性。

DeepSeek Artifacts

DeepSeek Artifacts是一款基于AI的前端开发工具,能够自动生成React和Tailwind CSS代码,同时支持构建开放的前端代码数据集。它提供沙盒环境、项目导出以及快速部署等功能,适用于快速原型开发、教育场景及SEO优化等多种用途,旨在提升前端开发效率。

Gemini Coder

Gemini Coder 是一款基于 Google Gemini API 的 Web 开发工具,支持通过自然语言描述快速生成完整应用代码,并提供实时编辑与预览功能。它整合了 Next.js 和 Tailwind CSS,提升开发效率与用户体验。兼容多种 Gemini 模型,适用于原型开发、教育学习、小型应用构建等场景,是提高开发速度和灵活性的实用工具。

Onlook

Onlook 是一款开源的视觉编辑工具,专为 React 应用设计,支持设计师和开发人员在浏览器中实时修改 UI 并自动生成代码,提升协作效率。所有操作在本地完成,确保数据安全,兼容 React 和 TailwindCSS,未来将扩展至更多框架。适用于快速原型设计、设计与开发协作、设计系统维护等场景。

Reweb

Reweb 是一款面向开发者的 AI 可视化构建工具,支持基于 Next.js 和 Tailwind CSS 快速生成和定制用户界面。它结合 AI 生成能力与可视化编辑功能,允许从空白画布或 Figma 文件开始设计,并导出高质量代码。适用于快速原型设计、前端开发加速、设计与开发协作以及教学场景,提升开发效率并增强代码可扩展性。

Alwane.io

一个免费的线上工具,专为获取网站整体配色方案而设计。 用户只需输入网址,Alwane就会立即开始扫描该网页,并提取其中 HTML、CSS 和 JavaScript 代码中所使用到的色彩信息,并以色块形式呈现。

ColorZilla

一款功能强大的浏览器扩展工具,适用于 Google Chrome 和 Mozilla Firefox。ColorZilla为网页开发者和图形设计师提供了多种色彩相关功能,包括取色器、渐变生成器和颜色历史记录等。

Mesher

一个渐变背景色彩CSS在线生成工具,用户可以通过Mesher,让你只用 CSS 代码就能做出很炫的网格渐变背景。

ZeoSeven Fonts (ZSFT)

一个专注于免费商用字体下载平台,同时也提供 WebFonts 字体 CDN 服务,适合那些需要免费商用字体的UI设计师、网页开发者。