# 前端

KaibanJS 是一个基于 JavaScript 的多智能体系统框架，采用看板（Kanban）思维管理智能体任务流，适合可视化协作与任务调度的 AI 代理系统开发。

一键加固 NPM/pnpm/yarn/bun/uv 等包管理器的配置，自动修复常见安全漏洞与配置错误，帮助开发者快速提升项目安全性

一个轻量级的 JavaScript 82M 模型，专为本地运行优化，适合开发者在浏览器或 Node.js 中快速集成小型 AI 功能，解决大模型本地部署成本高、延迟高的痛点，适合独

基于 WASM（wllama）的 LLM 推理引擎与模型管理工具，可在浏览器中运行轻量级大模型，适合本地化、低延迟推理场景

通过拖拽方式可视化构建CSS Grid布局，无需记忆网格线或手动计算，一键生成可直接使用的干净HTML/CSS代码

Vibe PWA Starter-kit 是一个为独立开发者准备的生产级 SaaS 开发模板，集成认证、支付、部署、SEO 等完整功能，可快速搭建可交付的 SaaS 产品。

一个开发者工具，可从任意网站URL实时提取样式并转换为Design.md、W3C令牌、Tailwind v4和CSS变量，提升设计与开发协作效率，适合前端开发者和设计团队

纯TypeScript实现的AI代理记忆系统，零依赖，轻量级可嵌入，解决LLM代理缺乏持久化记忆能力的问题，适合前端/全栈开发者快速集成

Rememori 提供零依赖的Agent记忆系统，可在任何运行JavaScript的环境（如浏览器、Node.js）中运行，解决AI Agent缺乏持久记忆的痛点，适合构建轻量级、

将提示词和截图转化为可编辑的React+Tailwind代码，支持保存设计规范与生成规则，实现高保真、可维护的界面开发

Skelly 能自动分析已渲染的UI界面，生成像素级精确的加载状态（如闪烁、脉冲、乐观加载），支持组件、页面、表格等全场景，且可在服务端运行。

在浏览器中直接用DOM编写视频，通过WebCodecs编码生成MP4，无需FFmpeg或渲染农场，每一帧都是基于帧索引的纯函数，适合前端开发者实现高性能动画视频生成。

为 Twitter（现 X）设计的 Morphe 模组补丁工具，通过自定义脚本增强平台功能，如界面美化、行为优化与数据可视化。

一个完全可定制且支持智能代理的开源设计系统，专为构建可扩展、智能化的现代 UI 体验而设计。

一个基于 TypeScript 的现代化前端开发工具包，提供组件、工具函数和最佳实践，帮助开发者快速构建高效、可维护的 Web 应用。

领先的GraphQL客户端，提供智能缓存、实时数据同步和强大工具链，适用于React、Vue、Angular等多种前端框架

JavaScript 生态核心打包工具，支持模块化打包、代码分割和多种模块格式（ES6/CSS/AMD 等），是现代前端工程的基石。

Sass 的官方 Dart 实现，提供更快的编译速度和更现代的语法支持，是前端开发者构建 CSS 的首选工具

Zanagrams 是一个基于浏览器的单词重组游戏，玩家通过重新排列字母来组成合法单词，支持多人实时对战，适合语言爱好者和休闲游戏玩家。

无需WebGL的纯CSS 3D引擎，用CSS实现流畅3D视觉效果，适合轻量级Web动画与展示

一个免费的 Vue 动画图标库，提供开箱即用的可定制动画图标，帮助前端开发者快速美化 Web 应用界面。

作者在 Fable 停止维护前，用它构建了 80 个迷你游戏，展示了 Fable 在前端开发中的创意潜力与可玩性。

GolemUI 是一个声明式表单引擎，允许开发者用简洁代码定义复杂表单逻辑，支持动态验证与状态管理，适合前端开发人员快速构建可维护的表单系统，亮点是将表单抽象为可组合的组件单元

RePlaya 是一个可自托管的浏览器会话回放工具，支持实时日志追踪，帮助开发者快速复现和调试前端问题。

Selector Forge 是一个浏览器扩展，利用 AI 生成更稳定、抗 DOM 变化的选择器，帮助前端测试与自动化脚本开发者减少因页面变动导致的失败。

