8000 GitHub - blueberrycongee/motionbook: UI animations & micro-interactions recreated in code, with GIF previews. 高质量 UI 动效、微交互与交互设计复刻合集。 · GitHub
[go: up one dir, main page]

Skip to content

About

UI animations & micro-interactions recreated in code, with GIF previews. 高质量 UI 动效、微交互与交互设计复刻合集。

Topics

Resources

Stars

5 stars

Watchers

0 watching

Forks

Repository files navigation

Motionbook

两组对比均为单次生成的定性样本,不能证明 skill 的普遍效果。

Skill 对比:创意短片「从混乱到秩序」

两个 Opus 5.5 代理用几乎相同的提示词,各自用纯代码制作约 20 秒、主题为「从混乱到秩序」的创意短片,唯一区别是能否使用 Motionbook skill。实验设置与提示词

不使用 skill 使用 Motionbook skill
不使用 skill 制作的「从混乱到秩序」创意短片
MP4 · 源码与说明
使用 Motionbook skill 制作的「从混乱到秩序」创意短片
MP4 · 源码与说明

Skill 对比:产品动效短片

两个 Sonnet 5.5 代理用几乎相同的提示词,各自用纯代码制作约 20 秒的产品动效短片,唯一区别是能否使用 Motionbook skill。实验设置与提示词

不使用 skill 使用 Motionbook skill
不使用 skill 制作的 Tidy 短片
MP4 · 源码与说明
使用 Motionbook skill 制作的 Tidy 短片
MP4 · 源码与说明

UI animations & micro-interactions recreated in code, with GIF previews. UI 动效与交互设计参考库。

按用途查找 / Browse by purpose · Agent skill · 署名与许可

预览画廊

Inspora footer
Inspora footer
Praveen cards
Praveen cards
PiP
PiP
Sketcha onboarding
Sketcha onboarding
Shiba online
Shiba online
Flo composer
Flo composer
Tiny animated SVG
Tiny animated SVG
Playful project hovers
Playful project hovers
Progress squeeze
Progress squeeze
Luminous tabs
Luminous tabs
Flight pill
Flight pill
Document signature
Document signature
Paperclip transcript
Paperclip transcript
File upload card
File upload card
Meeting Finder
Meeting Finder
Invite code reveal
Invite code reveal
Angry sliders
Angry sliders
Expandable tool grid
Expandable tool grid
Tactile controller
Tactile controller
Ticket dissolve
Ticket dissolve
Sticky note app
Sticky note app
Dynamic island streak
Dynamic island streak
Adaptive email sidebar
Adaptive email sidebar
RAG Pipeline
RAG Pipeline
Morphing braille loader
Morphing braille loader
Card details sheet
Card details sheet
Task card gesture stack
Task card gesture stack
Customizable glass folder
Customizable glass folder
Segmented order-status card
Segmented order-status card
Paid stamp
Paid stamp
Adaptive Precision
Adaptive Precision
Minimap
Minimap
Agent plan
Agent plan
Tap / get invoice
Tap / get invoice
Light Work
Light Work
Life in Weeks
Life in Weeks
macOS Genie
macOS Genie
dot send
dot send
Nested tag creation
Nested tag creation
Micro progress button 80C6
Micro progress button
ChatGPT Space
ChatGPT Space
Portfolio ribbon
Portfolio ribbon
Apple Music Lyrics
Apple Music Lyrics
Graph slider
Graph slider
Ringwriter
Ringwriter
Elastic string clock
Elastic string clock
File toss
File toss
Spring code input
Spring code input
Model router
Model router
Fractional slider
Fractional slider
Automation manager
Automation manager
Apple Music Player
Apple Music Player
Things Magic Plus
Things Magic Plus
Little Wins · CC0 monster milestone
Little Wins · CC0 monster milestone
Telegram Media Spoiler
Telegram Media Spoiler
iMessage Jitter
iMessage Jitter
YouTube subscribe feedback
YouTube subscribe feedback
Circle to Search
Circle to Search
Mac Studio turntable
Mac Studio turntable
Mac Studio layered assembly
Mac Studio layered assembly
Mac Studio benchmark tabs
Mac Studio benchmark tabs
Mac Studio scroll relay
Mac Studio scroll relay
Mac Studio hero transition
Mac Studio hero transition
Mac Studio parallax features
Mac Studio parallax features
Mac Studio crossfade gallery
Mac Studio crossfade gallery
Kitasenju tumbling clock
Kitasenju tumbling clock
Document workspace 复刻
Document workspace 复刻
OpenAI leading dot typography
OpenAI leading dot typography

About

UI animations & micro-interactions recreated in code, with GIF previews. 高质量 UI 动效、微交互与交互设计复刻合集。

Topics

Resources

Stars

5 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages

0