JSPM

Flexible bottom sheet component for your React apps

<p align="center"> <img width="100" height="100" alt="Motion logo" src="https://user-images.githubusercontent.com/7850794/164965523-3eced4c4-6020-467e-acde-f11b7900ad62.png" /> </p> <h1 align="center">Motion for Vue</h1>

legend-motion

Svelte animation library based on the React library framer-motion.

Add Aceternity UI components to your apps.

Quick and easy spring animations. Works with other animation libraries (animejs, framer motion, motion one, @okikio/animate, etc...) or the Web Animation API (WAAPI).

A React component that acts like a ticker, or marquee.

Heylock UI React component library

Add magic ui components to your apps. Shadcn-ui based config

A library of React components with animations for quick website development

A beautiful, animated React component to display code snippets with elegant tabs, typing effects, and syntax highlighting. Powered by [react-syntax-highlighter](https://github.com/react-syntax-highlighter/react-syntax-highlighter) and [framer-motion](http

Framer Motion-inspired animation library for React Native with Reanimated. Easy spring animations, gestures, and transitions for mobile apps.

Reusable React + TypeScript component and hooks library with Tailwind, Framer Motion, and GSAP.

A tool to create a new esyt project with your preferred stack

Flexible, highly customizable React Spinner component for AristoByteUI. Supports multiple variants, sizes, and animation types, designed for seamless integration with modern React projects and monorepos.

A simple shared animation component for React

This is a frontend library for React from Jenesei Software.

Add Solana UI components to your apps with shadcn-based configuration

Svelte animation library inspired by the React library framer-motion.

🚀 A powerful CLI tool to quickly scaffold React projects with Vite, automatic folder structure, CSS framework integration (Tailwind CSS, Bootstrap), and comprehensive optional packages (Axios, React Router, Zustand, TanStack Query, Framer Motion, and mor

A modern React component library built with Storybook, TypeScript, styled-components, and Framer Motion

`react-motion-modal` is a flexible modal management library built with [Zustand](https://zustand-demo.pmnd.rs/) for state management and powered by [Framer Motion](https://www.framer.com/motion/) for beautiful animations. It offers full TypeScript type-sa

A customizable loading overlay component for React with framer-motion.

Gallery, carousel, and media presentation components with rich interaction patterns

A lightweight and highly customizable React component for creating unique and interactive cursor experiences.

React mouse follower is a package based on react and framer motion. It provides components to add and customise cool mouse follower to your cursor

A lightweight React hook for managing enter/exit animations with CSS classes or Tailwind CSS

React UI Library - Fixed import and CSS issues

A modern React component library built with TypeScript, Tailwind CSS v4, and Framer Motion. Follows the shadcn philosophy with complete className override support.

Scaffold React (Vite) or Next.js with Tailwind, Zustand, Prettier, optional shadcn/ui, Framer Motion, and GSAP.

Advanced motion and animation components for React. Physics-based animations, spring systems, and smooth transitions.

MCP Server for React Bits - Access 99+ React components with animations, backgrounds, and UI elements

A comprehensive React UI component library with MagicUI, Aceternity UI, Chart components, and more. IMPORTANT: Import CSS separately for proper styling.

A production-ready, fully responsive, animated infinite scroll image feed component for React

A smooth, animated accordion component built with React, Tailwind CSS, and Framer Motion.

A Performant Customizable React Component Providing the Flip-Tilt Effect

A Model Context Protocol (MCP) server for Motion animation library, providing AI assistants with access to Motion components, APIs, examples, and documentation.

A Responsive and Customizable Rich Table

Dependency installer for StreamUI copy-paste component library (gsap, framer-motion, react-icons).

The next-alert library allows for easy integration and management of notifications / alerts in your Next.js 13/14 application.

'Spinny Loader' is a lightweight React library for animated loading components. It offers smooth, customizable loaders to enhance user experience while content is loading.

Modern bottom sheet component for React, built with Framer Motion.

mechanical counter for react built with framer-motion

A comprehensive, accessible, and highly customizable React/TypeScript component library built with modern web standards. Features Radix UI primitives, Tailwind CSS integration, and enterprise-grade design systems.

iOS-style notification stack system for React applications with bundled dependencies

A React component library featuring an animated interactive diagram with connecting lines, dots, text labels, and icons

A beautiful, smooth, and interactive time picker component for React applications with iOS-style rolling animation

Mercury is a Svelte animation library using AnimeJS under the hood. It simplifies complex animations with Svelte actions, provides layout and exit animations, and integrates seamlessly with Svelte features.

A modern, responsive website template for La Reina Del Sabor, an authentic Dominican restaurant. Built with Next.js, TypeScript, Tailwind CSS, and Framer Motion.

SparkSlider – lightweight Framer Motion carousel component and hook

A React component for creating interactive holographic trading card effects with dynamic color shifting, mouse tracking, spring animations, cursor-following glow, shimmer effects, and performance optimization

A React component for full-viewport animated scrolling (vertical & horizontal) using Framer Motion

Fill the hook gap in Framer Motion

Apple TV style card component for React and Next.js

A customizable Sidebar component for Next.js applications with dynamic path matching and submenu support.

A test package.

A React component that acts like a ticker, or marquee.

A floating background effect with Framer Motion for React apps.

A React component for file uploading with drag-and-drop functionality

A React component for auto-searching | autocomplete locations on Google Maps.

Production-ready, type-safe scroll animation library for React

Seamlessly integrate Theatre.js with Framer Motion and React.

CLI tool for scaffolding React-Vite projects with optional packages (TailwindCSS, Zustand, Lucide-react, GSAP/Framer Motion)

Animated menu with a hamburger toggle button — built with ReactJS, NextJS, Framer Motion & Tailwind CSS.

A plug-and-play React component for creating customizable onboarding tours with tooltips, modals, and smooth user guidance. Built with Tailwind CSS and supports dark mode, Framer Motion animations, and full control over step logic.

A reusable animated sidebar component for React projects

A comprehensive React component library with built-in animations and customization options.  

A modern, animated voice-enabled search component built with React, TypeScript, and Framer Motion.

React component for animating spritesheets generated from lavicon.dev with multiple trigger modes (hover, click, auto)

A UI component library built with React, TypeScript, and Tailwind CSS.

A lightweight and customizable animated toast notification system for React, built with Framer Motion and confetti magic 🎉.

A collection of beautiful React components with advanced glass morphism effects and Framer Motion animations

Modern UI components for portfolio websites

A customizable, physics-based smooth cursor animation component for React applications with spring animations, velocity tracking, and rotation effects

Gamma Help Box is a React component that provides a floating help widget for customer support, built with framer-motion for animations.

CLI tool for installing beautiful, customizable React components. Similar to shadcn/ui but for AK UI components.

A starter kit with inbuilt header, footer, body, responsive, dark/light mode along with state management

React hamburger and animated menu components using Framer Motion & Tailwind

A customizable drag-and-drop component library with Framer Motion animations and styling hooks

Add components to your apps.

🍡 Epic spring animations for React & Next.js - Professional-grade motion that feels like butter!

Script NPX for initiating kurated-ui

A page transition component for Next.js in appdir mode, using framer-motion for animation support.

A lightweight and customizable notification system for React

Flexible bottom sheet component for your React apps

library for easy usage of framer-motion

A lightweight React component for adding smooth, customizable animations to elements as they enter the viewport.

Utility function to trigger framer motion animations when a node is visible in the viewport

A collection of React components for smooth fade-in animations, starting with FadeWords. Easily add fade effects to your UI elements with customizable options.

Animation primitives and utilities for Designers design system

WAP UI / React UI Components Library

A lightweight and customizable toast notification library for React apps, built with Tailwind CSS and Framer Motion.

A customizable React component that creates a light beam effect using conic gradients. Supports dark mode and various customization options.

An animation library for Qwik

A customizable and reusable React table component with features like sorting, pagination, and expandable rows. Built with React Table (TanStack Table), Framer Motion, and Rollup.

A beautiful and customizable Table of Contents component for React, perfect for markdown content

A comprehensive collection of 90+ animations for React using Framer Motion, inspired by animate.css

A CLI tool to quickly bootstrap a React project with Vite, Tailwind CSS, React Router DOM, and other essentials.

Convert framer-motion spring options to react-native-reanimated spring configuration

A beautiful animated blob component for React applications by Crittora

The `GlowingText` component is a React functional component using `framer-motion` to create a glowing text effect that reacts to mouse movement like the text "GROK" on x.ai.

A customizable toast notification library for Next.js and React

Elementra UI is a modern, reusable component library designed to simplify your workflow and accelerate the development of stunning, accessible, and responsive user interfaces. Built with React.js, Next.js, Tailwind CSS, and Framer Motion, Elementra empowe

A complete, lightweight, headless design system for React applications

Allyson MCP Server - AI-powered SVG animation generator that transforms static files into animated SVG components using Framer Motion

A fork of react-roulette-game adapted for modern React versions and extended functionality

Add smart components to your apps.

This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).

Create a project with Vite and custom options

A flexible timepicker kit for react

An animated list component for React using map functions and Framer Motion

<div style="display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center"> <img src="./public/logo.png" width="150px" /> <h1>IDEASOFT PANEL</h1> </div>

Flexible bottom sheet component for your React apps

visual debugger for framer-motion

This is a modern, customizable overlay navbar built with React and Framer Motion.

CLI tool for installing GOPX WEBUI Components.

A boilerplate for creating next projects with batteries included

CLI tool to create Next.js projects with shadcn/ui, custom animations, and logger

**Docs Coming Soon**

Frame-by-frame scroll animation hook for React using motion.dev

A library for generating a set of cubic bezier easing functions by providing a min and max points and generating all possible combinations.

A beautiful, customizable React component for creating AI-powered resume chat interfaces

A collection of React animation components using Framer Motion for NextJS

Flexible bottom sheet component for your React apps

Advanced TicTacToe React component with AI opponents, animations, and multiple game modes. Perfect for 404 pages, hidden games, or entertainment features.

A react component that allows you to add motion blur to your cursor

react framer motion bottom sheet

**Buzzly** is a flexible, lightweight toast notification library for React, designed with **Framer Motion**, **Tailwind CSS**, and **TypeScript**. It allows you to add stylish, customizable notifications to your React apps with ease.

Add vistabyte ui components to your apps. Shadcn-ui based config

Animated list component using Framer Motion

Add magic ui components to your apps. Shadcn-ui based config

Custom Library with tailwindcss, typescript and framer motion

A CLI tool to set up Vite with Tailwind CSS and Framer Motion for React projects.

Add components to your apps.

The React UI library for PR1SM

CLI for quick installation of components from our Design System

A modern, customizable React login component with authentication

Interactive cursor effects for React and Next.js applications

A simple animation library using Framer Motion

`react-ripple-btn` is a lightweight and customizable React component that provides a beautiful ripple effect on button clicks. It's designed to enhance the user interface of your React applications with a visually appealing interaction effect.

A modern React UI component library built with Tailwind CSS and Framer Motion. Beautiful, accessible, and customizable components for your next project.

MakUi: A developer-first NextJS theming. Unlike other design-systems, MakUi allows for as much verbosity and customization as desired. It offers simplified palette generation, intuitive tailwindcss-esque styling with integration for all HTML tags <mak.[ta

Concise aliases for framer-motion HTML elements like motion.div.

Animate element when they are showing on view

A modern, accessible UI component library built with React, TypeScript, and Tailwind CSS

Add magic ui components to your apps. Shadcn-ui based config

A liquid glass style UI component library for React with Tailwindcss(v3).

Beautiful scroll-based animations for React using Framer Motion

A React presentation UI library with customizable slides and ShadCN components

A stunning React component library with animations and theming

Flexible bottom sheet component for your React apps

A collection of pre-configured Framer Motion elements/components optimized for Next.js. Use animations without sacrificing the benefits of server-side rendering of nextjs.

A library for using Framer Motion with Next.js without the need for 'use client'.

Magnetic hover effect for your text

Add Eldora ui components to your apps. Shadcn-ui based config

Animatios React components for animations using Framer Motion

A lightweight, customizable toast notification library for React applications

A smooth and elegant animation component for React.

A sleek and modern UI component kit by TechYard Web Solutions

Modern UI component library built with React, TypeScript, and Tailwind CSS

A stunning, futuristic, animated hero section component for React applications

A template for typescript-based npm packages

Flexible bottom sheet component for your React apps

A moving-emoji component with Framer Motion animations

A modern React component library with beautiful, accessible components

A modern React component library built with Tailwind CSS, shadcn/ui, and Framer Motion

an unstyled react image zoom view component built using framer-motion.

My personal Create React App template with chakra-ui, eslint, prettier, framer-motion, i18next, react-icons, and react-hook-form.

Custom CRA template with tailwindcss and framer-motion

A chatbot challenge project built with React and Framer Motion.

A React component for file uploading with drag-and-drop functionality

Flexible bottom sheet component for your React apps

Animate components when they are in intersection view of screen, simple wrapper with default animation based on framer-motion

Add components to your apps.

A utility library for simplifying Framer Motion animations in React.

Svelte animation library based on the React library framer-motion.

Velvet-Smooth React Components

A react component that allows you to easily create animatable text that follows shapes and curves.

A beautiful, animated pricing switcher component for React.

A modern, customizable React component library with beautiful animations and Tailwind CSS integration. Built with developer experience in mind, offering pre-styled components with extensive customization options.

A simple ui library for React powered by Tailwind and Framer Motion.

A collection of customizable, reusable, and interactive React components styled with TailwindCSS, featuring GSAP, Framer Motion, and @react-three/fiber. Perfect for building modern, responsive web UIs.

A simple, reusable Scroll Animation component using Framer Motion and React.

Nextjs boilerplate with Tailwindcss, ShadcnUI, Framer Motion, Lucide, and Next Themes

An educational library of reusable React components, web animations and motion based on Framer.

A React navigation link component with magnet effects using Framer Motion

Animated hero section with Arweave wallet integration for React applications

Svelte animation library based on the React library framer-motion.

A custom cursor component for React applications. Devloped by GK.

A helper for framer motion

A modern React UI component library with beautiful animations

A simple way to integrate lenis scroll into NextJS App Router projects

An onboarding component for react, with a simple and easy to use API and a set of built-in components.

Animate styled-components with framer-motion

A library of Framer Motion components [WIP]

design kit system

A collection of easy-to-use React hooks for professional animations based on popular animation libraries

A customizable 3D interactive product card built with React & Framer Motion.

Put motion on your website within minutes.

Flexible bottom sheet component for your React apps

Flexible bottom sheet component for your React apps

React, Nextjs hamburger and animated menu components using Framer Motion & Tailwind