# Framer Motion, release history and use on real websites.

An animation library for React (now called Motion): entrance animations, state transitions, gestures and scroll effects declared in JSX. The most common source of animations on modern landing pages.

- **Status:** Modern. Developed independently as Motion since 2024, supporting both React and plain JavaScript.
- **Category:** [UI Libraries](https://be1st.ai/technologies/ui)
- **First release:** 2018
- **License:** MIT
- **Latest version:** 14.10.1 (6 Nov 2026)
- **Official website:** https://motion.dev
- **Documentation:** https://motion.dev/docs
- **GitHub:** https://github.com/motiondivision/motion
- **Page:** https://be1st.ai/technologies/ui/framer-motion

## Framer Motion on audited websites

93 of the 16,845 websites audited by be1st run Framer Motion (<1%). That ranks it #18 of the 25 technologies in UI Libraries we have seen in audits.

### Websites running Framer Motion vs all websites

- **Web score:** 78 (all websites 72)
- **SEO:** 83 (all websites 79)
- **Security:** 65 (all websites 59)
- **Performance:** 82 (all websites 72)
- **AI Readiness:** 30 (all websites 31)

### Most used in UI Libraries

1. [Lucide](https://be1st.ai/technologies/ui/lucide): 12% (1,958)
2. [shadcn/ui](https://be1st.ai/technologies/ui/shadcn-ui): 7.7% (1,303)
3. [Radix UI](https://be1st.ai/technologies/ui/radix-ui): 6.6% (1,107)
4. [React Hook Form](https://be1st.ai/technologies/ui/react-hook-form): 5.6% (949)
5. [React Router](https://be1st.ai/technologies/ui/react-router): 5.0% (838)
6. [Redux](https://be1st.ai/technologies/ui/redux): 2.3% (386)
7. [TanStack Query](https://be1st.ai/technologies/ui/tanstack-query): 1.9% (324)
8. [Emotion](https://be1st.ai/technologies/ui/emotion): 1.9% (319)
9. [Three.js](https://be1st.ai/technologies/ui/three-js): 1.7% (285)
10. [Styled Components](https://be1st.ai/technologies/ui/styled-components): 1.5% (258)

## Framer Motion versions and release history

15 release lines since 2019, as listed by the npm registry. The latest version is 14.10.1, released 6 Nov 2026.

| Version | Released | Latest release | Releases |
| --- | --- | --- | --- |
| 14 | 2 Oct 2026 | 14.10.1 (6 Nov 2026) | 16 |
| 13 | 5 Aug 2026 | 13.5.1 (2 Oct 2026) | 14 |
| 12 | 20 Jan 2025 | 12.43.0 (28 Jul 2026) | 170 |
| 11 | 23 Jan 2024 | 11.18.2 (20 Jan 2025) | 140 |
| 10 | 24 Feb 2023 | 10.18.0 (10 Jan 2024) | 100 |
| 9 | 1 Feb 2023 | 9.1.7 (24 Feb 2023) | 16 |
| 8 | 21 Dec 2022 | 8.5.5 (30 Jan 2023) | 36 |
| 7 | 4 Aug 2022 | 7.10.3 (20 Dec 2022) | 54 |
| 6 | 19 Jan 2022 | 6.5.1 (14 Jul 2022) | 35 |
| 5 | 27 Oct 2021 | 5.6.0 (12 Jan 2022) | 26 |
| 4 | 18 Mar 2021 | 4.1.17 (17 May 2021) | 22 |
| 3 | 16 Dec 2020 | 3.10.6 (18 Mar 2021) | 40 |
| 2 | 15 Jul 2020 | 2.9.5 (1 Dec 2020) | 50 |
| 1 | 26 Jun 2019 | 1.11.1 (16 Jun 2020) | 57 |
| 0.x (before 1.0) | 14 Jan 2019 | 0.20.2 (20 Jun 2019) | 113 |

Sources: [npm registry, package framer-motion](https://www.npmjs.com/package/framer-motion), checked 8 Nov 2026.

## Other technologies in UI Libraries

- [Chart.js](https://be1st.ai/technologies/ui/chart-js): 1.4% of websites
- [Zod](https://be1st.ai/technologies/ui/zod): 1.3% of websites
- [MUI (Material UI)](https://be1st.ai/technologies/ui/mui): 1.2% of websites
- [Zustand](https://be1st.ai/technologies/ui/zustand): <1% of websites
- [DaisyUI](https://be1st.ai/technologies/ui/daisyui): <1% of websites
- [Chakra UI](https://be1st.ai/technologies/ui/chakra-ui): <1% of websites
- [Headless UI](https://be1st.ai/technologies/ui/headless-ui): <1% of websites
- [Ant Design](https://be1st.ai/technologies/ui/ant-design): <1% of websites
- [Mantine](https://be1st.ai/technologies/ui/mantine): <1% of websites
- [Recharts](https://be1st.ai/technologies/ui/recharts): <1% of websites
- [D3.js](https://be1st.ai/technologies/ui/d3-js): <1% of websites
- [NextUI](https://be1st.ai/technologies/ui/nextui): <1% of websites

[All 28 in UI Libraries](https://be1st.ai/technologies/ui)

## Questions about Framer Motion

### What is Framer Motion?

An animation library for React (now called Motion): entrance animations, state transitions, gestures and scroll effects declared in JSX. The most common source of animations on modern landing pages. The be1st catalog lists Framer Motion under UI Libraries. License of Framer Motion: MIT.

### What is the latest version of Framer Motion?

The latest version of Framer Motion is 14.10.1, released 6 Nov 2026 (source: npm registry, package framer-motion).

### How many websites use Framer Motion?

93 of the 16,845 websites audited by be1st run Framer Motion (<1%), as of 8 Nov 2026.

### When was Framer Motion first released?

Framer Motion was first released in 2018; the oldest version listed by the npm registry dates from 2019.

### Is Framer Motion still a modern choice?

Yes. Framer Motion counts as a modern technology. Developed independently as Motion since 2024, supporting both React and plain JavaScript.

Numbers: latest audit of each of 16,845 websites audited by be1st, as of 8 Nov 2026.
