MOTION ATLAS
把想看的 motion，
直接摆在前面。
scroll storyeditorial rhythmsystem statesgrid browse
Briefing EditorialEditorial LiteCinematic FlowSystem Card Deck
PAGES
4
TRIGGERS
5
SAFETY MODES
3
FEATURED PAGES
VIEW ALLTopic
Summary
Paths
Library
WARM EDITORIAL
Briefing Editorial
Warm paperReading rail专题首页 / 知识型目录 / 方法页
OPEN PAGE
CALM
Editorial Lite
Content firstCalm rhythm求职主页 / 文章型介绍
OPEN PAGE
DRAMATIC
Cinematic Flow
GSAP-like rhythmChapter progress案例叙事 / 讲故事页面
OPEN PAGE
RATIONAL
System Card Deck
Data cardStatus motion产品能力 / 数据展示
OPEN PAGE
BROWSE
Trigger
Surface
Reduced Motion
ALL MOTIONS
7 / 7
Topic
Summary
Paths
Library
Narrative160ms micro
Briefing Editorial
Warm paperReading railEnterOpacity only
OPEN PAGE
Narrative2.8s chain
Cinematic Flow
GSAP-like rhythmChapter progressScrollDirect switch
OPEN PAGE
Landing1.6s enter
Immersive Hero Orbit
Depth ringLayered headlineEnterStatic fallback
OPEN PAGE
System220ms state
System Card Deck
Data cardStatus motionState changeDirect switch
OPEN PAGE
Showcase180ms hover
Grid Signal Wall
Portfolio wallTag browseEnterDirect switch
OPEN PAGE
Showcase120ms micro
Editorial Lite
Content firstCalm rhythmEnterOpacity only
OPEN PAGE
ExperimentalReal-time
Shader Playground
Progressive enhanceGPU heavyAmbientStatic fallback
OPEN PAGE