Tailwind CSS 是一个实用优先的 CSS 框架，通过直接在 HTML 中使用类名快速构建定制化 UI，适合追求开发效率与样式一致性的前端团队。

Vue 2 的官方仓库，但 Vue 3 已迁移至 vuejs/core，Vue 2 仍被广泛使用，适合渐进式构建轻量级到中型 Web 应用，以简单易用和灵活集成著称。

Angular 是由 Google 维护的前端框架，用于构建可扩展的 Web 应用，适合大型企业级项目，支持 TypeScript 和双向数据绑定，提供完整的开发工具链。

零配置、一键部署的免费地图组件库，用 TypeScript 实现，提供美观且可复用的 Web 地图 UI 组件。

My Approach to HTML Obfuscation 是一篇关于如何通过巧妙手段混淆 HTML 代码以防止爬虫与逆向分析的技术分享，适合前端安全与反爬场景的开发者，亮点是

DataGridXL v3 是高性能的 Excel 类数据网格组件，专为前端开发者打造，支持超大规模数据渲染与实时交互，媲美桌面级体验

基于Blazor和Material Design的C#组件库，帮助开发者用C#构建现代化Web界面，减少对JavaScript的依赖。

Cypress 是一个用于浏览器应用的快速、易用且可靠的端到端测试框架，适合前端开发者与 QA 工程师，亮点是实时重载、内置调试工具与直观的测试编写体验。

专为React/TSX开发者打造的白板动画制作工具包，可快速生成技术讲解视频，提升内容创作效率

这个工具允许开发者在 UI 元素上悬停，直接查看其在代码中的精确位置与上下文，极大提升前端调试与协作效率。

一个为生产环境应用设计的干净 SVG 图标集合，支持直接集成到项目中，适合前端开发者与设计师，亮点是文件体积小、命名规范且无版权风险。

DaisyUI 是一个基于 Tailwind CSS 的免费开源组件库，提供美观、现代化的 UI 组件，适合快速构建响应式 Web 应用。

轻量级 JavaScript 动画引擎，专为网页动画设计，支持复杂动画逻辑与高性能渲染，适合构建流畅的交互式 UI。

Web Components 的 `literal` 是一个零虚拟 DOM 的高性能自定义标签库，允许开发者在生产环境中使用 `<void/>` 等自定义标签，适用于追求极致性能与

一个无需 AI 的可视化 Flexbox 布局生成工具，用户拖拽元素即可实时预览并自动生成标准 Flexbox 代码，适合前端开发者快速构建响应式布局。

轻量级React状态管理库，以极简API和高性能著称，适合中小型应用的状态管理需求。

下一代前端构建工具，以极快的冷启动和热更新著称，提升开发体验与构建效率。

动态生成可定制的 SVG 动画，模拟打字与删除效果，适用于个人主页、项目介绍页等场景，提升视觉吸引力。

为前端框架（React/Vue/Svelte）和CLI生成确定性头像的工具，每个种子值对应唯一头像，适合用户系统设计

从截图一键生成生产就绪的字体样式代码，支持快速提取设计中的文字样式并输出可用代码，提升前端开发效率

基于 TypeScript 的全栈 Vue 框架，支持 SSR、静态站点生成和现代前端开发模式，适合构建复杂 Web 应用

Babel 是一个用于编写下一代 JavaScript 的编译器，可将 ES2015+ 语法转换为兼容性更好的旧版本 JS，是现代前端开发的核心工具。

Storybook 是业界标准的 UI 组件开发与测试工具，支持在隔离环境中构建、文档化和测试组件，特别适合前端开发者和设计系统团队，亮点是强大的可视化调试和多框架支持。

为 Sprockets 添加对 CommonJS 模块规范的支持，让 Ruby on Rails 项目能更顺畅地集成现代前端模块化资源，提升前端构建灵活性。

HoverSource 通过一键操作，将网页或 UI 上的像素位置快速映射回对应的源代码文件，专为前端开发者设计，极大提升从视觉稿到代码的转化效率，支持主流框架与开发工具链。

只需添加一个脚本标签，即可让任意网站具备智能代理（Agent）能力，适合快速为网页注入自动化交互功能的开发者。

