前端开发

CSS代码生成器，生成CSS代码的最简单方法。

cssanimate是一款可视化CSS动画生成工具，支持时间轴编辑keyframes关键帧，调整位移缩放旋转透明度后自动生成带前缀的CSS动画代码。目前站点已停止服务无法访问，本文介绍其原功能并提供Animista等替代方案。

21st.dev是一个为设计工程师提供React Tailwind组件的平台，灵感来源于shadcn/ui。它由 RorkAI 团队和 Claude 3.5 Sonnet 构建，旨在帮助设计工程师更快地交付精致的用户界面。用户只需一条命令即可安装，极大地提高了开发效率。这个平台的主要优点是它的组件化和模块化，使得设计和开发工作更加灵活和高效。产品背景信息显示，它是为了满足设计工程师对于快速、高质量UI组件的需求而创建的。目前，该平台提供免费试用，但具体的定价信息需要进一步查看

CSS3 Generator是经典在线CSS3代码生成器，汇集盒阴影、文字阴影、圆角、渐变、RGBA颜色、多栏布局、弹性盒、变换过渡动画等十余种效果模块，滑块调参实时预览，一键复制带前缀的CSS代码，前端新手必备免费工具。

Frontend AI是一个开源的前端AI社区工具，它通过AI技术帮助开发者快速生成前端组件代码。用户可以通过简单的请求或上传图片，立即获得无需手动编写的、可立即使用的代码。它支持Tailwind CSS，允许用户自定义设计元素，并将生成的代码轻松集成到项目中。

缓动函数速查表（easings.net）以可视化曲线与实时小球演示展示30多种常用CSS缓动函数，提供transition、@keyframes、PostCSS与JavaScript实现代码，帮助前端开发者和设计师快速挑选自然的动画曲线。本文介绍其官网入口、功能、用法与常见问题。

WeaveFox是蚂蚁集团推出的AI前端研发平台，支持自动将设计图转化为高质量的前端代码，支持React、Vue等框架，适用于Web、移动端、小程序等多平台开发。

特殊符号表官网 特殊符号表（...

UIsnapper是一个AI工具，可以将UI截图转换为详细设计提示，帮助开发人员和设计师快速构建界面。它提供颜色、排版、间距和组件结构的详细分析，以及生成可以与AI工具配合使用的准确提示。

Naive UI官网入口。Naive UI是使用TypeScript编写的Vue 3组件库，提供70多个组件，主题可定制性极强，支持暗色模式与按需引入，性能出色、类型提示完善，适合中后台管理系统与数据密集型应用。

Onlook是开源可视化React前端编辑器，设计师直接在应用上改UI，修改自动同步为代码推送代码库。

OKLCH Color Picker & Converter 是一个在线颜色选择与转换工具，支持 OKLCH 色彩空间，可与 HEX、RGB、HSL 等格式互转，并提供可视化界面，帮助设计师和开发者更直观地处理和调整颜色。

Impeccable是Paul Bakaus创建的开源AI前端设计技能包，通过23个斜杠命令、7份设计参考文件和25条反模式规则，纠正AI编码工具的'AI slop'审美，支持Cursor、Claude Code等11+工具，Apache 2.0协议免费。

Grabient是一个提供美观渐变色方案的在线工具，用户可以浏览、自定义并复制CSS代码，方便用于网页设计和前端开发。

normalize.css是最流行的CSS Reset替代方案，保留有用的浏览器默认样式，统一各浏览器不一致的表现并修复常见Bug，模块化、注释详尽、约10KB，曾被Bootstrap与HTML5 Boilerplate采用。本文介绍其官网入口、特点、引入方式与常见问题。

Same.dev 是一款AI编程工具，允许用户复制任何网页的UI界面并自动生成对应的前端代码，帮助开发者快速复用界面设计并加速开发流程。

jQuery Cards曾收录1000余个高品质jQuery插件，以卡片式布局按轮播、弹窗、表单、图表等分类呈现，帮助开发者快速选型。该站点域名已挂牌出售停止服务，本文保留收录信息并给出插件获取的替代渠道。

前端在线编辑器官网提供简洁易用的在线代码编译环境，支持HTML、CSS、JavaScript及多种预处理语言，用户可实时编辑并预览效果，适合前端开发者进行快速原型制作和代码调试。

苹果、Google、微软、Facebook等巨头强势联盟

Wave UI官网入口。Wave UI是面向Vue 2与Vue 3的响应式UI框架，内置40多个触摸友好的组件，整体体积不到40KB且无第三方依赖，自带成熟表单校验、主题与工具类，适合移动优先与性能敏感型Web项目。