npmpackage.info

Gathering detailed insights and metrics for framer-motion

Other packages similar to framer-motion

motion

11.13.1

An animation library for JavaScript and React.

framer-motion-3d

11.13.1

A simple and powerful React animation library for @react-three/fiber

@nextui-org/framer-utils

2.1.4

A set of framer motion transitions for react

@nextui-org/framer-transitions

2.0.15

A set of framer motion transitions for react

Gathering detailed insights and metrics for framer-motion

framer-motion

A modern animation library for React and JavaScript

11.13.1

26,170

MIT

TypeScript

46.28 kB

408,121,702 3.5

Installations

npm install framer-motion

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS, ESM

Node Version

18.20.5

NPM Version

lerna/4.0.0/node@v18.20.5+arm64 (darwin)

Score

89.8

Supply Chain

92.6

Quality

99.8

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

5

Total

1,071

Closed

144

Merged

922

Issues

Open

247

Total

1,672

Closed

1,425

Releases

Unable to fetch releases

Languages

TypeScript

HTML

JavaScript

Makefile

CSS

Dockerfile

TypeScript (76.12%)

HTML (16.6%)

JavaScript (7.03%)

Makefile (0.13%)

CSS (0.09%)

Dockerfile (0.03%)

Developer

framer

Download Statistics

Total

408,121,702

Last Day

229,157

Last Week

4,929,338

Last Month

19,948,353

Last Year

192,598,406

Statistics

26,170 Stars

5,973 Commits

856 Forks

107 Watching

85 Branches

106 Contributors

Bundle Size

145.28 kB

Minified

46.28 kB

Minified + Gzipped

Bundlephobia

Maintainers & Contributors

View all 106 contributors

Package Meta Information

Latest Version

11.13.1

Package Id

framer-motion@11.13.1

Unpacked Size

2.89 MB

Size

719.16 kB

File Count

365

NPM Version

lerna/4.0.0/node@v18.20.5+arm64 (darwin)

Node Version

18.20.5

Publised On

03 Dec 2024

Total Downloads

Cumulative downloads

Total Downloads

408,121,702

Last day

18%

229,157

Compared to previous day

Last week

8.7%

4,929,338

Compared to previous week

Last month

19,948,353

Compared to previous month

Last year

69%

192,598,406

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Versions

Motion logo

Motion for React

Motion for React is an open source, production-ready library that’s designed for all creative developers.

It's the only animation library with a hybrid engine, combining the power of JavaScript animations with the performance of native browser APIs.

It looks like this:

1<motion.div animate={{ x: 0 }} />

It does all this:

...and a whole lot more.

Get started

🐇 Quick start

Install motion via your package manager:

npm install motion

Then import the motion component:

1import { motion } from "motion/react"
2
3export function Component({ isVisible }) {
4    return <motion.div animate={{ opacity: isVisible ? 1 : 0 }} />
5}

💎 Contribute

Want to contribute to Motion? Our contributing guide has you covered.

👩🏻‍⚖️ License

Motion for React is MIT licensed.

✨ Sponsors

Motion is sustainable thanks to the kind support of its sponsors.

Partners

Framer

Motion powers Framer animations, the web builder for creative pros. Design and ship your dream site. Zero code, maximum speed.

Platinum

Gold

Silver

Personal

No vulnerabilities found.

10

Maintained

Determines if the project is "actively maintained".

10

License

Determines if the project has defined a license.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

2

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

SAST

Determines if the project uses static code analysis.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

3.5

/10

Last Scanned on 2024-12-02

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

Other packages similar to framer-motion

Other packages similar to framer-motion

framer-motion

Installations

Developer Guide

Yes

CommonJS, ESM

18.20.5

lerna/4.0.0/node@v18.20.5+arm64 (darwin)

Score

Pull Requests

5

1,071

144

922

Issues

247

1,672

1,425

Releases

Unable to fetch releases

Languages

Developer

Download Statistics

Statistics

Bundle Size

145.28 kB

46.28 kB

Maintainers & Contributors

Package Meta Information

Total Downloads

408,121,702

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Dev Dependencies

Motion for React

Get started

🐇 Quick start

💎 Contribute

👩🏻‍⚖️ License

✨ Sponsors

Partners

Framer

Platinum

Gold

Silver

Personal

10

10

10

2

0

0

0

0

0

0

3.5

/10