正在打开每日关注
正在打开每日关注
汇总动画网页、CSS 特效、弹簧交互、UI 识别、3D 与 Agent 技能资源。
New tools I keep coming back to. Save this 👇 - https://t.co/wQrrKyScQy - AI prompts for animated websites - https://t.co/FgTPEqdeQ4 - free animated component library - https://t.co/DBIDZdVb86 - pure CSS text animations - https://t.co/Hk6ovLEr1l - spring physics UI motion - https://t.co/wv2C0KXUCr - build terminal UIs with TypeScript - https://t.co/nHTq0N41dq - name any UI element instantly - https://t.co/NRWoHNzeI0 - logo, color & gradient tools - https://t.co/CLb1khhxQZ - 3D product visualizer in browser - https://t.co/JtOAiFEBJy - Claude skills for web design What am I missing?
是什么 这是一份面向 AI 建站与前端创作的工具书签:把网站动效、CSS 特效、物理交互、终端 UI、UI 术语、品牌色彩、浏览器 3D 和 Agent 技能放在同一条资源链上。价值不在单个产品,而在于把灵感、可复制代码与可交给编码 Agent 的提示词连接起来。
核心设计 MotionSites AI 提供 landing page/section 提示词、动画背景与参考复刻;Colorion 提供 81 个纯 CSS、MIT 授权且支持 reduced motion 的文字效果;Kinetics 将 153 个交互拆为可调 stiffness/damping,并同时给出 CSS、React 和 Prompt。NameThatUI 则把模糊的视觉描述映射为 UI 术语、API 符号和实现提示。配图的参数栏、粒子球、照片卡片与识别弹层,体现了看效果、调参数、复制实现的闭环。
关键洞察 MengTo/Skills 是最可沉淀的一环。README 描述其以文件夹化 SKILL.md 为核心,配合 references、scripts、assets、demo,收录 Video to Super Prompt、HTML to Interaction Prompts、整页捕获和 Daily UI Inspiration 等流程;仓库 5,568 stars,最近提交于 2026-08-28。它将一次性灵感变成可版本化、可迁移的 Agent 工作规程。
边界与风险 资源适合探索和原型,不等于生产组件库;提示词与视觉示例仍需核验可访问性、移动端性能、版权及 reduced-motion 行为。OpenTUI 更偏终端工程,Valessa 更偏 3D 展示,不能把所有链接混同为同一种设计方法。