Awesome Open Source
Search
Programming Languages
Languages
All Categories
Categories
About
Search results for framer motion
framer-motion
x
290 search results found
Precedent
⭐
4,175
An opinionated collection of components, hooks, and utilities for your Next.js project.
Project_professional_portfolio
⭐
1,878
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
Portfolio
⭐
1,719
My personal portfolio website built using React and three js
Hull
⭐
1,075
💀 Headless Shopify Starter – powered by Next.js + Sanity.io
Cali.so
⭐
933
Cali 的个人官网开源项目
Slash Admin
⭐
755
A modern react admin. It is based on react 18, vite and TypeScript. It's fast !
React Modal Sheet
⭐
660
Flexible bottom sheet component built with Framer Motion to provide buttery smooth UX while keeping accessibility in mind 🪐
Twitter Clone
⭐
632
Twitter clone built in Next.js + TypeScript + Tailwind CSS using Cloud Firestore and Storage
Next.js Developer Portfolio Starter Code
⭐
440
⭐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.
Svelte Motion
⭐
428
An animation library for Svelte based on framer-motion.
Website
⭐
417
Personal website build with Chakra UI, NextJS and Airtable ✨
Nextjs Woocommerce
⭐
410
🔥 Next.js (React) headless eCommerce site with Typescript, WordPress (WooCommerce) backend and Algolia search
Yamada Ui
⭐
284
React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion.
Code Resume
⭐
277
Build your own Resume 📖 in seconds
Maggieappleton.com V2
⭐
264
A digital garden built with Next.js, React, and MDX. Featuring loosely opinionated notes, half-formed ideas, and content that is always growing.
React Portfolio Final
⭐
259
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
Reactjs18 3d Portfolio
⭐
240
This repository houses an incredible 3D Developer Portfolio Website with awesome graphics - built with React & Three.js 🪄
Motionvariants
⭐
220
A collection of handmade Framer Motion variants made for your next project.
Folio
⭐
215
Make your personal website and blog with Nextjs 14, tailwind and Notion.
Fama
⭐
204
TailwindCSS based personal branding template. Built with react and framer-motion
Nextjs Animated Slider
⭐
196
Stunning animated slider website built using Next.js, Framer Motion, and Tailwind CSS.
Portfolio Template
⭐
194
This portfolio template is designed to showcase your skills, experience, and accomplishments in a visually appealing and professional manner.
Airbnb Build
⭐
165
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
React Todo App
⭐
163
A complete Todo application with all features.
Framer Motion Hooks
⭐
157
Fill the hook gap in Framer Motion
Www
⭐
137
👋
Benjamincarlson.io
⭐
136
My personal website built with Next.js, Chakra UI, Firebase, and next-mdx-remeote.
React Tailwindcss Portfolio
⭐
127
A simple React app that uses Context API, custom Hooks, Tailwind CSS & Framer Motion.
Zhithead
⭐
109
Zhithead is a clone of the original card game shithead made for the browser
Next Plate
⭐
104
🦸♀️ A super template for Next.js with a pack of incredible tools
Amazon Next
⭐
102
🛒 a simple mock and re-concept of amazon - made with nextjs, firebase database and framer motion for page transitions
Ashanime Web App
⭐
97
Watch anime ad free through a beautiful UI. Don't forget to 🌟 this repo for updates!
React Sidebar
⭐
96
Create awesome sidebar for your portfolio or any projects, It is build using ReactJs and styled-components. React router is already configured, Also it has page transition effect using framer-motion.
B R.io
⭐
90
My personal website made with Next.js 13 (App Router). Features blog posts, gear list, dark theme and more. Tailwind CSS, MDX, Radix, Framer Motion, and Vercel.
Lunadesk
⭐
86
The people-first scheduling tool, coming in a year starting with a 2. LunaDesk is a web app, originally created by Josh Cawthorne and known as "WorkFrom" for the Supabase Hackathon.
React Portfolio Starter Code Files
⭐
82
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
Chatgpt Clone
⭐
81
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)
Portfolio
⭐
81
My personal portfolio to show my skills, experience, and articles I published.
Folio V1
⭐
77
This is a portfolio website I created to showcase my work. I’m always striving to create something unique and innovative. If you like it, be sure to give it a star.
Country Picker
⭐
75
Minimalistic country picker for React, built with Tailwind and Typescript.
Reddit Clone
⭐
74
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)
Macos React
⭐
70
A macOS desktop clone built with TypeScript React, SASS and Framer Motion.
Gatsby Using Page Transitions
⭐
68
Gatsby example site using page transitions
Gqlevated
⭐
65
Elevate your projects with seamless GraphQL integration
My Next Portfolio
⭐
65
⚡My portfolio + Blog | Next.js 13, TypeScript, Tailwind and Sanity CMS⚡
Ygtang Client
⭐
65
⚡️영감탱 - 빛나는 아이디어를 모아드려요
Site_project
⭐
65
My personal website built with React, TypeScript & styled using Stitches.
Framer Motion Carousel
⭐
63
framer-motion carousel, simple & easy to use
Wibe Studio
⭐
59
Build a stunning Fashion Studio Website Landing page with React JS. This website is created using locomotive-scroll for smooth scrolling. Also, GSAP and Framer-Motion for some custom animations and effects. You can learn to make this website by visiting the tutorial link from the description.
Bluebird Movies
⭐
59
BlueBird-Movies is a React-based movie website that allows users to search for movies by title, sort them by genre, view trending and upcoming movies, and bookmark their favorite movies. The website is designed to be user-friendly and visually appealing.
Bookmarks
⭐
55
Yer işaretlerinizi paylaşın, yeni içerikleri keşfedin ve daha önce hiç olmadığı kadar ilham dolu olun!
Twitter 2 0 Clone
⭐
55
Twitter 2.0 with REACT.JS! (Next.js, Sanity CMS, Typescript, SSR, Tailwind, GoogleAuth, Dark Mode & Light Mode & Twitter Profile)
Shiftwalk Starter
⭐
55
A simple Next.js starter kit with TailwindCSS (JIT) and Framer Motion preconfigured. Optional feature branches for Locomotive Scroll, Sanity and Dato configuration coming soon...
My Portfolio
⭐
54
Welcome to my personal portfolio repository! Explore my journey, skills, and projects.
Gatsby Starter Typescript Deluxe
⭐
54
A Gatsby starter with TypeScript, Storybook, Styled Components, Framer Motion, Jest, and more.
Booktez Client
⭐
53
📚진짜 독서가들의 독서법 - 북스테어즈 (React)
Dragify
⭐
48
✨ An application that can be used to create a custom startpage through interactive tools like drag and drop
Wibe Studio Starter Files
⭐
46
Build a stunning Fashion Studio Website Landing page with React JS. This website is created using locomotive-scroll for smooth scrolling. Also, GSAP and Framer-Motion for some custom animations and effects. You can learn to make this website by visiting the tutorial link from the description.
Spring Easing
⭐
45
Quick and easy spring animation. Works with other animation libraries (gsap, animejs, framer motion, motion one, @okikio/animate, etc...) or the Web Animation API (WAAPI).
Gatsby Markdown Typescript Personal Website
⭐
43
Gatsby Personal/Resume Website
Blog
⭐
42
A blog leveraging Next.js, PlanetScale, Prisma, Novel, Framer Motion, shadcn/ui and Tailwind CSS hosted with Vercel.
Portfolio_site
⭐
41
My Portfolio website based on react, typescript and tailwind.
Seb45_main_011
⭐
40
🌱 Grow Story : 식물을 관리하고 나만의 정원을 꾸며 보세요 🌱
Khang Nd.github.io
⭐
40
📝 My window-styled portfolio
Next Start
⭐
40
A starter for Next.js with Tailwind CSS and Typescript. Pre-configured with absolute import some goodies.
.info
⭐
40
📝 My personal portfolio
Ts Next Chakra Motion Kit
⭐
39
Starter kit with Next.js, Chakra-UI, Framer-Motion in Typescript. Internationalization, SEO, Components, Theme (dark/light) and more...
Msnproduction.com
⭐
37
MSN PRODUCTION is a company that provides services for creating websites, mobile applications, branding & creative content, as well as internet marketing & advertising according to your business needs at low prices with luxurious quality.
Page Transition Tutorial
⭐
36
Simple examples of how to use Framer Motion for page transitions.
Discord Clone
⭐
35
Discord 2.0 with REACT.JS! (Next.js, NextAuth.js v4.17.0, Tailwind CSS, Typescript, Server create, Firebase v9, Image Uploading, Google Authentication, 1-1 Messaging, Real Time Messenger )
Awesome Github Readme Generator
⭐
35
You can easily and quickly create a readme file for your github profile or git hub repository. (visit below) (Click the Get Started button to start the process, Choose Github Readme Template you want, Fill in the desired fields and press the generate button to create your README.md file)
Portfolio
⭐
33
✨ My portfolio website made using Next.js, hygraph, Tailwind CSS, Framer Motion & Vercel
Rocketmeme
⭐
32
⚡ A multipurpose meme marketplace and editor for creating, downloading and sharing memes with a ready to use API powered by Hasura GraphQL
Aycan.dev
⭐
32
source code of aycan.dev, built with next and typescript
Imessage Clone
⭐
32
Realtime Chat App (iMessage Clone) with NextJS, GraphQL, NodeJS, MongoDB, Prisma, TypeScript, NextAuth.js, Google Authentication, Chakra UI, (1-1 Messaging, Real Time Messaging, Creating chat conversation, joining chat conversation, Leaving chat conversation)
Vite Reactts18 Chakra Jest Husky
⭐
31
ReactJS 18 starter template using Vite, Typescript, Jest, ESLint, Prettier, Chakra UI
Gitline
⭐
31
Github repositories timeline 📑
Messenger Clone
⭐
30
Messenger Clone: Next.js 13, React, Tailwind, Prisma, MongoDB, NextAuth, Pusher, (Message notifications and alerts, Tailwind animations and transition effects, File and image upload using Cloudinary CDN, File and image upload using Cloudinary CDN, Group chats and one-on-one messaging)
Full Stack Movie Application
⭐
30
Full Stack Movie Application with NEXT.JS 13!(Next.js 13, mongodb, node js, NextAuth.js v4, Tailwind CSS, framer-motion, TMDB Api, Google Authentication, primary information about a movies, Users can Add Bookmark in favorite actors and movies)
React Motion Components
⭐
29
React Motion Components is my own collection of reusable UI components animated with framer-motion.
3d Ai Project
⭐
29
AI-Powered 3D-model customization app (DALL-E 2) on React, Framer Motion, ThreeJS and TailwindCSS
Typicalmitul.com
⭐
29
🖼️ My photography portfolio website designed in Figma, and built with Next.js and Tailwind CSS.
Blog.r00ks
⭐
29
A personal blog.
Netflix Clone
⭐
29
NETFLIX 2.0 with NEXT.JS!(Next.js, NextAuth.js v4, Tailwind CSS, framer-motion, TMDB Api, Google Authentication, primary information about a movies, Users can Add Bookmark in favorite actors and movies)
Pursuit
⭐
28
Next Ts Starter
⭐
27
A Next.JS powered Typescript starter with styled components, styled-system, framer motion, jest and cypress
Linkedin Clone
⭐
27
LinkedIn Clone with React (Next.js, Tailwind CSS, Firebase v9, Recoil, Image Uploading, Google Authentication)
Scroller Motion
⭐
27
🛹 Elegant motion scrolling for React
Dfweb V3
⭐
26
🏡 DFWeb personal portfolio version 3 with Next.js, Sanity.io, Framer Motion, Storybook, Tailwind CSS, Cypress, Playwright and more. 98% test coverage.
Finexps.com
⭐
26
This project is a simple expenses manager, where you can add, edit and delete expenses.
Gdscsmit.github.io
⭐
26
Official GDSC Website of Sikkim Manipal Institute of Technology. ⭐ Star the Repository & Open you First PR 🚀
Adithyabhat.com
⭐
26
The source code for my current website. Built with Next, Tailwind, TypeScript, Framer motion.
Dev Portfolio Next X
⭐
25
Facebook Clone
⭐
25
Facebook 2.0 with REACT.JS! (Next.js, Tailwind CSS, Image Uploading, Facebook Authentication, Google Authentication, Dark Mode & Light Mode, Facebook Profile)
Cheathub
⭐
25
Web app for organizing code snippets, with Flask/Python backend, with React/Typescript frontend
React Sendbird Messenger
⭐
25
ReactJS (React-router-dom v6 + Antdesign + Firebase + Sendbird + Sentry) codebase containing real world examples (CRUD, auth, advanced patterns, etc).
Amazon Clone
⭐
25
Amazon 2.0 with NEXT.JS! (ReactJS, Webhooks, complete Stripe Payments Checkout, Cloud Firestore database, NextAuth, Redux, Google Authentication, Add to Basket Functionality, Tailwind CSS)
Macos Big Sur Clone
⭐
24
🍏 MacOS Big Sur UI clone for the web built with React, TypeScript, and Styled-Components.
Next Motion
⭐
23
page transitions with nextjs and framer motion api
Nextjs Tailwindcss Portfolio
⭐
23
Next.js, React & Tailwind CSS version of the portfolio project.
1-100 of 290 search results
Next >
Privacy
|
About
|
Terms
|
Follow Us On Twitter
Copyright 2018-2024 Awesome Open Source. All rights reserved.