#Framer-motion

Showing 60 of 66 repositories tagged #framer-motion, ranked by stars

magicuidesign
magicuidesign
magicui

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

Score
100
โ˜… 21.5k โ‘‚ 1.0k +57/day
MDX
nolly-studio
nolly-studio
cult-ui

Components crafted for Design Engineers. Styled using Tailwind CSS, fully compatible with Shadcn, and easy to integrateโ€”just copy and paste. MIT ๐ŸคŒ

Score
98
โ˜… 5.8k โ‘‚ 314 +102/day
TypeScript
steven-tey
steven-tey
precedent

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

Score
61
โ˜… 5.1k โ‘‚ 494 +2/day
TypeScript
prazzon
prazzon
Flexbox-Labs

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

Score
94
โ˜… 4.0k โ‘‚ 362 +1/day
TypeScript
imskyleen
imskyleen
animate-ui

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.

Score
87
โ˜… 3.8k โ‘‚ 189 +14/day
TypeScript
ui-layouts
ui-layouts
uilayouts

UI Layouts isnโ€™t just a library. Itโ€™s your complete front-end universe with components, effects, design tools, and ready-to-use blocks, everything you need to build modern interfaces, faster.

Score
97
โ˜… 3.5k โ‘‚ 209 +7/day
TypeScript
HamishMW
HamishMW
portfolio

My personal portfolio website built using React and three js

Score
55
โ˜… 3.5k โ‘‚ 723 +2/day
JavaScript
d3george
d3george
slash-admin

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

Score
95
โ˜… 3.0k โ‘‚ 557 โ€”
TypeScript
motiondivision
motiondivision
motion-vue

Motion for Vue

Score
90
โ˜… 2.2k โ‘‚ 60 +1/day
TypeScript
CaliCastle
CaliCastle
cali.so

Cali ็š„ไธชไบบๅฎ˜็ฝ‘ๅผ€ๆบ้กน็›ฎ

Score
48
โ˜… 1.9k โ‘‚ 540 โ€”
TypeScript
kokonut-labs
kokonut-labs
kokonutui

Open-source collection of stunning Components built with Tailwind CSS, shadcn/ui and Motion to use on your websites

Score
92
โ˜… 1.9k โ‘‚ 114 +8/day
TypeScript
ndimatteo
ndimatteo
HULL

๐Ÿ’€ Headless Shopify Starter โ€“ย powered by Next.js + Sanity.io

Score
39
โ˜… 1.4k โ‘‚ 171 +1/day
JavaScript
uixmat
uixmat
onborda

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

Score
82
โ˜… 1.4k โ‘‚ 68 +2/day
TypeScript
seraui
seraui
seraui

UI component library for React, Next.js, and other JSX frameworks. Built with Tailwind CSS, it makes creating beautiful, interactive and responsive interfaces fast and easy.

Score
74
โ˜… 1.3k โ‘‚ 93 +1/day
TypeScript
codebucks27
codebucks27
Next.js-Developer-Portfolio-Starter-Code

โญ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.

Score
89
โ˜… 1.3k โ‘‚ 650 +8/day
CSS
SikandarJODD
SikandarJODD
svelte-animations

Svelte Magic UI, Svelte Aceternity UI, Svelte Components build using Tailwind CSS & Framer Motion

Score
68
โ˜… 1.2k โ‘‚ 46 +1/day
Svelte
anl331
anl331
goey-toast

A gooey, morphing toast component built on Sonner with Framer Motion animations

Score
81
โ˜… 1.2k โ‘‚ 52 +3/day
TypeScript
Naresh-Khatri
Naresh-Khatri
3d-portfolio

Interactive 3D developer portfolio with a keyboard where every keycap is a skill. Built with Next.js, React, TypeScript, GSAP & Motion. Free to use!

Score
85
โ˜… 1.1k โ‘‚ 233 +9/day
TypeScript
yamada-ui
yamada-ui
yamada-ui

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion.

Score
84
โ˜… 1.0k โ‘‚ 263 โ€”
TypeScript
ChrisAbdo
ChrisAbdo
MotionVariants

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

Score
40
โ˜… 996 โ‘‚ 42 +2/day
TypeScript
SyntaxUI
SyntaxUI
syntaxui

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!

Score
77
โ˜… 984 โ‘‚ 55 โ€”
TypeScript
Avijit07x
Avijit07x
animateicons

Free and open-source animated SVG icons for React, built for smooth micro-interactions, easy customization, and lightweight performance.

Score
79
โ˜… 982 โ‘‚ 55 +3/day
TypeScript
ccrsxx
ccrsxx
twitter-clone

