#前端开发

Tailwind CSS v3.2+专用插件，提供容器查询功能。使用@container类和@md:、@lg:等变体，实现基于容器大小的样式应用。支持命名容器、自定义尺寸和前缀配置。预设@xs到@7xl多种容器尺寸，可自定义。增强响应式设计能力，简化开发流程。

Anime.js作为一个JavaScript动画引擎，以其轻量级设计和强大功能著称。它能够处理CSS、SVG、DOM和JavaScript对象的动画，支持关键帧、缓动和时间线等高级特性。该库广泛应用于网页动画创作，提供完善的文档和示例，适合各层次开发者使用。

ouorz-mono是一个全栈开发框架，为个人网站和相关项目提供前端代码和Docker镜像。框架采用TypeScript、React和Next.js技术栈，支持多种渲染方式，集成命令面板、状态管理和评论系统等功能。项目包含WordPress应用、分析工具和UI组件库，使用Monorepo结构进行管理。ouorz-mono支持多种部署方式，适用于构建现代化web应用。

Maska是一款轻量级输入掩码工具，无外部依赖，体积仅3KB。支持原生和自定义输入，提供灵活的自定义功能。兼容Vue、Alpine.js和Svelte框架，具备动态、反向和预填充掩码等特性。最新版本优化了数字掩码模式和指令格式，为开发者提供了高效的输入格式化解决方案。

WXT是一个创新的Web扩展开发框架，兼容主流浏览器及MV2/MV3标准。该框架集成快速开发模式、文件式入口点、TypeScript支持和自动导入等功能，适用于多种前端技术栈。WXT的模块化设计、便捷的项目初始化和强大的分析工具，有效提升了开发效率和扩展性能。

nuxt-vitest为Nuxt应用提供Vitest测试环境，支持在Nuxt运行时进行代码测试。该工具具备自动导入、组件挂载和API模拟功能，并提供mountSuspended和mockNuxtImport等测试辅助方法，简化Nuxt应用测试流程。目前nuxt-vitest已整合至@nuxt/test-utils，成为Nuxt生态系统的核心测试工具。

reactuse 是一个轻量级的 React Hooks 工具库，提供如 useToggle 等多种实用钩子函数。这个开源项目简化了 React 应用的状态管理和逻辑处理，适用于各种规模的项目。它具有完善的文档和在线示例，支持类型安全，并受到多个知名开源项目的启发。

TW Elements 是一个全面的 Tailwind CSS 组件库，提供 500 多个免费交互式组件和 117 个以上设计块。特点包括深色模式支持、便捷的主题定制和快速安装。该项目允许免费用于个人和商业用途，拥有活跃的社区支持和持续更新。涵盖表单、卡片、按钮等多种常用组件，为 Web 开发提供全面的基础元素支持。

SoybeanAdmin是一个基于Vue3、Vite5等前沿技术栈的开源管理系统框架。它采用清晰的项目架构和自动化文件路由系统，内置丰富的主题配置和组件。该框架支持国际化、灵活的权限管理和移动端适配，为开发者提供了构建现代化中大型管理系统的完整解决方案。

react-tweet是一个React组件库，用于在Next.js、Create React App和Vite等React应用中嵌入Twitter推文。它提供API和定制选项，便于开发者集成Twitter内容。适用于社交媒体聚合器和新闻应用等项目。react-tweet提供详细文档，并支持社区贡献。

Draggable是一个JavaScript拖放库，抽象了浏览器原生事件，提供API用于创建自定义拖放体验。核心模块Draggable与附加模块Sortable、Droppable和Swappable协同工作，支持多种输入方式。通过事件钩子和自定义传感器，开发者可扩展拖拽功能。该库基于ES6设计，体积小巧，适用于构建各类拖放界面。

amis 是一个开源的前端低代码框架，通过 JSON 配置生成后台页面，显著降低开发成本。它具备可视化编辑功能，提供丰富组件和模板，适合快速构建管理系统和数据可视化应用。amis 简化前端开发流程，使非前端开发者也能轻松使用，有效提升项目开发效率。

react-image-crop是一个专为React设计的图片裁剪组件。它支持响应式布局、触控操作、自由或固定比例裁剪以及键盘无障碍访问。该组件无外部依赖，体积小巧（gzip后小于5KB），可设置裁剪尺寸限制，且不局限于图片裁剪。适用于现代浏览器，为开发者提供了简洁灵活的图片处理方案。

