magicuidesign/magicui
UI Library for Design Engineers. Animated components and effects you can copy and paste into your apps. Free. Open Source.
Topic: framer-motion
16,754 repositories
ibelick/motion-primitives
UI kit to make beautiful, animated interfaces, faster. Customizable. Open Source.
nolly-studio/cult-ui
Animated components for design engineers. 150+ free shadcn/ui components, built with Tailwind CSS and Motion. MIT licensed.
steven-tey/precedent
An opinionated collection of components, hooks, and utilities for your Next.js project.
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.
prazzon/Flexbox-Labs
A web app for creating flexible layouts with the power of CSS Flexbox.
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.
HamishMW/portfolio
My personal portfolio website built using React and three js
danielpetho/fancy
dingyi214/slash-admin
A Modern React Admin Template. It is based on React 19, Vite and TypeScript. It's fast !
motiondivision/motion-vue
Motion for Vue
kokonut-labs/kokonutui
Open-source collection of stunning Components built with Tailwind CSS, shadcn/ui and Motion to use on your websites
adrianhajdin/project_professional_portfolio
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
CaliCastle/cali.so
Personal website for Cali Castle
starc007/ui-components
Motion components for React. Copy, paste, done.
ndimatteo/HULL
💀 Headless Shopify Starter – powered by Next.js + Sanity.io
uixmat/onborda
An onboarding wizard flow / product tour for Next.js animated by framer motion
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.
moumen-soliman/uitripled
Production-ready UI blocks, components, and full pages available in shadcn/ui and Base UI, powered by Framer Motion, with a Landing Page Builder, Background Builder, and Grid Generator.
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.
anl331/goey-toast
A gooey, morphing toast component built on Sonner with Framer Motion animations
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!
SikandarJODD/svelte-animations
Svelte Magic UI, Svelte Aceternity UI, Svelte Components build using Tailwind CSS & Framer Motion
Avijit07x/animateicons
Free and open-source animated SVG icons for React, built for smooth micro-interactions, easy customization, and lightweight performance.
Temzasse/react-modal-sheet
Flexible bottom sheet component built with Motion to provide buttery smooth UX while keeping accessibility in mind 🪐
codewithMUHILAN/Lightswind-UI-Library
The AI-native CLI-first React component library. 160+ animated, accessible, production-ready components with MCP Server support for Cursor, Claude & GitHub Copilot. Copy-paste architecture — you own the code.
yamada-ui/yamada-ui
React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion.
ChrisAbdo/MotionVariants
A collection of handmade Framer Motion variants made for your next project.
educlopez/smoothui
SmoothUI is a collection of beautifully designed components with smooth animations built with React, Tailwind CSS, Shadcn/ui and Motion
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!