🍭 #前端工程化 #构建工具


🏵 ESBuild - 高性能Web前端构建工具

🍥 简介：
ESBuild 是一款基于 Go 语言编写的前端构建工具，旨在提供极速的编译性能。该工具原生支持 JavaScript、TypeScript、CSS 及 JSX 等多种文件格式，通过深度整合 Tree-shaking 算法，有效精简构建产物并显著优化处理效率，是现代前端项目工程化构建的核心组件之一。

🎈 【进入项目】


🗣 活动线报 | 掘金项目

🍭 #AI视频处理 #前端优化 #Web开发


🏵 Scroll Video Website - 视频转交互式Web组件


🍥 简介：
该项目是一款AI驱动的轻量级工具，旨在将普通视频转换为流畅的交互式网页滚动组件。程序通过自动优化输出WebP格式帧，支持渐进式加载技术与自适应动画效果，有效降低视频资源负载并提升跨设备交互的渲染性能，适用于构建高性能的网页动态视觉效果。


🎈 【进入项目】


🗣 活动线报 | 掘金项目

🍭 #SVG编辑 #前端工具 #矢量图形

🏵 SvgPathEditor - 在线编辑与管理SVG路径数据

🍥 简介：
SvgPathEditor 是一款基于浏览器的矢量路径编辑工具。该程序支持通过图形界面可视化创建、修改 SVG 路径数据（Path Data）。用户可实时编辑坐标点、调整贝塞尔曲线，并对路径指令进行精准操控。该工具无需安装，通过浏览器即可完成路径的优化与格式化，适用于 Web 开发中图标设计与矢量图形的快速处理。

🎈 【进入项目】


🗣 活动线报 | 掘金项目

🍭 #前端开发 #动效生成 #React工具


🏵 Mockoops - 屏幕录制视频转动效模板工具

🍥 简介：
Mockoops 是基于 React 开发的动效生成工具，旨在将普通的屏幕录制素材转化为动态演示视频。该程序采用无服务器架构实现极速渲染，支持参数实时更新与响应式模板调整。内置多种场景化模板，通过长期缓存机制优化处理效率，并提供自动适配系统主题的浅色与深色模式，提升界面交互体验。

🎈 【进入项目】


🗣 活动线报 | 掘金项目

🍭 #内容管理系统 #开源工具 #前端开发


🏵 TinaCMS - 基于Markdown的可视化无头CMS


🍥 简介：
TinaCMS 是一款开源无头内容管理系统（Headless CMS），旨在为开发者提供高效的内容编辑体验。该系统原生支持 Markdown 语法，并集成了直观的可视化编辑界面。通过将内容管理与前端框架深度融合，它能够实现内容的实时预览与所见即所得编辑，从而大幅优化静态网站与动态站点的构建工作流，确保内容管理流程的灵活性与专业化。


🎈 【进入项目】


🗣 活动线报 | 掘金项目

🍭 #React #ReactNative #开发工具 #前端组件


🏵 Legend List - 高性能React Native列表组件


🍥 简介：
Legend List 是一款基于 TypeScript 构建的 React Native 列表组件。该项目不依赖任何原生模块，旨在作为 FlatList 和 FlashList 的高性能替代方案。其核心优势在于优化了渲染机制，在处理动态尺寸的列表元素时，能显著降低内存占用并提升滚动流畅度与渲染效率。


🎈 【进入项目】


🗣 活动线报 | 掘金项目

🍭 #JavaScript #前端库


🏵 Core-js - ECMAScript特性填充，兼容旧浏览器。

🍥 简介：
Core-js 是一个模块化的 JavaScript 库，为现代 ECMAScript 功能提供 Polyfill。它支持 Promise、Symbol、集合、迭代器、类型化数组以及 URL 和 structuredClone 等 Web 标准。Core-js 允许在旧版浏览器中使用最新的 JavaScript 特性，仅加载所需部分，避免全局命名空间污染。它能与 Babel 和 swc 等工具无缝集成，实现优化的特性填充。

🎈 【进入项目】


🗣 活动线报 | 掘金项目

🍭 #开发资源 #前端框架


🏵 Awesome React - React生态系统资料合集

🍥 简介：
本项目汇集了React前端开发生态系统的各类精选资源和高质量学习资料。内容涵盖React核心概念、组件库、状态管理、路由、测试及性能优化等多个方面。旨在为开发者提供一个全面、系统的React学习与实践参考平台，助力技术提升与项目开发效率。

🎈 【进入项目】


🗣 活动线报 | 掘金项目

🍭 #Web开发 #前端框架


🏵 Svelte - 前端框架编译器

🍥 简介：
Svelte是一种创新的Web应用构建工具。它作为编译器，能够将用户编写的声明式组件转换为高度优化的JavaScript代码。这些生成的代码能够以极高的效率和精度更新文档对象模型（DOM），从而显著提升应用程序的运行性能和响应速度。

🎈 【进入项目】


🗣 羊毛撸货线报 | 合作/投稿

🍭 #前端开发 #UI组件 #测试工具

🏵 Storybook - 独立构建UI组件与页面

🍥 简介：
Storybook是一个前端开发平台，专注于独立构建用户界面（UI）组件和页面。它提供隔离的开发环境，使开发者能够高效地创建、测试和展示UI组件，而无需依赖整个应用程序上下文。该平台兼容多种前端框架，并集成了一系列工具，旨在优化UI开发流程、提升组件质量与一致性。全球数千个团队正利用Storybook进行UI的开发、测试与文档化。

🎈 【进入项目】

🗣 羊毛撸货线报 | 合作/投稿

🍭 #React开发 #前端工具


🏵 Base-stack - React应用快速启动

🍥 简介：
Base-stack是一个React启动套件，提供经过精心设计、开箱即用的基础架构，专为现代Web应用开发而打造。它旨在集成所有必要工具和优化模式，确保开发者能够即时启动项目，并获得完美协调的开发环境，从而提高效率和项目质量。

🎈 【进入项目】


🗣 羊毛撸货线报 | 合作/投稿

🍭 #Markdown解析 #前端组件


🏵 Streamdown - 实时流式Markdown渲染

🍥 简介：
Streamdown 是专为 AI 实时流式内容设计的 Markdown 渲染组件，能直接替换 react-markdown 使用。它针对 AI 输出的不完整或未结束的 Markdown 片段做了专门优化，保证内容在流式传输下依然能正确高亮和排版。支持 GitHub 风格表格、任务列表、删除线、数学公式（KaTeX）、Mermaid 流程图和 Shiki 代码高亮。内置 rehype-harden 增强渲染安全性，性能上采用记忆化处理，适合各类 AI 聊天前端和流式内容展示场景。

🎈 【进入项目】


🗣 羊毛撸货线报 | 合作/投稿

🗣 每日羊毛线报 👈


🏵 Lenis - 轻量级平滑滚动库

🍥 简介：
Lenis 是一款轻量、健壮且高性能的平滑滚动库，旨在为现代浏览器提供极致流畅的滚动体验。它由 @darkroom.engineering 设计，易于集成且使用简单。通过优化滚动行为，Lenis 非常适合实现 WebGL 滚动同步、视差特效等复杂的交互效果，能显著提升网站的动态表现和用户体验。该项目专注于性能与简洁性，致力于让平滑滚动变得简单而可靠。

🍭 #平滑滚动 #前端开发


🎈 【进入项目】


🎯 关注频道 🤖 合作/投稿