framer-motion

There are 47 repositories under framer-motion topic.

• magicuidesign / magicui

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

  componentsframer-motionnextjsreactshadcn-uitailwindcsstypescript
  Language:TypeScript 5927
• precedent

  steven-tey / precedent

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

  authjseslintframer-motionnextauthnextauthjsnextjsnextjs-boilerplatenextjs-starternextjs-templateprettierprismaradix-uirailwaytailwindcsstypescriptvercel
  Language:TypeScript 4677
• portfolio

  HamishMW / portfolio

  My personal portfolio website built using React and three js

  cyberpunkdesignerdeveloperframer-motionportfolioreactremixthreejs
  Language:JavaScript 2237

• 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

  framer-motionreactjssanity-io
  Language:JavaScript 2037

• CaliCastle / cali.so

  Cali 的个人官网开源项目

  framer-motionnextjsreactsanitytailwindcss
  Language:TypeScript 1540

• d3george / slash-admin

  A modern react admin. It is based on react 18, vite and TypeScript. It's fast !

  admin-dashboardantdreactreact-queryreact-router-v6tailwindcsstsvitezustandframer-motionreact-markdownstyled-componentsadminadmin-paneladmin-templateant-designreact-adminreact-admin-dashboardreact-admin-kitreact-admin-template
  Language:TypeScript 1382
• HULL

  ndimatteo / HULL

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

  ecommerceframer-motionheadlessjamstacknext-jsnextjsreactsanityshopifystarterstarter-templatetailwindcssvercel
  Language:JavaScript 1360

• 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. Open source and TypeScript ready.

  componentsdesign-engineeringframer-motionnextjsreactshadcn-uitailwindcsstypescript
  Language:TypeScript 846

• Temzasse / react-modal-sheet

  Flexible bottom sheet component built with Framer Motion to provide buttery smooth UX while keeping accessibility in mind 🪐

  accessibilitybottom-sheetframer-motionmodalreactjs
  Language:TypeScript 790

• ChrisAbdo / MotionVariants

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

  animationframerframer-motionnextjsnextjs13tailwindcss
  Language:TypeScript 738

• ccrsxx / twitter-clone

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

  firebaseframer-motionheadlessuinextjsreact-hot-toastswrtailwindcsstwitter-clonetypescript
  Language:TypeScript 735
• Next.js-Developer-Portfolio-Starter-Code

  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.

  framer-motionframermotionnext-jsnextjsnextjs-starternextjs-templateportfolioportfolio-projectportfolio-templateportfolio-websitereactreactjsssgtailwind-csstailwindcsswebsite-developmentwebsite-template
  Language:CSS 719
• yamada-ui

  yamada-ui / yamada-ui

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

  a11yanimationanimation-cssdark-modeemotionframer-motionreactreactjsresponsive-designuiui-componentsui-designui-libraryuikityamada-ui
  Language:TypeScript 715

• 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!

  cssframer-motionnextjsreacttailwindcsscomponentstypescriptui
  Language:TypeScript 612

• micha-lmxt / svelte-motion

  An animation library for Svelte based on framer-motion.

  animationframer-motionsvelte
  Language:JavaScript 514

• ibelick / motion-primitives

  A collection of open-source, customizable motion components built on top of Framer Motion.

  animatedanimationcomponentsframer-motiontailwindcss
  Language:TypeScript 509

• uixmat / onborda

  An onboarding wizard flow for Next.js powered by framer motion

  framer-motionnextnextjsonboardingreactsetuptailwindcsswizardproducttour
  Language:TypeScript 491

• w3bdesign / nextjs-woocommerce

  🔥 Next.js (React) headless eCommerce site with Typescript, WordPress (WooCommerce) backend and Algolia search

  algoliaalgolia-searchanimatecssapolloecommerceecommerce-sitees6framer-motiongraphqlnextjsreactreact-hook-formstyled-componentstailwindcsstypescriptwoocommercewoocommerce-apiwp-graphql
  Language:TypeScript 454

• wirtzdan / website

  Personal website build with Chakra UI, NextJS and Airtable ✨

  airtableairtable-apiblogchakra-uiframer-motionnextnextjsportfolioreactjsvercelwebsite
  Language:JavaScript 448
• reactjs18-3d-portfolio

  ladunjexa / reactjs18-3d-portfolio

  incredible 3D developer portfolio website with awesome graphics - built with React & Three.js 🪄

  3d-webframer-motionportfolio-websitetailwindcssthreejsreactemailjs-browser3d-portfolio
  Language:TypeScript 359

