JSPM

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

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

`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 UI Library - Fixed import and CSS issues

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

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

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 Performant Customizable React Component Providing the Flip-Tilt Effect

SparkSlider – lightweight Framer Motion carousel component and hook

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

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

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

A Responsive and Customizable Rich Table

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.

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

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

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.

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

Fill the hook gap in Framer Motion

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

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

Apple TV style card component for React and Next.js

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

A test package.

A floating background effect with Framer Motion for React apps.

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

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

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.

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

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

library for easy usage of framer-motion

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

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

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

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

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.

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 customizable toast notification library for Next.js and React

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

<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>

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

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 react component that allows you to add motion blur to your cursor

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.

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

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

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

Custom Library with tailwindcss, typescript and 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 simple animation library using Framer Motion

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

Animate element when they are showing on view

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

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

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

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

A React presentation UI library with customizable slides and ShadCN components

A stunning React component library with animations and theming

Beautiful scroll-based animations for React using Framer Motion

Flexible bottom sheet component for your React apps

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

Magnetic hover effect for your text

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 smooth and elegant animation component for React.

A sleek and modern UI component kit by TechYard Web Solutions

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

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.

A chatbot challenge project built with React and 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 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