framer/motion

Open source, production-ready animation and gesture library for React (by framer)
Add to my DEV experience #UI Animation
Source Code
framer.com
framer/motion Reviews
Suggest alternative
Edit details
Access the most powerful time series database as a service
Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression.
www.influxdata.com
Sponsored

Framer/motion Alternatives

Similar projects and alternatives to framer/motion

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a better framer/motion alternative or higher similarity.
Suggest an alternative to framer/motion

framer/motion reviews and mentions

Posts with mentions or reviews of framer/motion. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2022-12-30.
  • Full Stack Food Delivery App - React Redux Reducer, Firebase | For Beginners
    3 projects | reddit.com/r/u_Live_Buy8766 | 30 Dec 2022
    ⭐ Framer Motion -https://framer.com/motion/
  • How a friend's call ended up with me building #AThing
    7 projects | dev.to | 7 Dec 2022
    I used Framer Motion for the animations which is an outstanding library and I learned a lot about layout's and groups. Another awesome mention I want to credit here is a library called cva or class-varience-authority. The amount of class concatication it has saved me from while building reactive components is just incredible.
  • I made an interactive landing page for my open-source side project
    6 projects | reddit.com/r/web_design | 2 Nov 2022
    Thank you so much! I can't take all the credits however – I'm building on top of the shoulder of giants/amazing OSS libraries like cobe.vercel.app, airbnb.io/visx, framer.com/motion, radix-ui.com, tailwindcss.com, and many more! :)
  • I built an interactive landing page for my side project
    8 projects | reddit.com/r/UI_Design | 2 Nov 2022
    FWIW, I built the site using amazing OSS libraries like cobe.vercel.app, airbnb.io/visx, framer.com/motion, radix-ui.com, tailwindcss.com, and many more – so maybe you can refer to those to build something similar!
    8 projects | reddit.com/r/UI_Design | 2 Nov 2022
    Not really – the globe was made with cobe.vercel.app, the graphs with airbnb.io/visx, the animations with framer.com/motion – all of which are really amazing open-source libraries!
  • Does anyone know how to make an animation like on Auth0 website?
    2 projects | reddit.com/r/reactjs | 27 Oct 2022
    I'm trying with framer motion but I still can't do it, can anyone help me?
  • How I Made My Portfolio with Next.js
    14 projects | dev.to | 13 Oct 2022
    framer-motion : To Add animation in project
  • 🌈 Building an Animated and Accessible Command Menu in React
    16 projects | dev.to | 9 Sep 2022
    // ... import { SiFramer, SiTailwindcss, SiApple, SiVercel, SiTwitter, SiTesla, SiArchlinux, SiDeno, SiFlutter, SiGithub, SiNike, SiDiscord, } from 'react-icons/si' export const commands: Command[] = [ { icon: , text: 'Framer Motion', perform: () => window.open('https://framer.com/motion', '_blank'), }, { icon: , text: 'TailwindCSS', perform: () => window.open('https://tailwindcss.com', '_blank'), }, { icon: , text: 'Apple', perform: () => window.open('https://apple.com', '_blank'), }, { icon: , text: 'Arch Linux', perform: () => window.open('https://apple.com', '_blank'), }, { icon: , text: 'Vercel', perform: () => window.open('https://vercel.com', '_blank'), }, { icon: , text: 'Tesla', perform: () => window.open('https://tesla.com', '_blank'), }, { icon: , text: 'Deno', perform: () => window.open('https://deno.land', '_blank'), }, { icon: , text: 'Discord', perform: () => window.open('https://discord.com', '_blank'), }, { icon: , text: 'Flutter', perform: () => window.open('https://flutter.dev/', '_blank'), }, { icon: , text: 'GitHub', perform: () => window.open('https://github.com/', '_blank'), }, { icon: , text: 'Nike', perform: () => window.open('https://nike.com/', '_blank'), }, { icon: , text: 'Twitter', perform: () => window.open('https://twitter.com', '_blank'), }, ]
  • Top 7 React Animation Libraries in 2022
    10 projects | dev.to | 11 Aug 2022
    Framer Motion has more than 15,000 GitHub stars and 1.2 million weekly NPM downloads.
  • Best React Libraries to Use in 2022
    13 projects | reddit.com/r/reactjs | 12 Jul 2022
    I would suggest react-three-fiber for people who want to use Threejs in react, makes it so much nicer to work with. And framer motion for when you need an animation library.
  • A note from our sponsor - Appwrite
    appwrite.io | 1 Apr 2023
    Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more! Learn more →

Stats

Basic framer/motion repo stats
30
18,145
9.9
3 days ago

framer/motion is an open source project licensed under MIT License which is an OSI approved license.

Popular Comparisons

  1. framer/motion VS react-spring
  2. framer/motion VS react-gsap-enhancer
  3. framer/motion VS GreenSock-JS
  4. framer/motion VS react-motion
  5. framer/motion VS three.js
  6. framer/motion VS react-flip-move
  7. framer/motion VS react-parallax-component
  8. framer/motion VS react-beautiful-dnd
  9. framer/motion VS dnd-kit
  10. framer/motion VS react-tilt

Sponsored
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
www.sonarsource.com