HomeBookmarks
MotionMotion
MO

Motion

@motiondotdev · since 2026

The complete animation toolkit for the web. Formerly Framer Motion. Made by @mattgperry.

Auto-indexed

21st created this page automatically so indexed open-source work could be credited. This person has not signed up for 21st.

719.6Kviews2.1Kbookmarks

Featured

·
Material design ripple
Material design ripple
Try hovering

Get in touch

Visit site

Components

81
/
  • Material design ripple

    Material design ripple

  • Scroll word reveal

    Scroll word reveal

  • Confetti

    Confetti

  • Floating Action Button

    Floating Action Button

  • Split text

    Split text

  • Scroll Horizontal Gallery

    Scroll Horizontal Gallery

  • Fill text

    Fill text

  • Skeleton shimmer

    Skeleton shimmer

  • Scramble text

    Scramble text

  • Create Button

    Create Button

  • Add to basket

    Add to basket

  • Hold to confirm

    Hold to confirm

  • Image reveal slider

    Image reveal slider

  • Tilt card

    Tilt card

  • Card stack

    Card stack

  • Copy Button

    Copy Button

  • Loading overlay

    Loading overlay

  • Multi state badge

    Multi state badge

  • Typewriter

    Typewriter

  • SVG viewBox

    SVG viewBox

  • Scramble text: Hover

    Scramble text: Hover

  • Cursor: Floating target

    Cursor: Floating target

  • Cursor: Multi Follow

    Cursor: Multi Follow

  • IOS slider

    IOS slider

    • All 81 components by Motion

    • Accordion
    • Add to basket
    • Along path
    • Animate Presence modes
    • Apple Intelligence ripple
    • Aspect ratio
    • Bobble hover
    • Bounce easing
    • Card stack
    • Color picker
    • Confetti
    • Conic gradient pointer
    • Context Menu
    • Copy Button
    • Create Button
    • Cursor: Adaptive caret size
    • Cursor: Custom content
    • Cursor: Floating target
    • Cursor: Follow
    • Cursor: Image hover
    • Cursor: Magnetic target
    • Cursor: Multi-follow
    • Cursor trail
    • Cursor trail velocity
    • Dots Morph Button
    • Drag
    • Drag: Lock direction
    • Element scroll-linked animation
    • Enter animation
    • Exit animation
    • Fill text
    • Floating Action Button
    • Follow pointer
    • Footer reveal
    • Hold to confirm
    • Hover events only
    • HTML content
    • Image reveal slider
    • Infinite loading
    • iOS pointer animation
    • iOS slider
    • Keyframes
    • Keyframes wildcards
    • Layout animation
    • Line graph
    • Loading circle spinner
    • Loading jumping dots
    • Loading overlay
    • Loading progress bar
    • Loading pulse dots
    • Loading ripple
    • Material design ripple
    • Multidimensional reorder
    • Multi state badge
    • Number counter
    • OSS Hero
    • Path drawing
    • Path morphing
    • Reorder items
    • Rolling text button
    • Rotate
    • Scramble text
    • Scramble text: Hover
    • Scroll Direction: Hide Header
    • Scroll Horizontal Gallery
    • Scroll-linked animations
    • Scroll-linked spring animation
    • Scroll-triggered animations
    • Scroll word reveal
    • Shared layout animation
    • Skeleton shimmer
    • Spinning 3D cube
    • Split text
    • State updates
    • SVG viewBox
    • Tilt card
    • Track element within viewport
    • Transition
    • Typewriter
    • usePresenceData
    • Variants

    Similar authors

    Creators publishing in the same categories as Motion.

    Avijit Dey
    Avijit Dey
    434 components
    nikolas-sapa
    nikolas-sapa
    76 components
    Paper Shaders
    Paper Shaders
    121 components
    Sean Hello
    Sean Hello
    316 components
    Subhan Uddin
    Subhan Uddin
    61 components
    Origin UI
    Origin UI

    Browse all authors →Browse all component libraries →

    44 components