Skip to content

docs(motion): home pages for motion system & motion components#35737

Draft
robertpenner wants to merge 10 commits intomicrosoft:masterfrom
robertpenner:docs/motion-home
Draft

docs(motion): home pages for motion system & motion components#35737
robertpenner wants to merge 10 commits intomicrosoft:masterfrom
robertpenner:docs/motion-home

Conversation

@robertpenner
Copy link
Collaborator

Previous Behavior

New Behavior

Related Issue(s)

  • Fixes #

@robertpenner robertpenner self-assigned this Feb 9, 2026
@github-actions
Copy link

github-actions bot commented Feb 9, 2026

📊 Bundle size report

✅ No changes found

@github-actions
Copy link

github-actions bot commented Feb 9, 2026

Pull request demo site: URL

@@ -0,0 +1,7 @@
{
Copy link

@github-actions github-actions bot Feb 9, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🕵🏾‍♀️ visual changes to review in the Visual Change Report

vr-tests-react-components/Charts-DonutChart 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/Charts-DonutChart.Dynamic - RTL.default.chromium.png 5570 Changed
vr-tests-react-components/Positioning 2 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/Positioning.Positioning end.chromium.png 957 Changed
vr-tests-react-components/Positioning.Positioning end.updated 2 times.chromium.png 607 Changed

- react-motion: Add features, quick start, and documentation links
- react-motion-components-preview: Add component table, usage examples, .In/.Out pattern
- Add comprehensive overview of Fluent Motion System
- Include MotionIntroDemo for basic fade toggle
- Include MotionVsPresenceDemo comparing one-way vs two-way motion
- Cover both designer and developer audiences
- Document duration tokens, easing curves, and package structure
- Add ComponentsGrid showcasing all 6 presence components
- Add InOutDemo demonstrating .In/.Out one-way pattern
- Add VariantsDemo comparing Snappy/Default/Relaxed timing
- Document timing variants, direction support, and choreography
- Include installation, basic usage, and customization examples
- Document fadeAtom, scaleAtom, slideAtom, rotateAtom, blurAtom
- Add AtomsDemo with interactive atom selector
- Add ComposingAtomsDemo showing Pop, FadeSlide, ScaleSlide patterns
- Include API reference with correct parameter names
- Show how to compose atoms into custom presence components
…ng, GSAP

- Add comparison table of features across libraries
- Provide side-by-side migration examples for common patterns
- Document what migrates directly vs what needs alternatives
- Include concept mapping table for quick reference
- Add 'When to Use What' guidance for library selection
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant