HomeBookmarks
Motion PrimitivesMotion Primitives
Motion Primitives

Motion Primitives

A UI kit of beautiful, customizable animated components built with Motion and Tailwind CSS.

JTby Julien Thibeaut
67components3.6Mviews17.8Kbookmarks

Motion Primitives contents

  • System MessageSystem Message

    System Message

  • StepsSteps

    Steps

  • Tool Call DisplayTool Call Display

    Tool Call Display

  • Chat ContainerChat Container

    Chat Container

  • Feedback BarFeedback Bar

    Feedback Bar

  • Progressive blur

    Progressive blur

  • Progressive blur

    Progressive blur

  • Progressive blur

    Progressive blur

  • Progressive blur

    Progressive blur

  • Morphing Popover

    Morphing Popover

  • Morphing Popover

    Morphing Popover

  • Morphing Popover

    Morphing Popover

  • Sliding Number

    Sliding Number

  • Sliding Number

    Sliding Number

  • Sliding Number

    Sliding Number

  • Infinite Slider

    Infinite Slider

  • Infinite Slider

    Infinite Slider

  • In view

    In view

  • In view

    In view

  • Disclosure

    Disclosure

  • Carousel

    Carousel

  • Carousel

    Carousel

  • Carousel

    Carousel

  • Carousel

    Carousel

    1. Components
    2. /
    3. Julien Thibeaut
    4. /
    5. Motion Primitives

    Related libraries

    Magic UI

    Magic UI

    by Dillion Verma

    64

    components

    Aceternity UI

    Aceternity UI

    by Manu Arora

    89

    components

    cult ui

    cult ui

    by cult/ui

    50

    components

    SHSF UI

    SHSF UI

    by SHSF UI

    6

    components

    Ruixen UI

    Ruixen UI

    by Ruixen UI

    347

    components

    HextaUI

    HextaUI

    by Preet Suthar

    119

    components

    About Motion Primitives

    This page collects the Motion Primitives components published on 21st by Julien Thibeaut — reusable motion building blocks for React: text effects, transitions, and micro-interactions built with Motion and Tailwind CSS. Every primitive runs live in its preview here, which matters more for motion than for any other kind of component.

    Compare the effects side by side, then copy the TSX, install via the shadcn CLI, or pull a primitive into Cursor or Claude Code over MCP. The primitives are small by design, so they compose into existing interfaces without pulling in layout opinions.

    All 39 Motion Primitives components

    • Accordion
    • Animated Background
    • Animated Group
    • Animated Number
    • Animated Tabs
    • Border Trail
    • Carousel
    • Chat Container
    • Cursor
    • Disclosure
    • Dock
    • Feedback Bar
    • Glow Effect

    Frequently asked questions

    Browse by category

    Animated16Text663Transition79Animation144

    Browse all component libraries →

  • Image Comparison
  • Infinite Slider
  • In view
  • Magnetic
  • Morphing Dialog
  • Morphing Popover
  • Popover
  • Progressive blur
  • Scroll Progress
  • Sliding Number
  • Spinning Text
  • Spotlight
  • Steps
  • System Message
  • Text Effect
  • Text Loop
  • Text Morph
  • Text Roll
  • Text Scramble
  • Text Shimmer
  • Text Shimmer Wave
  • Tilt
  • Toolbar Dynamic
  • Toolbar Expandable
  • Tool Call Display
  • Transition Panel