ConfettiExamples
Production-ready Motion snippets for React, JavaScript, and Vue. Copy them into your site or adapt them with AI.
Motion+ examples
Confetti
OSS Hero
Radial Menu
Scramble text
Scramble text: Hover
Scramble text: Stagger from center
Scatter text
Toast: Stacked notifications
Carousel: Vertical
Carousel: Lightbox
Carousel: Loop
Carousel: Pagination with page count
Carousel: RTL
Carousel: Thumbnail gallery
Material Design: Ripple
Cursor trail
Cursor trail velocity
Infinite loading
Modal dialog
Typewriter: Change Content
Typewriter: Exploding Countdown
Typewriter: Natural Typing
Scroll highlight
iOS Notifications stack
Loading ripple
Radix: Context Menu
Radix: Toast
Radix: Tooltip
Physical stagger
Typewriter
Pull example source straight into Cursor, Claude Code, and any MCP-aware agent.
Premium examples are searchable for Motion+ members through the Motion AI Kit.
Learn more about Motion+Motion+ examples
Unlock all 430+ examples
Get source code for every Plus example, provide examples directly to your agent via Motion's MCP, and keep lifetime access to new examples and APIs.
- Examples
- 430+
- Source
- Included
- Updates
- Lifetime