Framer Motion

Motion is a production-ready motion library for React from Framer. It brings declarative animations, effortless layout transitions and gestures while maintaining HTML and SVG semantics.

Here are 9,085 public repositories matching this topic...

Language:All

Filter by language

All9,085 JavaScript4,567 TypeScript4,170 CSS97 HTML72 SCSS66 Astro16 MDX12 Python7 Jupyter Notebook5 Svelte5

Sort:Most stars

Sort options

Most stars Fewest stars Most forks Fewest forks Recently updated Least recently updated

magicuidesign /magicui

Star15.4k

UI Library for Design Engineers. Animated components and effects you can copy and paste into your apps. Free. Open Source.

react components typescript nextjs tailwindcss framer-motion shadcn-ui

UpdatedMar 14, 2025
MDX

steven-tey /precedent

Sponsor

Star4.9k

An opinionated collection of components, hooks, and utilities for your Next.js project.

typescript eslint nextjs prettier railway prisma tailwindcss nextjs-template nextjs-starter nextjs-boilerplate framer-motion vercel nextauth radix-ui nextauthjs authjs

UpdatedOct 2, 2024
TypeScript

ibelick /motion-primitives

Sponsor

Star4.2k

UI kit to make beautiful, animated interfaces, faster. Customizable. Open Source.

components library ui animation motion animated animate tailwindcss framer-motion

UpdatedMar 19, 2025
TypeScript

HamishMW /portfolio

Star2.9k

My personal portfolio website built using React and three js

react portfolio threejs developer designer remix cyberpunk framer-motion

UpdatedNov 16, 2024
JavaScript

prazzon /Flexbox-Labs

Sponsor

Star2.4k

A web app for creating flexible layouts with the power of CSS Flexbox.

react sass typescript vite typescript-react framer-motion

UpdatedMar 11, 2025
TypeScript

d3george /slash-admin

Star2.2k

A Modern React Admin Template. It is based on React 18, Vite and TypeScript. It's fast !

react admin styled-components admin-dashboard ts antd admin-template admin-panel ant-design react-admin react-markdown tailwindcss react-admin-template react-admin-dashboard vite react-query react-admin-kit framer-motion zustand react-router-v6

UpdatedFeb 7, 2025
TypeScript

adrianhajdin /project_professional_portfolio

Sponsor

Star2.1k

This is a code repository for the corresponding YouTube video. In this tutorial we are going to build and deploy a real time chat application. Covered topics: React.js, SCSS, Framer Motion, Sanity

reactjs sanity-io framer-motion

UpdatedMay 3, 2024
JavaScript

nolly-studio /cult-ui

Star2.1k

Components crafted for Design Engineers. Styled using Tailwind CSS, fully compatible with Shadcn, and easy to integrate—just copy and paste. MIT 🤌

react components typescript nextjs tailwindcss framer-motion design-engineering shadcn-ui

UpdatedJan 23, 2025
TypeScript

CaliCastle /cali.so

Sponsor

Star1.8k

Cali 的个人官网开源项目

react nextjs sanity tailwindcss framer-motion

UpdatedJul 31, 2024
TypeScript

ui-layouts /uilayouts

Star1.6k

🔥100+ Free beautifull interactive react/nextjs component based on tailwindcss, framer-motion, gsap etc

react components drawer spotlight sparkles modal component-library animated-tabs tailwindcss accordion-component components-react framer-motion react-animation-components mousetrail codehike shadcn shadcnui mouse-animation accertinity image-mousetrail

UpdatedFeb 21, 2025
TypeScript

motiondivision /motion-vue

Star1.6k

Motion for Vue

vue animation motion framer-motion motion-vue

UpdatedMar 20, 2025
TypeScript

ndimatteo /HULL

Star1.4k

💀 Headless Shopify Starter – powered by Next.js + Sanity.io

react ecommerce nextjs headless starter-template starter shopify jamstack sanity next-js tailwindcss framer-motion vercel

UpdatedNov 3, 2023
JavaScript

danielpetho /fancy

Star1.1k

design animation motion ui-components tailwindcss framer-motion

UpdatedMar 21, 2025
TypeScript

uixmat /onborda

Star1.1k

An onboarding wizard flow / product tour for Next.js animated by framer motion

react setup product nextjs wizard onboarding tour product-tour next tailwindcss framer-motion product-tours

UpdatedDec 22, 2024
TypeScript

ChrisAbdo /MotionVariants

Star961

A collection of handmade Framer Motion variants made for your next project.

animation nextjs framer tailwindcss framer-motion nextjs13

UpdatedJul 26, 2023
TypeScript

codebucks27 /Next.js-Developer-Portfolio-Starter-Code

Sponsor

Star938

⭐Build a stunning portfolio website with Next.js, Tailwind CSS and Framer-motion. If you want to learn to create this you can follow the tutorial link given in the Read me file.

react portfolio reactjs nextjs portfolio-website portfolio-template website-template ssg portfolio-project next-js website-development tailwindcss nextjs-template tailwind-css nextjs-starter framer-motion framermotion

UpdatedFeb 8, 2025
CSS

SyntaxUI /syntaxui

Star924

Get free access to pre-built, Tailwind CSS-powered components, animations and effects - brought to life using Framer Motion. Just copy, paste and you're ready to go!

react css components typescript ui nextjs tailwindcss framer-motion