Twitter clone built in Next.js + TypeScript + Tailwind CSS using Cloud Firestore and Storage

Score
69
โ˜… 948 โ‘‚ 235 โ€”
TypeScript
educlopez
educlopez
smoothui

SmoothUI is a collection of beautifully designed components with smooth animations built with React, Tailwind CSS, Shadcn/ui and Motion

Score
71
โ˜… 843 โ‘‚ 44 +6/day
TypeScript
nyxb-ui
nyxb-ui
ui

Fusion UI library combining Shadcn/UI and MagicUI. Featuring 150+ free and open-source components built with React, Typescript, Tailwind CSS, and Framer Motion. Create stunning, responsive interfaces effortlessly. 100% open-source.

Score
27
โ˜… 842 โ‘‚ 32 โ€”
TypeScript
subhadeeproy3902
subhadeeproy3902
mvpblocks

MVPBlocks is an open-source component library for developers to copy, customize, and launch MVPs lightning-fastโ€”no installations, just pure productivity.

Score
76
โ˜… 828 โ‘‚ 117 +1/day
TypeScript
ladunjexa
ladunjexa
reactjs18-3d-portfolio

incredible 3D developer portfolio website with awesome graphics - built with React & Three.js ๐Ÿช„

Score
32
โ˜… 738 โ‘‚ 270 +6/day
TypeScript
micha-lmxt
micha-lmxt
svelte-motion

An animation library for Svelte based on framer-motion.

Score
26
โ˜… 661 โ‘‚ 15 +1/day
JavaScript
starc007
starc007
ui-components

Motion components for React. Copy, paste, done.

Score
65
โ˜… 612 โ‘‚ 19 +117/day
TypeScript
w3bdesign
w3bdesign
nextjs-woocommerce

๐Ÿ”ฅ Next.js (React) headless eCommerce site with Typescript, WordPress (WooCommerce) backend and Algolia search

Score
73
โ˜… 608 โ‘‚ 151 โ€”
TypeScript
wirtzdan
wirtzdan
website

Personal website build with Chakra UI, NextJS and Airtable โœจ

Score
56
โ˜… 549 โ‘‚ 52 โ€”
TypeScript
farming-labs
farming-labs
farm-ui

Treating UI Libraries as first class citizen and making sure they are headless

Score
44
โ˜… 492 โ‘‚ 31 โ€”
MDX
sanidhyy
sanidhyy
space-portfolio

Welcome to my full stack Next.js 14 space portfolio.

Score
66
โ˜… 485 โ‘‚ 158 +4/day
TypeScript
codebucks27
codebucks27
react-portfolio-final

Build a Stunning portfolio with React JS and framer-motion. This portfolio is created using framer-motion for cool transitions and animation. If you want to learn how to create this portfolio then you can follow below tutorial link in the ReadMe

Score
60
โ˜… 468 โ‘‚ 150 +2/day
JavaScript
bossadizenith
bossadizenith
Framer-ground

Elevate your web projects with fine, small animated components.

Score
21
โ˜… 439 โ‘‚ 39 โ€”
TypeScript
turbostarter
turbostarter
loading-ui

Spinners, loaders and loading animations for modern web apps โณ

Score
53
โ˜… 402 โ‘‚ 21 +5/day
TypeScript
codebucks27
codebucks27
Next.js-Creative-Portfolio-Website

Interactive 3D Portfolio Website with Next.js, Three.js & Tailwind CSS | Checkout the tutorial link โšก

Score
58
โ˜… 396 โ‘‚ 119 โ€”
JavaScript
bundui
bundui
components

A collection of components that you can copy and paste into your apps. Built with Tailwind CSS and Motion. Supports shadcn/ui.

Score
31
โ˜… 392 โ‘‚ 25 +2/day
TypeScript
ismamz
ismamz
next-transition-router

Easily add animated transitions between pages using Next.js App Router and your favorite animation library.

Score
50
โ˜… 360 โ‘‚ 24 โ€”
TypeScript
MaggieAppleton
MaggieAppleton
maggieappleton.com-V2

โš ๏ธ Now retired. My previous digital garden built with Next.js, React, and MDX. Featuring loosely opinionated notes, half-formed ideas, and content that is always growing.

Score
13
โ˜… 350 โ‘‚ 28 โ€”
MDX
Temitayo-spec
Temitayo-spec
Raft-Landing-Page

A landing page built with, Next.js, Styled-Components, GSAP and Framer-Motion ๐Ÿ˜Žโœจ

Score
16
โ˜… 337 โ‘‚ 60 โ€”
TypeScript
Abhiz2411
Abhiz2411
3D-interactive-portfolio