Reflex是一个纯Python全栈Web应用开发框架，支持开发者使用Python构建前后端，无需学习JavaScript。该框架易于上手且可扩展至复杂应用，提供快速部署功能。Reflex内置60多个组件，支持自定义组件开发和状态管理。它适用于快速原型设计和生产级应用，是开发现代Web应用的有力工具。

ComfyUI_frontend是ComfyUI的现代化前端实现，完全兼容现有扩展系统。它引入了节点库侧边栏、队列/历史记录管理、模糊搜索等功能，优化了拖放操作和链接管理。该项目支持TypeScript，提供新API便于开发自定义扩展。ComfyUI_frontend通过改进用户界面和工作流程，增强了AI图像生成的操作体验。

JournalBook是一款基于Preact和IndexedDB构建的开源个人日记应用。该项目支持离线存储和双向书写，为用户提供简洁高效的日记记录体验。应用特点包括轻量级设计和易用性。项目提供CLI命令，方便开发者快速设置、运行和定制。项目托管于GitHub，欢迎开发者参与贡献。

next-wp是一个将WordPress与Next.js无缝集成的启动模板。它采用Next.js 14、React、TypeScript、Tailwind和shadcn/ui等技术栈，封装了WordPress REST API的常用功能，如获取文章、分类、标签和作者信息等。模板提供PostCard和FilterPosts等组件，方便开发者快速构建性能优异、SEO友好的Next.js应用。

Harmony Framework是一个开源的React Native开发模板，为项目提供全面的开发支持。该框架整合了React Native Navigation、TypeScript和Sagas等关键功能，大大简化了项目启动和管理流程。通过详细的文档和iOS与Android平台的配置指南，开发者可以专注于应用逻辑的实现，而无需过多关注底层架构搭建的复杂性。Harmony Framework旨在提高React Native开发效率，适合各类移动应用项目，让您快速构建高效的跨平台应用。

devtools-frontend是Chrome DevTools的开源客户端项目，提供运行DevTools网页应用所需的TypeScript和CSS代码。项目包含详细文档，指导开发者设置、使用和维护DevTools前端，同时提供设计指南、架构文档和调试协议等资源。开发者可通过前端开发和改进Chrome调试协议等方式参与贡献。该项目在GitHub上有镜像，并在NPM上作为包发布。

Layui 是一个开源的 Web UI 组件库，采用轻量级模块化规范，遵循原生 HTML/CSS/JavaScript 开发模式。其特点是简约轻盈，功能丰富，适合快速构建网页界面。不同于主流前端框架，Layui 追求简单实用，无需复杂构建工具，可直接在浏览器中开发。该项目为开发者提供了便捷的 UI 解决方案，持续更新并保持活跃，致力于满足主流框架之外的应用需求。

zoom-chart-demo 是一个基于 Shadcn 构建的可缩放图表组件演示项目。它展示了如何创建简单yet功能强大的图表，支持缩放功能以增强数据可视化的灵活性。项目提供了清晰的安装和运行指南，方便开发者快速上手。主要组件位于 components/chart.tsx 文件中，为有意集成或定制类似图表功能的开发者提供了直观的参考。

Material UI 是一个基于 React 的 UI 组件库，包含 Material UI 和 Joy UI 两个主要模块。它遵循 Google 的 Material Design 设计规范，提供精美的组件。该项目社区活跃，持续更新，并有详细文档和示例。开发者可借助它快速构建现代化、响应式的 Web 应用，提升开发效率和用户体验。

本路线图全面涵盖Next.js产品工程师所需技能,包括核心概念、渲染技术、样式设计、性能优化和部署方案等。它为开发者提供清晰学习方向,适合不同经验水平的人员参考,助力掌握Next.js并提升产品开发能力。

styled2tailwind是一个开源的代码转换工具，用于将Styled-Components转换为TailwindCSS。该工具支持Next.js的App Directory路由，适配服务器组件，通过四步转换机制实现代码迁移。尽管处于早期阶段，styled2tailwind能够帮助开发者简化从Styled-Components到TailwindCSS的迁移过程，提高开发效率。

