JSPM

Found 203 results for framer-motion

react-map-autosearch

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

  • v1.2.11
  • 16.58
  • Published

framer-motion-theatre

Seamlessly integrate Theatre.js with Framer Motion and React.

  • v0.3.0
  • 16.02
  • Published

@paulovdev/fully-menu

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

  • v0.0.3
  • 15.93
  • Published

nfsfu234-tour-guide

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.

  • v0.2.12
  • 15.82
  • Published

@tim18-sys/sidebar

A reusable animated sidebar component for React projects

    • v1.0.2
    • 15.61
    • Published

    my-animated-components

    A comprehensive React component library with built-in animations and customization options. ![npm](https://img.shields.io/npm/v/my-animated-components) ![downloads](https://img.shields.io/npm/dm/my-animated-components)

      • v1.4.1
      • 15.45
      • Published

      react-search-bar-ks

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

      • v1.0.6
      • 15.45
      • Published

      lavicon-animation

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

      • v1.0.5
      • 15.16
      • Published

      quick-ui-library

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

        • v1.0.30
        • 14.87
        • Published

        react-animated-toast

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

          • v0.0.15
          • 14.06
          • Published

          anicompo

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

          • v1.0.5
          • 13.68
          • Published

          smooth-cursor

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

          • v0.1.2
          • 13.38
          • Published

          gamma-help-box

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

            • v1.0.3
            • 13.31
            • Published

            @notacoder15/ak-ui-cli

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

            • v1.5.3
            • 13.26
            • Published

            create-modern-stack

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

            • v1.0.1
            • 13.17
            • Published

            react-drag-builder-ui

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

            • v1.0.12
            • 13.04
            • Published

            ever-ui-clx

            Add components to your apps.

              • v0.2.0
              • 12.99
              • Published

              mochi-motion

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

                • v1.1.0
                • 12.70
                • Published

                kurated-ui

                Script NPX for initiating kurated-ui

                  • v1.0.4
                  • 11.98
                  • Published

                  @gimwa/next-page-transition

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

                  • v1.0.3
                  • 11.69
                  • Published

                  zing-notification

                  A lightweight and customizable notification system for React

                  • v1.0.1
                  • 11.55
                  • Published

                  react-animate-onview

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

                  • v0.1.2
                  • 11.11
                  • Published

                  corgiui

                  library for easy usage of framer-motion

                    • v1.1.23
                    • 11.11
                    • Published

                    framer-motion-visible

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

                    • v0.0.2
                    • 10.90
                    • Published

                    @stianlarsen/react-fade-effects

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

                    • v1.0.7
                    • 10.78
                    • Published

                    designers-animations

                    Animation primitives and utilities for Designers design system

                      • v2.0.1
                      • 10.78
                      • Published

                      wap-ui

                      WAP UI / React UI Components Library

                      • v2.0.31
                      • 10.60
                      • Published

                      my-toaster

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

                      • v1.0.5
                      • 10.60
                      • Published

                      @stianlarsen/react-light-beam

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

                      • v1.0.12
                      • 10.48
                      • Published

                      thurain123-table-component

                      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.

                      • v1.0.2
                      • 10.48
                      • Published

                      motion-spring-to-reanimated

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

                      • v1.0.1
                      • 10.23
                      • Published

                      create-react-vite-app

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

                      • v1.0.2
                      • 10.12
                      • Published

                      framer-motion-animations

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

                      • v1.0.1
                      • 10.08
                      • Published

                      @crittora/crittora-blob

                      A beautiful animated blob component for React applications by Crittora

                      • v1.1.2
                      • 10.03
                      • Published

                      react-glowing-text

                      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.

                      • v1.0.0
                      • 9.91
                      • Published

                      elementra-ui

                      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

                      • v0.1.7
                      • 9.74
                      • Published

                      haptic-sound-toast

                      A customizable toast notification library for Next.js and React

                      • v0.1.10
                      • 9.74
                      • Published

                      designers

                      A complete, lightweight, headless design system for React applications

                        • v3.1.0
                        • 9.55
                        • Published

                        allyson-mcp

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

                        • v1.0.5
                        • 9.55
                        • Published

                        react-fortune-roulette

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

                        • v1.0.5
                        • 9.27
                        • Published

                        craftingui

                        Add smart components to your apps.

                          • v1.0.1
                          • 9.27
                          • Published

                          accordionrepoaccess

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

                            • v0.1.5
                            • 9.19
                            • Published

                            milaniocreate

                            Create a project with Vite and custom options

                              • v1.5.2
                              • 9.19
                              • Published

                              ideasoft-panel

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

                              • v0.0.1-rc10
                              • 8.93
                              • Published

                              react-maplist

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

                              • v0.4.0
                              • 8.89
                              • Published

                              tracer-motion

                              visual debugger for framer-motion

                                • v1.1.0
                                • 8.74
                                • Published

                                top-overlay-navbar

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

                                  • v2.0.3
                                  • 8.74
                                  • Published

                                  gopx-webui

                                  CLI tool for installing GOPX WEBUI Components.

                                  • v1.0.7
                                  • 8.66
                                  • Published

                                  jcstack

                                  A boilerplate for creating next projects with batteries included

                                    • v1.0.8
                                    • 8.59
                                    • Published

                                    next-setup

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

                                    • v1.0.4
                                    • 8.42
                                    • Published

                                    react-framo

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

                                      • v1.0.0
                                      • 7.98
                                      • Published

                                      easegen

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

                                        • v1.0.1
                                        • 7.98
                                        • Published

                                        resume-gpt-chat

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

                                        • v1.1.3
                                        • 7.76
                                        • Published

                                        react-mouse-blur

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

                                        • v1.0.6
                                        • 7.41
                                        • Published

                                        @coledon/advanced-tictactoe

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

                                        • v1.0.0
                                        • 7.41
                                        • Published

                                        buzzly

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

                                          • v1.1.2
                                          • 7.28
                                          • Published

                                          vistabyteui-cli

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

                                            • v0.1.49
                                            • 7.21
                                            • Published

                                            animated-list

                                            Animated list component using Framer Motion

                                            • v0.1.1
                                            • 7.16
                                            • Published

                                            vite-custom-setup

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

                                              • v1.0.15
                                              • 6.52
                                              • Published

                                              ui-clx

                                              Add components to your apps.

                                                • v0.1.0
                                                • 6.52
                                                • Published

                                                time2code

                                                CLI for quick installation of components from our Design System

                                                • v0.3.3
                                                • 6.52
                                                • Published

                                                react-custom-login-ks

                                                A modern, customizable React login component with authentication

                                                • v1.0.5
                                                • 6.50
                                                • Published

                                                @izhann/react-cursor-fx

                                                Interactive cursor effects for React and Next.js applications

                                                  • v1.0.2
                                                  • 6.50
                                                  • Published

                                                  reuse-cli

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

                                                  • v0.1.6
                                                  • 6.50
                                                  • Published

                                                  ui-elements-ts

                                                  Custom Library with tailwindcss, typescript and framer motion

                                                  • v1.1.9
                                                  • 6.50
                                                  • Published

                                                  react-ripple-btn

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

                                                    • v1.0.6
                                                    • 6.39
                                                    • Published

                                                    tmt-anim-library

                                                    A simple animation library using Framer Motion

                                                      • v1.0.4
                                                      • 6.37
                                                      • Published

                                                      muidev

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

                                                      • v0.1.2
                                                      • 6.33
                                                      • Published

                                                      @mak-stack/mak-ui

                                                      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

                                                        • v0.1.8
                                                        • 6.15
                                                        • Published

                                                        @smotion/core

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

                                                          • v1.0.1
                                                          • 5.42
                                                          • Published

                                                          magicui-demo-cli

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

                                                          • v0.2.0
                                                          • 5.33
                                                          • Published

                                                          kel-ui-components

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

                                                          • v1.0.2
                                                          • 5.32
                                                          • Published

                                                          liquid-glass-for-react-v3

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

                                                            • v0.0.1
                                                            • 5.28
                                                            • Published

                                                            jch-presentation-ui

                                                            A React presentation UI library with customizable slides and ShadCN components

                                                            • v1.0.0
                                                            • 5.23
                                                            • Published

                                                            winu-storybook

                                                            A stunning React component library with animations and theming

                                                              • v1.5.0
                                                              • 5.23
                                                              • Published

                                                              framer-motion-aos

                                                              Beautiful scroll-based animations for React using Framer Motion

                                                              • v1.0.0
                                                              • 5.23
                                                              • Published

                                                              next-motion

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

                                                                • v0.0.4
                                                                • 4.11
                                                                • Published

                                                                magtext

                                                                Magnetic hover effect for your text

                                                                  • v0.0.2
                                                                  • 4.10
                                                                  • Published

                                                                  framer-motion-nextjs-elements

                                                                  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.

                                                                  • v1.0.0
                                                                  • 4.10
                                                                  • Published

                                                                  react-screenflow

                                                                  A smooth and elegant animation component for React.

                                                                    • v0.0.6
                                                                    • 4.03
                                                                    • Published

                                                                    @techyardweb/ui-kit

                                                                    A sleek and modern UI component kit by TechYard Web Solutions

                                                                      • v1.0.2
                                                                      • 4.03
                                                                      • Published

                                                                      eldoraui-cli

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

                                                                      • v1.0.3
                                                                      • 4.02
                                                                      • Published

                                                                      @animatios/react

                                                                      Animatios React components for animations using Framer Motion

                                                                      • v0.0.3
                                                                      • 4.02
                                                                      • Published

                                                                      notify-toast

                                                                      A lightweight, customizable toast notification library for React applications

                                                                      • v0.1.3
                                                                      • 4.02
                                                                      • Published

                                                                      lentera-ui

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

                                                                      • v0.1.0
                                                                      • 3.99
                                                                      • Published

                                                                      react-neonic-hero

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

                                                                      • v1.2.2
                                                                      • 3.99
                                                                      • Published

                                                                      muvement

                                                                      A template for typescript-based npm packages

                                                                      • v0.0.1-alpha.5
                                                                      • 3.99
                                                                      • Published

                                                                      artic-ui

                                                                      A modern React component library with beautiful, accessible components

                                                                        • v0.0.6
                                                                        • 3.96
                                                                        • Published

                                                                        orion-nebula

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

                                                                        • v0.1.1
                                                                        • 2.40
                                                                        • Published

                                                                        react-image-zoom-view

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

                                                                        • v1.0.0
                                                                        • 2.40
                                                                        • Published

                                                                        npm-chatbot-challenge

                                                                        A chatbot challenge project built with React and Framer Motion.

                                                                          • v0.1.0
                                                                          • 2.36
                                                                          • Published

                                                                          cra-template-feras

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

                                                                          • v1.0.1
                                                                          • 2.35
                                                                          • Published

                                                                          @thealamdev/filedropper

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

                                                                          • v1.0.0
                                                                          • 2.33
                                                                          • Published

                                                                          framer-animate-on-view

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

                                                                          • v1.0.0
                                                                          • 2.32
                                                                          • Published

                                                                          @everlabs/ui

                                                                          Add components to your apps.

                                                                            • v0.0.1
                                                                            • 2.32
                                                                            • Published

                                                                            framer-motion-helper

                                                                            A utility library for simplifying Framer Motion animations in React.

                                                                              • v1.0.4
                                                                              • 2.27
                                                                              • Published

                                                                              @loofkid/svelte-motion

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

                                                                              • v0.11.6
                                                                              • 2.27
                                                                              • Published

                                                                              velvety

                                                                              Velvet-Smooth React Components

                                                                              • v1.0.2
                                                                              • 2.27
                                                                              • Published

                                                                              react-swervy-text

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

                                                                              • v1.0.5
                                                                              • 2.27
                                                                              • Published

                                                                              react-price-switcher

                                                                              A beautiful, animated pricing switcher component for React.

                                                                                • v1.0.3
                                                                                • 2.27
                                                                                • Published

                                                                                react-blueberry

                                                                                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.

                                                                                • v0.0.11
                                                                                • 0.00
                                                                                • Published

                                                                                @lifeoncode/abstractui

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

                                                                                  • v0.0.1
                                                                                  • 0.00
                                                                                  • Published

                                                                                  non-fungible-ui

                                                                                  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.

                                                                                    • v1.1.2
                                                                                    • 0.00
                                                                                    • Published

                                                                                    @million23/next

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

                                                                                      • v1.0.22
                                                                                      • 0.00
                                                                                      • Published

                                                                                      animatea

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

                                                                                      • v0.0.1
                                                                                      • 0.00
                                                                                      • Published

                                                                                      react-magnet-nav-link

                                                                                      A React navigation link component with magnet effects using Framer Motion

                                                                                      • v1.0.0
                                                                                      • 0.00
                                                                                      • Published

                                                                                      @rakadv/svelte-motion

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

                                                                                      • v0.11.7
                                                                                      • 0.00
                                                                                      • Published

                                                                                      cursor-gk

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

                                                                                        • v1.0.0
                                                                                        • 0.00
                                                                                        • Published

                                                                                        pacmanui

                                                                                        A modern React UI component library with beautiful animations

                                                                                        • v0.1.5
                                                                                        • 0.00
                                                                                        • Published

                                                                                        lenis-provider

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

                                                                                          • v0.1.0
                                                                                          • 0.00
                                                                                          • Published

                                                                                          react-stepflow

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

                                                                                          • v0.0.3
                                                                                          • 0.00
                                                                                          • Published

                                                                                          framer-motion-lib

                                                                                          A library of Framer Motion components [WIP]

                                                                                          • v1.0.1
                                                                                          • 0.00
                                                                                          • Published

                                                                                          react-use-magic-animations

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

                                                                                          • v1.1.0
                                                                                          • 0.00
                                                                                          • Published

                                                                                          react-3d-card-motion

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

                                                                                          • v1.0.2
                                                                                          • 0.00
                                                                                          • Published

                                                                                          headless-motion

                                                                                          Put motion on your website within minutes.

                                                                                          • v0.0.3
                                                                                          • 0.00
                                                                                          • Published

                                                                                          react-split-sheet

                                                                                          Flexible bottom sheet component for your React apps

                                                                                          • v0.0.6
                                                                                          • 0.00
                                                                                          • Published

                                                                                          @paulovdev/menu-component

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

                                                                                            • v1.0.5
                                                                                            • 0.00
                                                                                            • Published