A visually stunning personal portfolio website showcasing my skills, projects, and personality with 3D animations, smooth interactions, and a cosmic theme. Built using Next.js, Tailwind CSS, GSAP, and more!

Score
45
โ˜… 314 โ‘‚ 69 โ€”
TypeScript
Shreyas-29
Shreyas-29
luro-ai

A Modern UI Website for your next generation SaaS

Score
15
โ˜… 302 โ‘‚ 75 +2/day
TypeScript
mohammadoftadeh
mohammadoftadeh
next-ecommerce-shopco

Shopco - Free Next.js 14 App Router, TypeScript, TailwindCSS, shadcn-ui, framer-motion, redux toolkit E-commerce Website.

Score
23
โ˜… 298 โ‘‚ 118 +5/day
TypeScript
Shreyas-29
Shreyas-29
linkify

Modern UI website template for you next SaaS idea

Score
18
โ˜… 289 โ‘‚ 87 โ€”
TypeScript
Shreyas-29
Shreyas-29
astra

A smart AI-powered website builder landing page

Score
19
โ˜… 282 โ‘‚ 97 +1/day
TypeScript
sanidhyy
sanidhyy
modern-portfolio

Modern Portfolio using Next.js and Framer Motion.

Score
52
โ˜… 259 โ‘‚ 111 โ€”
JavaScript
haaarshsingh
haaarshsingh
www

๐Ÿ‘‹

Score
47
โ˜… 247 โ‘‚ 27 โ€”
Astro
victorcodess
victorcodess
folio-v1

The first version of my portfolio website. Launched in March, 2023.

Score
29
โ˜… 247 โ‘‚ 35 +2/day
TypeScript
nikhils4
nikhils4
ui-beats

Level up your UI development with reusable components from UI Beats, crafted with React, Typescript, Tailwind CSS, and Framer Motion.

Score
8
โ˜… 225 โ‘‚ 11 โ€”
TypeScript
adeolaadeoti
adeolaadeoti
adeolaadeoti-v2

The second iteration of my portfolio

Score
10
โ˜… 219 โ‘‚ 42 +3/day
TypeScript
SashenJayathilaka
SashenJayathilaka
Reddit-Clone

Reddit Clone with REACTJS (Next.js, Firebase v9, Chakra UI, TypeScript, Recoil, (Image Uploading, Google Authentication, Create Community, Join Community, Leave Community, Upvote and Downvote Posts), Dark Mode & Light Mode, Data Encryption and Decryption)

Score
11
โ˜… 209 โ‘‚ 67 โ€”
TypeScript
engageintellect
engageintellect
cook

An ultra-modern, visually-rich, bento ui using Next.js, PocketBase, shadcd/ui, tailwind css, magic-ui, and zod.

Score
24
โ˜… 200 โ‘‚ 18 โ€”
TypeScript
ruixenui
ruixenui
ruixen.com

Ruixen UI โ€“ A modern, flexible, and customizable UI component library built for speed, scalability, and developer happiness.

Score
42
โ˜… 193 โ‘‚ 15 +1/day
TypeScript
devwithzain
devwithzain
ochi-website-clone

Ochi website clone created with Next JS, React JS, TypeScript, Tailwind CSS, Framer Motion, GSAP and Locomotive Scroll

Score
5
โ˜… 190 โ‘‚ 22 โ€”
TypeScript
sanidhyy
sanidhyy
brainwave

Modern Animated SaaS Generative AI Landing Page.

Score
0
โ˜… 159 โ‘‚ 30 +1/day
JavaScript
hanielu
hanielu
motion-svelte

Framer Motion for Svelte 5

Score
37
โ˜… 148 โ‘‚ 2 +2/day
TypeScript
LauraBeatris
LauraBeatris
amazon-next

A simple mock and re-concept of Amazon - built with Next.js, Firebase, and Framer Motion

Score
2
โ˜… 127 โ‘‚ 14 โ€”
JavaScript
ccrsxx
ccrsxx
portofolio

My personal website built with Next.js, Tailwind CSS, Tanstack Query/Table

Score
35
โ˜… 120 โ‘‚ 12 โ€”
TypeScript
mdyeates
mdyeates
my-portfolio

A simple and immersive portfolio powered by React

Score
3
โ˜… 118 โ‘‚ 41 โ€”
JavaScript
Related Topics
#nextjs#react#tailwindcss#typescript#shadcn-ui#animation#components#reactjs#motion#portfolio#ui#javascript

ยฉ 2026 GitRepoTrend ยท GitHub repositories by topic ยท Updated weekly