react
精选
react
React is a JavaScript library for building user interfaces with declarative, component-based, and cross-platform design.
AI 仓库情报摘要
FR-AI / ANALYSIS为什么值得关注
它通过 OffscreenCanvas 完全在后台线程渲染动画，比 rlottie/thorvg 快 23–73%，内置 TGS（Telegram 贴纸）解压功能，并提供一个 CLI 工具为动画生成轮廓 SVG，实现骨架加载效果。
适合谁使用
- 需要在 Web 应用中高性能播放 Lottie/TGS 动画的前端开发者
- 同时使用多个框架并希望采用统一动画库的开发者
- 构建 Telegram 贴纸查看器或轻量动画贴纸应用的开发者
- 关注性能、希望消除 UI 线程动画卡顿的团队
典型使用场景
- 在 React、Vue、Solid、Svelte 或原生 JS 项目中嵌入高性能 Lottie 动画
- 显示 .tgs 格式的 Telegram 贴纸，自动解压 gzip 数据
- 利用 tlottie-outline CLI 生成蒙版 SVG，在动画加载期间显示骨架闪烁占位
- 通过共享工作池在页面上同时渲染多个动画而不阻塞 UI 线程
项目优势
- 通过 Web Worker 和 OffscreenCanvas 实现离主线程渲染，消除 UI 卡顿
- 底层 tlottie Rust/WASM 引擎基准帧时间比 rlottie/thorvg 快 23–73%
- 原生支持 .tgs 并使用浏览器自带的 DecompressionStream，无需额外依赖
- 每个框架适配器压缩后仅 3–4 KB，WASM 二进制压缩后仅约 131 KB（brotli）
使用前须知
- 需要 OffscreenCanvas 和 DecompressionStream（仅支持现代 Chrome/Edge/Firefox/Safari），无旧浏览器回退方案
- WASM 原始大小约 418 KB，虽然传输压缩后很小，但部分 CDN 需正确配置 Content-Encoding
- 未明确支持 React Native 或其他非 Web 环境
README 快速开始
Quick start
项目描述
Fast, Web Worker–based Lottie and TGS (Telegram sticker) renderer, backed by the tlottie Rust/WASM engine. Ships adapters for React, SolidJS, Vue, Svelte, Web Components, and Vanilla JS.
相关仓库与替代方案
根据分类、Topic 和编程语言匹配的相似项目。
TanStack
精选
router
TanStack Router is a type-safe, data-driven React router with built-in caching, prefetching, and nested layouts, while TanStack Start extends it into a full-stack SSR framework.
yetone
精选
kill-ai-slop
Kill AI Slop is a multilingual field guide and agent skill that catalogues 33 common AI-generated design tells with interactive before-after demos, and provides a tool to scan and fix web projects.