UI Library for Design Engineers. Animated components and effects you can copy and paste into your apps. Free. Open Source.
-
Updated
Oct 23, 2025 - MDX
#
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 11,090 public repositories matching this topic...
Language: All
Filter by language
Sort: Most stars
Sort options
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
-
Updated
Oct 2, 2024 - TypeScript
UI kit to make beautiful, animated interfaces, faster. Customizable. Open Source.
-
Updated
Sep 17, 2025 - TypeScript
A web app for creating flexible layouts with the power of CSS Flexbox.
-
Updated
Sep 29, 2025 - TypeScript
A Modern React Admin Template. It is based on React 19, Vite and TypeScript. It's fast !
react admin styled-components admin-dashboard ts antd admin-template ant-design react-admin react-markdown tailwindcss react-admin-template react-admin-dashboard vite react-admin-kit framer-motion zustand react-router-v6 shadcn-ui
-
Updated
Aug 12, 2025 - TypeScript
Fully animated, open-source component distribution built with React, TypeScript, Tailwind CSS, Motion, and Shadcn CLI. Browse a list of components you can install, modify, and use in your projects.
-
Updated
Oct 21, 2025 - TypeScript
Components crafted for Design Engineers. Styled using Tailwind CSS, fully compatible with Shadcn, and easy to integrate—just copy and paste. MIT 🤌
-
Updated
Oct 22, 2025 - TypeScript
🔥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
-
Updated
Oct 23, 2025 - TypeScript
-
Updated
Oct 17, 2025 - TypeScript
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
-
Updated
May 3, 2024 - JavaScript
Open-source collection of UI components and animated effects built with React, Typescript, Tailwind CSS, and Motion. Pairs beautifully with shadcn/ui.
-
Updated
Oct 20, 2025 - TypeScript
💀 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
-
Updated
Nov 3, 2023 - JavaScript
Collection of UI components. Built for Next.js and React with Tailwind CSS and shadcn/ui
-
Updated
Oct 22, 2025 - TypeScript
Build your design system within seconds.
-
Updated
Oct 23, 2025 - TypeScript
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
-
Updated
Dec 22, 2024 - TypeScript
⭐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
-
Updated
Jun 18, 2025 - CSS
Svelte Magic UI, Svelte Aceternity UI, Svelte Components build using Tailwind CSS & Framer Motion
-
Updated
Jun 21, 2025 - Svelte
Created by Framer B.V.
- Followers
- 69 followers
- Repository
- framer/motion
- Website
- github.com/topics/framer-motion