awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com

React animation component library

Ranking updated Jun 30, 2026

For a library for animating React components, the strongest matches are ibelick/motion-primitives (Motion Primitives is a React animation component library built), storybookjs/storybook (Storybook is a development environment for building and documenting) and pmndrs/use-gesture (use-gesture is a gesture-detection hook library for React, not). motiondivision/motion and storybooks/storybook round out the shortlist. Each is ranked by relevance to your query, popularity and recent activity.

We curate open-source GitHub repositories matching “framer motion react examples”. Results are ranked by relevance to your query — pick filters below to narrow, or refine with AI.

React animation component library

Find the best repos with AI.We'll search the best matching repositories with AI.
  • ibelick/motion-primitivesibelick avatar

    ibelick/motion-primitives

    5,607View on GitHub↗

    Motion Primitives is an animated UI kit and React animation component library designed as a web motion framework. It provides a collection of pre-built, customizable visual components used to implement complex interface animations and transitions within a browser environment. The library focuses on animated user interface design and frontend visual polish. It enables the development of interactive web components and rapid UI prototyping by providing reusable primitives that handle motion effects without requiring custom logic from scratch. The framework integrates Framer Motion for physics-b

    Motion Primitives is a React animation component library built on Framer Motion that offers reusable animated UI components with TypeScript support, fitting the search for reusable animation components and examples.

    TypeScriptAnimatedAnimated UI ComponentsInteractive UI Components
    View on GitHub↗5,607
  • storybookjs/storybookstorybookjs avatar

    storybookjs/storybook

    90,415View on GitHub↗

    Storybook is a development environment for building, testing, and documenting user interface components in isolation. By rendering components within a sandboxed environment, it decouples them from the host application's global state and dependencies, allowing developers to verify complex states and edge cases without running the full application. The platform utilizes a framework-agnostic bridge layer to support various frontend technologies and features a modular, addon-based architecture that allows for custom UI panels and toolbar controls. It captures component states as declarative metad

    Storybook is a development environment for building and documenting UI components, not a collection of pre-built Framer Motion animation examples—it's a platform you would use to host such demos, not the examples themselves.

    TypeScriptComponent StorybooksComponent Sandboxes
    View on GitHub↗90,415
  • pmndrs/use-gesturepmndrs avatar

    pmndrs/use-gesture

    9,618View on GitHub↗

    use-gesture is a JavaScript gesture manager and interaction tool designed to detect and process user input patterns. It functions as a React gesture hook library and a general utility for tracking screen coordinates and movement patterns to drive interactive component behaviors. The library specializes in capturing complex mouse and touch interactions, including dragging, pinching, swiping, and scrolling. It provides a system for implementing drag and drop functionality and pinch-to-zoom interactions. The tool covers the development of interactive UI components by normalizing diverse input e

    use-gesture is a gesture-detection hook library for React, not a collection of example projects or reusable components specifically for Framer Motion animations; it can complement animations but doesn't provide the demo-focused code samples the visitor wants.

    TypeScriptGesture Interaction Libraries
    View on GitHub↗9,618
  • motiondivision/motionmotiondivision avatar

    motiondivision/motion

    32,375View on GitHub↗

    Motion is a high-performance animation library that provides a unified, declarative architecture for managing visual transitions and motion states across web interfaces. By utilizing a lightweight engine, it allows developers to define complex animations through component properties rather than manual DOM manipulation, ensuring consistent behavior across various component-based frameworks and vanilla JavaScript environments. The library distinguishes itself through a sophisticated physics-based motion engine that simulates natural movement using mass, damping, and stiffness parameters. It inc

    Motion is itself a high-performance animation library for React, not a collection of example code or demo projects—it provides the underlying engine for building animations, but does not offer the reusable examples or live previews this search is looking for.

    TypeScriptGesture Interaction LibrariesLayout Transition LibrariesKeyframe Animation Engines
    View on GitHub↗32,375
  • storybooks/storybookstorybooks avatar

    storybooks/storybook

    90,364View on GitHub↗

    Storybook is an integrated environment for developing, documenting, and testing user interface components. It provides a development workshop for building components in isolation from main application logic, alongside a testing tool for simulating viewports and analyzing accessibility. The project creates a living catalog of interface elements that generates interactive examples and technical documentation for component APIs. It includes a dedicated environment for visual regression testing to verify states and behaviors across different configurations and screen dimensions. The platform cov

    Storybook is a development environment for building and documenting UI components, not a curated collection of Framer Motion animation examples; it can host interactive demos but does not itself provide the reusable animation components or gesture/variant examples the visitor is looking for.

    TypeScriptComponent Storybooks
    View on GitHub↗90,364
  • framer/motionframer avatar

    framer/motion

    32,388View on GitHub↗

    Framer Motion is a React animation library and hardware-accelerated motion engine. It provides a suite of systems for managing declarative transitions, automated layout interpolation, and animation states within React user interfaces. The project distinguishes itself through a layout transition orchestrator that automatically interpolates visual changes when elements shift position or size. It includes an interactive gesture system to trigger motion based on drags, hovers, and taps, as well as tools for binding animation progress to scroll positions. The library covers a broad range of motio

    Framer Motion is the core animation library itself, not a collection of example projects or demo code — for reusable animation components and live previews you would want its official examples gallery or documentation samples instead.

    TypeScriptGesture Interaction Libraries
    View on GitHub↗32,388
  • fangwei716/30-days-of-react-nativefangwei716 avatar

    fangwei716/30-days-of-react-native

    6,879View on GitHub↗

    This project is a collection of practical implementation examples and demonstrations for building mobile applications using a JavaScript-based native framework. It serves as a cross-platform mobile framework demo, providing a gallery of interactive interface patterns and native integration suites. The repository showcases specialized capabilities including high-performance 2D and 3D visual content through OpenGL graphics implementation. It also features a suite of native hardware integrations, covering biometric authentication via fingerprint scanning and gesture-based unlock patterns. The p

    This repository collects example projects for React Native, not for React web with Framer Motion, so while it offers animation components, it targets a different platform than what you're seeking.

    JavaScriptGesture Interaction Libraries
    View on GitHub↗6,879

Related searches

  • an animation library for React components
  • a collection of reusable React design patterns
  • a library for animated React charts
  • a javascript library for building user interfaces
  • React and Next.js
  • a library of UI components for React
  • a react component library using Mantine
  • a library for creating Flutter animations