• 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

  beginner-projectframer-motionfrontendjavascriptportfolioportfolio-websitereactreactjsstyled-componentswebdesignwebdeveloperwebdevelopment
  Language:JavaScript 341
• luxe

  guhrodriguess / luxe

  Library of components copy and paste to illuminate your applications.

  componentsframer-motionlibrarynextjsreacttailwindcsstypescriptui
  Language:TypeScript 338

• amitmishrg / code-resume

  Build your own Resume 📖 in seconds

  animationdark-themeframer-motionjavascriptlight-themeportfoliopwa-appreactjsresumeresume-templatethemeswebpack
  Language:JavaScript 316

• MaggieAppleton / maggieappleton.com-V2

  A digital garden built with Next.js, React, and MDX. Featuring loosely opinionated notes, half-formed ideas, and content that is always growing.

  digital-gardenframer-motionnextjsreactstyled-components
  Language:MDX 312

• shaqdeff / Portfolio-Template

  This portfolio template is designed to showcase your skills, experience, and accomplishments in a visually appealing and professional manner.

  framer-motionreacttailwindcssthreejsvite
  Language:JavaScript 282

• SashenJayathilaka / Airbnb-Build

  Full Stack Airbnb Clone with Next.js 13 Tailwind-css, Prisma, MongoDB, NextAuth, Framer-motionSocial, Login (Google and Facebook), Image upload, Cloudinary CDN, Location selection, Map component, Country autocomplete, Fetching listings with server components

  axiosdate-fnsmongodbnext-authnext-js-13prisma-clienttypescriptworld-countriesreact-hook-formreact-iconsreact-leafletreact-selectreact-toastifycloudinaryframer-motionquery-stringreact-date-rangebcrypttailwindcsszustand
  Language:TypeScript 271

• K-H-Rayhan / nextjs-animated-slider

  Stunning animated slider website built using Next.js, Framer Motion, and Tailwind CSS.

  framer-motionnextjs13reactreactjs-projecttailwindcss
  Language:TypeScript 251

• mehdibha / folio

  Make your personal website and blog with Nextjs 14, tailwind and Notion.

  reactframer-motionreactjsportfolioportfolio-templatenextjsnotionnotion-blogblogcms
  Language:TypeScript 232

• itsfaqih / fama

  TailwindCSS based personal branding template. Built with react and framer-motion

  animationframer-motionportfolioreacttailwindcsstemplate
  Language:TypeScript 222

• BrianRuizy / b-r.io

  My personal website made with Next.js, Tailwind, MDX, Radix Primitives, Framer Motion, all on Vercel.

  contentlayermdxtailwindcsstypescriptvercelapp-routerframer-motionminimalnextjs13portfolioradix-colors
  Language:TypeScript 203
• react-todo-app

  ShaifArfan / react-todo-app

  A complete Todo application with all features.

  framer-motionjavascriptreactjsreduxwebcifar
  Language:JavaScript 197

• SashenJayathilaka / ChatGPT-Clone

  ChatGPT Clone with REACT! (Next.js 13, Firebase, Tailwind CSS, TypeScript, API endpoints in Next.js, ChatGPT models, Dynamic page routing in Next.js 13, App folder structure, NextAuth.js, Google Authentication)

  chatgpt-apifirebase-adminfirebase-firestoreframer-motiongoogle-authenticationnext-authnext-jsopenaireact-firebase-hooksreact-hot-toastreact-selectreactjsswrtypescriptautoprefixereslint-config-nextpostcsstailwind-csslearn
  Language:TypeScript 196
• react-tailwindcss-portfolio

  realstoman / react-tailwindcss-portfolio

  A simple React app that uses Context API, custom Hooks, Tailwind CSS & Framer Motion.

  componentscontext-apidark-modedark-themeframer-motionjavascriptjsreactreact-hooksreact-routerreactjsstarter-templatetailwind-csstailwindcssuiwebsite
  Language:JavaScript 187

• Ashanime / Ashanime-Web-App

  Watch media ad free through a beautiful UI. Don't forget to 🌟 this repo for updates!

  ad-freeanimeanime-apianime-appanime-scraperanime-searchframer-motionreactreduxtailwindcssvercel
  Language:TypeScript 180

• Kinfe123 / farm-ui

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

  contentlayerdrizzleframer-motionmonoreponextjspgshadcntailwindcssturborepomagicui
  Language:MDX 170

• adeolaadeoti / adeolaadeoti-v2

  The second iteration of my portfolio

  typescriptscssportfolio-websitenextjsreactjslocomotive-scrollframer-motionhover-effectshtml-css-javascriptpersonal-site
  Language:TypeScript 166