#

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 3,991 public repositories matching this topic...

precedent

steven-tey / precedent

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 May 17, 2023
TypeScript

adrianhajdin / project_professional_portfolio

Sponsor

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

reactjs sanity-io framer-motion

Updated Mar 21, 2023
JavaScript

HULL

ndimatteo / HULL

💀 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 Dec 28, 2022
JavaScript

portfolio

HamishMW / portfolio

My personal portfolio website built using React and three js

react portfolio threejs serverless nextjs developer designer cyberpunk framer-motion

Updated Mar 13, 2023
JavaScript

Temzasse / react-modal-sheet

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

accessibility reactjs modal bottom-sheet framer-motion

Updated May 25, 2023
TypeScript

wirtzdan / website

Personal website build with Chakra UI, NextJS and Airtable ✨

blog website portfolio reactjs nextjs airtable next airtable-api framer-motion chakra-ui vercel

Updated Mar 4, 2023
JavaScript

ccrsxx / twitter-clone

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

firebase typescript nextjs twitter-clone tailwindcss swr framer-motion headlessui react-hot-toast

Updated Jan 7, 2023
TypeScript

micha-lmxt / svelte-motion

An animation library for Svelte based on framer-motion.

animation svelte framer-motion

Updated Jan 24, 2023
JavaScript

w3bdesign / nextjs-woocommerce

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

react graphql ecommerce algolia typescript apollo styled-components es6 nextjs algolia-search woocommerce animatecss woocommerce-api ecommerce-site tailwindcss wp-graphql framer-motion react-hook-form

Updated Jun 3, 2023
TypeScript

amitmishrg / code-resume

Build your own Resume 📖 in seconds

javascript resume-template resume portfolio light-theme webpack dark-theme reactjs animation themes pwa-app framer-motion

Updated Dec 12, 2022
JavaScript

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

react javascript portfolio styled-components frontend reactjs beginner-project portfolio-website webdevelopment webdesign webdeveloper framer-motion

Updated Apr 23, 2023
JavaScript

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.

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 May 4, 2023
CSS

itsfaqih / fama

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

react template portfolio animation tailwindcss framer-motion

Updated Aug 5, 2022
TypeScript

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.

react styled-components nextjs digital-garden framer-motion

Updated May 27, 2023
JavaScript

matthiaaas / framer-motion-hooks

Fill the hook gap in Framer Motion

react hooks typescript viewport in-view scroll-progress framer-motion

Updated Nov 11, 2022
TypeScript

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

Updated May 28, 2023
TypeScript

bjcarlson42 / benjamincarlson.io

Sponsor

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

Updated Apr 19, 2023
JavaScript

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)

typescript postcss reactjs autoprefixer openai learn firebase-admin react-select google-authentication next-js firebase-firestore tailwind-css next-auth swr react-firebase-hooks framer-motion react-hot-toast eslint-config-next chatgpt-api

Updated Apr 2, 2023
TypeScript

adeolaadeoti / adeolaadeoti-v2

The second iteration of my portfolio

personal-site typescript reactjs nextjs scss portfolio-website html-css-javascript hover-effects framer-motion locomotive-scroll

Updated Feb 12, 2023
TypeScript

LauraBeatris / amazon-next

Sponsor

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

react javascript css frontend nextjs tailwind framer-motion

Updated Dec 11, 2022
JavaScript

Created by Framer B.V.

Followers: 24 followers
Repository: framer/motion
Website: www.framer.com/motion