framer-motion

There are 42 repositories under framer-motion topic.

• 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 4512
• portfolio

  HamishMW / portfolio

  My personal portfolio website built using React and three js

  portfoliodeveloperreactdesignercyberpunkthreejsframer-motionremix
  Language:JavaScript 2041

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

• CaliCastle / cali.so

  Cali 的个人官网开源项目

  framer-motionnextjsreactsanitytailwindcss
  Language:TypeScript 1361
• HULL

  ndimatteo / HULL

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

  nextjsnext-jsstarterstarter-templateheadlessshopifytailwindcsssanityvercelreactframer-motionecommercejamstack
  Language:JavaScript 1340

• d3george / slash-admin

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

  adminadmin-dashboardadmin-paneladmin-templateant-designantdframer-motionreactreact-markdownreact-queryreact-router-v6styled-componentstailwindcsstsvitezustand
  Language:TypeScript 1098

• Temzasse / react-modal-sheet

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

  reactjsframer-motionbottom-sheetmodalaccessibility
  Language:TypeScript 735

• ccrsxx / twitter-clone

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

  framer-motionnextjstailwindcsstypescriptfirebaseheadlessuiswrreact-hot-toasttwitter-clone
  Language:TypeScript 701
• 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 626
• yamada-ui

  yamada-ui / yamada-ui

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

  animationanimation-cssemotionreactreactjsuiui-componentsui-designui-librarydark-moderesponsive-designuikityamada-uiframer-motion
  Language:TypeScript 480

• micha-lmxt / svelte-motion

  An animation library for Svelte based on framer-motion.

  svelteanimationframer-motion
  Language:JavaScript 475

• ChrisAbdo / MotionVariants

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

  animationframerframer-motionnextjsnextjs13tailwindcss
  Language:TypeScript 444

• wirtzdan / website

  Personal website build with Chakra UI, NextJS and Airtable ✨

  nextjschakra-uiframer-motionreactjsblogvercelportfolioairtableairtable-apiwebsitenext
  Language:JavaScript 444

• w3bdesign / nextjs-woocommerce

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

  nextjsreactes6woocommerce-apiwoocommercegraphqlecommerce-sitewp-graphqlalgolia-searchalgoliastyled-componentsanimatecssreact-hook-formtailwindcssecommerceapolloframer-motiontypescript
  Language:TypeScript 426

• Ansub / 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 323

• 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

  reactreactjsjavascriptportfolioportfolio-websitewebdevelopmentwebdesignbeginner-projectfrontendwebdeveloperframer-motionstyled-components
  Language:JavaScript 320

• amitmishrg / code-resume

  Build your own Resume 📖 in seconds

  reactjswebpackjavascriptframer-motionpwa-appresumeresume-templateportfoliothemesdark-themelight-themeanimation
  Language:JavaScript 317
• reactjs18-3d-portfolio

  ladunjexa / reactjs18-3d-portfolio

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

  3d-webframer-motionportfolio-websitetailwindcssthreejsreactemailjs-browser
  Language:TypeScript 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-gardenreactstyled-componentsframer-motionnextjs
  Language:MDX 300
• luxe

  guhrodriguess / luxe

  Library of components to illuminate your applications.

  framer-motionreacttailwindcsstypescriptuicomponentsnextjslibrary
  Language:TypeScript 283

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

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

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

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

  framer-motionnextjs13reactreactjs-projecttailwindcss
  Language:TypeScript 230

• mehdibha / folio

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

  reactframer-motionreactjsportfolioportfolio-templatenextjsnotionnotion-blogblogcms
  Language:TypeScript 224

• itsfaqih / fama

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

  tailwindcsstemplateportfolioreactframer-motionanimation
  Language:TypeScript 218

• 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 191
• react-todo-app

  ShaifArfan / react-todo-app

  A complete Todo application with all features.

  reactjsreduxframer-motionwebcifarjavascript
  Language:JavaScript 190

• uixmat / onborda

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

  framer-motionnextnextjsonboardingreactsetuptailwindcsswizardproducttour
  Language:TypeScript 174

• 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 173
• react-tailwindcss-portfolio

  realstoman / react-tailwindcss-portfolio

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

  reactreactjsjsjavascriptuicomponentswebsitetailwindcsstailwind-cssframer-motionreact-routercontext-apireact-hooksdark-modedark-themestarter-template
  Language:JavaScript 173

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

• matthiaaas / framer-motion-hooks

  Fill the hook gap in Framer Motion

  reacthooksframer-motiontypescriptin-viewviewportscroll-progress
  Language:TypeScript 163

• adeolaadeoti / adeolaadeoti-v2

  The second iteration of my portfolio

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

• aod / zhithead

  Zhithead is a clone of the original card game shithead made for the browser

  card-gameframer-motionmotionreacttailwindcssvitexstateshitheadhacktoberfest
  Language:TypeScript 154
• www

  harshhhdev / www

  👋

  blogframer-motionnextjsreacttemplatetypescript
  Language:TypeScript 144

• bjcarlson42 / benjamincarlson.io

  My personal website built with Next.js, Chakra UI, Firebase, and next-mdx-remeote.

  personal-websitenextjschakra-uifirebasefirebase-realtime-databasemdxpersonal-bloggoogle-analyticsyoutube-apigithub-apistrava-apiswrprismbuttondownmdx-remotegiscusframer-motionvercelreactjsreact
  Language:JavaScript 140