50projects50days是一个包含50个HTML、CSS和JavaScript实践项目的开源资源库。项目涵盖从基础UI组件到复杂交互应用，每个项目提供源代码和在线演示。适合前端开发者学习实战技巧、获取灵感和参考代码，旨在通过实践提升Web开发技能。项目内容包括扩展卡片、进度步骤、旋转导航动画等50个不同主题的前端实现。资源库由Traversy Media创建，采用MIT许可证开源。开发者可以通过这些项目练习和掌握现代Web前端技术，提高实际项目开发能力。

Tailwind CSS是一个基于实用工具类的CSS框架，旨在快速构建自定义用户界面。框架提供大量预定义的工具类，减少了编写自定义CSS的需求。它具有完善的文档、活跃的社区支持和讨论平台，适用于各种Web项目的开发。Tailwind CSS强调灵活性和可定制性，使开发者能够高效创建独特的设计。

@tailwindcss/forms是一个Tailwind CSS表单样式重置插件。它为常见表单元素提供基础样式，支持文本输入、复选框、单选按钮和下拉菜单等多种类型。插件提供全局样式和对应类名，方便开发者使用工具类进行自定义。它易于安装和配置，支持全局样式或仅类名两种使用策略，适应不同项目需求。通过简化表单元素的样式定制过程，该插件提高了开发效率。

next-view-transitions 是一个集成 View Transitions API 的 Next.js 库，专注于实现基本的页面过渡动画效果。通过简单的组件封装，该库使开发者能够轻松地在 Next.js 应用中添加流畅的视图过渡，从而提升用户体验。它为 Next.js 项目提供了一种简便方法来增强页面间的视觉连贯性。

_hyperscript是一种受HyperTalk启发的轻量级开源脚本语言，作为htmx项目的配套工具。开发者可在HTML元素上直接编写交互逻辑，实现类切换、JavaScript函数调用和延时设置等功能。通过简洁语法，_hyperscript为Web开发提供直观高效的解决方案。该项目鼓励社区贡献测试用例和文档改进。

Orillusion是基于WebGPU标准开发的Web3D渲染引擎，致力于在浏览器中实现桌面级的3D渲染效果。该引擎支持复杂场景渲染，提供NPM和CDN等多种安装方式。目前处于测试阶段，Orillusion正在建立WebGPU技术社区，旨在推动Web前端3D渲染技术的发展。

next-mdx-remote是一个轻量级工具集，用于在Next.js应用中高效处理MDX内容。它支持在getStaticProps或getServerSideProps中加载MDX，并在客户端进行水合渲染。通过提供serialize函数和MDXRemote组件，开发者可以灵活处理各种来源的MDX文本，支持自定义组件、作用域和前置元数据解析。该库优化了性能，简化了MDX的使用流程，适合构建灵活的内容驱动型Next.js网站。

pragmatic-drag-and-drop是一款轻量级拖放工具链，适用于各种前端框架。它由核心包和可选包组成，让开发者能够实现多样化的拖放功能。该项目体积小、模块化程度高、渲染灵活、不依赖特定框架。支持延迟加载、自定义配置，并在主流浏览器和移动平台上表现出色。此外，它还提供可选的视觉组件和无障碍功能，有助于打造统一的用户体验。

Vant 是一款专为移动端设计的 Vue UI 组件库。该库提供 80 多个高质量组件，平均大小仅 1KB，无第三方依赖。Vant 同时兼容 Vue 2 和 Vue 3，特点包括高单元测试覆盖率、TypeScript 支持、自定义主题、暗黑模式和国际化。丰富的文档、演示和设计资源使其成为移动 Web 应用开发的有力工具。

React Live是一个开源的React组件实时编辑和预览工具。它提供可编辑源代码和实时预览功能，便于开发者快速调试和测试组件。该库采用模块化结构，支持自由设计和组合组件。React Live兼容多种模块格式，体积小巧，适用于React开发环境。

Component Party 提供多种主流 JavaScript 框架的语法和特性对比。平台通过实例展示 React、Vue、Angular、Svelte、Lit 等框架的核心概念，包括响应式编程、模板语法、状态管理、生命周期和组件组合。开发者可直观比较不同框架的差异，便于技术选型和学习新框架，为项目开发提供参考。

Locofy.ai是一个先进的低代码平台，可将Figma与Adobe XD设计轻松转换为代码。支持React、Vue、HTML/CSS等技术，借助AI优化工具，显著提高生产效率。