Jakubantalik/transitions.dev

来源
GitHub
首次上榜日期
领域
设计与 UI
GitHub 星标数
4,672
主要语言
HTML
网站
transitions.dev (在新标签页中打开)

本页介绍外部开源仓库,并非 HDATF 产品。

Jakubantalik/transitions.dev

它做什么

transitions.dev是一个仓库,汇集了用于网页界面的CSS过渡效果集、把它们加入项目的CLI、面向编码智能体的skill,以及检查界面动效的transitions-agent。主要用户是希望统一页面过渡和动画的前端开发者,以及使用Claude Code或Cursor等编码智能体制作界面的人。每个过渡效果以可直接复制的CSS代码片段提供,带有:root自定义属性、t-前缀类名和prefers-reduced-motion适配。transitions-dev CLI(MIT,Node 18及以上)无需账号即可添加和列出免费过渡效果,Pro过渡效果则在设备登录后从api.transitions.dev下载,每次下载都会核验使用权限。transitions-agent(MIT)用11条规则在本地检查界面代码并给出0到100的动效评分,其GitHub Action会在PR上发布评分评论,然后以该PR分支为目标开出修复PR。fix命令会把相关文件发送到托管修复服务,先以diff展示Claude生成的修改,只有用户同意后才写入文件,并说明修改范围限于CSS过渡和动画保护代码。免费注册档提供无限次检查和Action,使用自己的Claude Code或Cursor修复也不限次数,托管修复每月最多10次、每天最多2次,Business方案每月59美元,包含5个Pro席位和每月200次修复。自有的Transitions.dev License允许在个人和商业项目中修改和发布,禁止作为竞争性库再分发,公司使用Pro过渡效果或付费Agent功能需要为每人购买Business席位。CLI和agent工具代码采用MIT,GitHub将许可证显示为NOASSERTION看来是因为这一自有许可证。过渡效果数量在各处说法不一,README表格为12个,README正文为18个,仓库描述为43个以上,agent文档为免费32个加Pro 11个,实际数量需要亲自清点,而且托管修复会把代码发送到外部服务,用于公司代码前应先确定发送的文件范围。

许可证

自定义许可 自定义或非标准许可。复用前请阅读许可证文件。

同领域的其他仓库

  • CopilotKit/OpenIntelligentUI
    OpenIntelligentUI是聊天应用及开发基础,可用文字、表格和可操作界面回答问题。它面向希望在对话中提供解释、比较和小工具的开发者。Python智能体处理用户问题,再经CopilotKit和AG-UI向浏览器传递结果。Jev选择展示方式,基本表格使用A2UI,复杂可视化与计算器使用沙箱中的HTML、CSS和JavaScript。控件可把选定值发送为后续问题,但文档没有提供从另一调用直接修改既有结果的API。运行需要Node.js 22以上、pnpm 9以上、Python 3.12以上和uv,并分别连接OpenAI与Jev密钥。用户密钥保留在浏览器内存中,但会经应用服务器传递给服务商,因此必须信任部署运营方。已查看的query_data源码返回整个示例CSV,不按查询词过滤,也不读取实时公司数据。对话检查点位于进程内存中,重启或多服务器部署时不具备持久共享能力。
  • storytold/vectorcraft
    VectorCraft是一款Rust矢量插画编辑器,面向处理路径、文字、图层和多个画板的设计师。它打开基于JSON的专用文档、SVG及PDF,包括兼容PDF的Illustrator文件,并导出矢量或栅格图像。图形运算、可编辑的外观效果和独立渲染引擎使界面本身与文档数据分离。CLI和智能体工具连接协议MCP在无界面或连接桌面的模式下提供绘图命令、文档检查及渲染预览。当前Cargo配置指定Rust 1.95,桌面目标包括macOS、Windows、Linux和FreeBSD,浏览器构建则使用WebAssembly。日文字体可以来自可选的共享字体仓库,桌面环境缺少该资源时使用已安装的系统字体。README并未承诺完全等同于Illustrator,而是说明高级效果、中日韩竖排排版、细节交互及Windows和Linux打包仍有不足。MCP文档还明确说明进度通知、执行中取消和资源变更订阅尚未实现,渲染速度主张也未在本次调查中独立复现。
  • kargulstudio/sales-crm
    README将其描述为基于Next.js 16、React 19和Tailwind CSS 4的起始模板。包含AVIF图片转换以及从视频和Rive文件生成封面的脚本。
  • lism-css/core
    这是一个用于快速搭建网页布局的轻量CSS设计framework,参考了Every Layout的布局基本元素与和谐模块化比例,以及Tailwind CSS的单属性utility class思路。整套CSS约30千字节,可通过CDN或npm在无需build步骤和配置的情况下使用,用CSS layer组织规则,并提供props可转换为class和自定义属性的React与Astro component。
  • devdotfast/whiteboard
    供人和编程智能体共同设计软件的桌面画布。智能体可通过 SDK 在共享工作区绘制工作说明。

只收录进入 Trendshift 排行榜的仓库,榜单仅用于寻找候选项目,不转载名次。说明、许可证和星标数来自各 GitHub 仓库。解读是我们自己的判断。我们尚未测试这些项目,上榜并不证明质量。

在 GitHub 上查看 (在新标签页中打开)