React 是构建用户界面的前端库，广泛用于 Web 和原生应用开发，是现代前端开发的核心技术之一。

一款CSS检测工具，可自动发现代码中硬编码的颜色和间距，帮助前端开发者提升样式一致性和可维护性

一款用 Svelte 构建的受 ARC Raiders 启发的库存管理游戏，适合游戏开发者和前端爱好者，亮点是轻量级、响应式 UI 和可玩性强的物品系统

一款 WordPress 插件，允许开发者仅用 PHP 和 Tailwind CSS 快速构建自定义 Gutenberg 块，无需复杂前端构建流程，降低开发门槛。

利用 AI 前端能力自动生成精美网页幻灯片的工具，开发者可通过代码快速构建演示文稿，适合技术分享与产品展示。

为 HTML 提供高阶交互能力的 JavaScript 库，通过轻量标签实现动态内容更新，无需复杂前端框架。

该工具允许在 Web 应用中直接渲染和展示 Excel 文件，无需转换为其他格式，适合需要在线查看或编辑表格数据的前端开发者。

将MP4视频一键转为React可复用的滚动动画组件，提升设计到开发的转化效率

一个完全在浏览器中运行的免费配色工具，无需注册即可使用，适合设计师和前端开发者快速生成与预览色彩方案

Material Design 官方实现的 React 组件库，提供完整、可定制的 UI 组件，支持快速构建现代化 Web 应用。

两个零依赖、单配置文件的 Next.js 模板，提供极简开箱即用的项目结构，适合快速搭建轻量级 Web 应用或学习 Next.js 基础。

PocketJS 用现代前端技术（Solid/Vue JSX + Tailwind）在 2004 年的 Sony PSP 上实现 60fps 流畅运行，是极致性能优化与跨时代兼容的

个人开发者作品集网站，展示全栈开发能力与项目成果，是优秀前端与Web应用开发的范例，适合开发者参考学习

Pinia 是 Vue 3 的轻量级状态管理库，基于组合式 API，提供类型安全和 DevTools 支持，适合构建大型 Vue 应用。

企业级 React UI 组件库，提供完整的设计语言与高复用组件，广泛用于中后台系统开发，提升团队 UI 一致性与开发效率。

WordPress的区块编辑器项目，用于构建可组合、可扩展的现代网页内容编辑体验，支持插件化扩展，是WordPress生态的核心演进方向。

e621ng 是一个基于 Ruby 的 e621（艺术图站）的现代替代前端，提供更流畅的浏览体验和更好的移动端支持，适合艺术爱好者与内容创作者使用。

Espinwheel 是一个开发者工具，用于快速构建和管理前端组件与 UI 原型，提升开发效率。

一款在浏览器中直接处理RAW照片文件的在线编辑器，无需下载软件即可完成专业级图像处理。

基于Vercel构建的客户端字体检测工具，可实时查看网页中使用的字体及其属性。

szum 是一个统一的图表设计系统，通过单一配置适配多种界面场景，提升数据可视化的一致性与开发效率。

一个基于 AI 的 WordPress 页面构建器，可生成纯净的 HTML/CSS/JS 代码，无需依赖框架，适合追求性能与控制力的开发者。

Gridzzly 是一个可视化 CSS 网格布局构建工具，用户通过点击拖拽即可快速设计响应式网格，无需手写复杂代码

通过一键克隆和重构，将任意网站转为现代化 React 应用，适合前端开发者快速搭建原型或抓取网页内容，亮点是自动化程度高且保留交互逻辑。

Lenis：高性能、原生流畅的滚动动画库，专为现代Web应用优化，解决传统滚动卡顿问题。

Svelte 官方的全栈 Web 开发框架，以编译时优化实现极致性能，适合构建快速、轻量的现代 Web 应用。

GSAP 是现代 Web 的高性能 JavaScript 动画库，支持复杂动画控制，适用于网页动效设计与交互开发。

Let Claude Code 是一个利用 Claude 模型自动迭代前端设计的工具，开发者可通过自然语言描述快速生成、优化和调试 UI 界面，显著提升前端开发效率，适合设计师与开

Modern & Fully Responsive HTML Template 是一个现代化、适配多设备的 HTML 模板，适合前端开发者快速搭建网站原型，亮点是开箱即用、无依赖、