Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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.

https://github.com/hackemateninja/ronindev-portfolio

Ronin dev portfolio made with Next.js and framer motion

framer-motion nextjs react tailwindcss typescript

Last synced: 07 Feb 2025

https://github.com/abdul23lm/my-old-personal-website

Hey! How nice of you to look at my personal site, Thank you!

chakra-ui framer-motion nextjs reactjs typescript

Last synced: 25 Jan 2025

https://github.com/suraffy/portfolio

A software developer portfolio website that highlights skills and showcases the individual's work.

css framer-motion html javascript lodash react

Last synced: 25 Jan 2025

https://github.com/shhiivvaam/portfolio

Portfolio site - shhiivvaamπŸ’«

framer-motion nextjs particles-js preloader tailwindcss

Last synced: 31 Jan 2025

https://github.com/mahdiarrez/portfolio

My portfolio app, built with React and Next js

aceternity-ui framer-motion javascript nextjs radix-ui react tailwindcss typescript

Last synced: 01 Feb 2025

https://github.com/abhimishra01/pikagram

Pikagram is a PhotoGallery Application that has features such as Upload, Like, Comment, Delete and Authentication. Similar to any other Photo Gallery Keep application.

firebase firebase-auth firebase-firestore framer-motion html-css-javascript react-hooks react-router-dom reactjs

Last synced: 01 Feb 2025

https://github.com/bytebyhaseeb/saas-landing-page

We build impactful, high-performance landing pages using React.js, Tailwind CSS, and Framer Motion. Our pages combine sleek design with smooth animations to captivate users and drive engagement. Let us make your SaaS product unforgettable.

animation framer-motion reactjs tailwindcss

Last synced: 08 Feb 2025

https://github.com/web-mahadihasan/fitverse-client

Fitverse is a modern fitness tracker platform designed to connect users with professional trainers and structured fitness programs. It offers seamless class and trainer booking, secure Stripe payments, and a community forum for fitness discussions. The platform includes admin, trainer, and user dashboards, ensuring a smooth experience for managing

axios firebase framer-motion javascript jwt-authentication react shadcn-ui tailwind tanstack-react-query

Last synced: 08 Feb 2025

https://github.com/aritra69/card-animation

Staggered card animation using framer motion library

animation featured framer-motion nextjs tailwindcss

Last synced: 15 Feb 2025

https://github.com/shuvoprogram/edusphere_frontend

EduSphere 🌐 revolutionizes learning! An interactive LMS fostering personalized education, collaboration, and skill mastery.

axios formik framer-motion material-ui nextjs re-charts react-countup react-pro-sidebar react-redux react-scroll redux-toolkit stripe swiper tailwindcss yup

Last synced: 15 Feb 2025

https://github.com/muhammadasif-cse/muhammadasif

πŸš€ My personal portfolio showcasing my work as a Full Stack Developer.

framer-motion muhammadasif-wd nextjs portfolio portfoliowebsite

Last synced: 08 Feb 2025

https://github.com/k5va/fable-next

Internet shop prototype using Typescript, React, Next.js, React Query, NextAuth, Prisma ORM, tailwindcss

framer-motion nextauth nextjs prisma-orm radix-ui react reacthookform reactquery tailwindcss typescript

Last synced: 15 Feb 2025

https://github.com/kaiesmahmud/newsapp-react-nextjs

In this project I use newsapi and nextjs framework to build . I also added tailwindcss and framer-motion to customize some components. I use lodash for pagination . Inspired by a YouTube video of "portEXE" channel

fetch-api framer-motion html-css-javascript lodash news-api nextjs pagination-components react tailwindcss-v3 vercel-deployment

Last synced: 09 Feb 2025

https://github.com/sanidhyy/my-portfolio

Modern Portfolio using React JS and Framer Motion

css framer-motion html javascript js portfolio react reactjs tsparticles yinyang

Last synced: 15 Feb 2025

https://github.com/the-developer-306/portfolio-prathamkhanna

This repository contains my personal portfolio website, built with React and styled using Tailwind CSS. It features interactive elements and 3D models rendered with Three.js. Explore my projects, skills, and experience through this modern and engaging digital resume. Check out the live site here.

aceternity-ui css framer-motion gltf html javascript npm reactjs tailwind-css three-js

Last synced: 15 Feb 2025

https://github.com/zouaoui-montassar/gym-landing-page

A mobile responsive gym landing page made with React , Tailwindcss and framer-motion.

framer-motion react react-hook-form reponsive tailwindcss typescript vite

Last synced: 16 Feb 2025

https://github.com/cesarolvr/slider-nextjs-gsap-app

A πŸ›· slider component using NextJS + πŸ₯¦ GSAP Timeline: https://xyzphotography.vercel.app

classnames framer-motion gsap nextjs scrolltrigger styled-components typescript vercel

Last synced: 16 Feb 2025

https://github.com/wiizzl/the-french-tototte

Frontend of the luxury pacifier website (BastiUI challenge) : https://figma.com/community/file/1367118232196412561

framer-motion nextjs zustand

Last synced: 14 Feb 2025

https://github.com/aryan007-bot/portfolio-aryan

A showcase of Aryan Dagar's projects, skills, and passion for front-end development and UI/UX design.

framer-motion html5 reactjs tailwind-css vitejs

Last synced: 17 Jan 2025

https://github.com/basedhound/3d-animations_threejs

Collection of practice 3D animations created with Three.js, React Three Fiber, and Drei. This repository showcases animation techniques and effects for building interactive 3D visuals.

drei fiber framer-motion nextjs nextjs14 r3f react tailwind threejs typescript

Last synced: 02 Jan 2025

https://github.com/swappy-2003/dynamic-task-app

dynamic to do card representation with floating feature made with framer motion

framer-motion react

Last synced: 11 Jan 2025

https://github.com/swappy-2003/react_ochi

Created this React App clone website with Vite and used Tailwind.css for styling used multiple JS Libaray like Framer-motion for animations and GSAP for dynamic animations and for smooth scrolling used the LOCO-MOTIVE scroll

framer-motion gsap locomotive-scroll npm reactjs tailwindcss vite

Last synced: 11 Jan 2025

https://github.com/adistrim/sabrang24

Official code base of the annual fest sabrang 2024 πŸŽƒ

framer-motion javascript nextjs tailwind

Last synced: 11 Jan 2025

https://github.com/basedhound/portfolio-v1_react

1st Portfolio website built with React for reusable components, Sanity for flexible content management, Framer Motion for smooth animations, and Sass for maintainable styles.

framer-motion portfolio react react-icons react-tooltip react18 sanity sass scss styled-components typewriter

Last synced: 02 Jan 2025

https://github.com/gozmanthefirst/braui

A repository where I build brilliant random animated UIs.

framer-motion nextjs reactjs tailwindcss

Last synced: 30 Jan 2025

https://github.com/andrgoit/react-weather-app

PET-project. ΠœΡƒΠ»ΡŒΡ‚ΠΈΡΠ·Ρ‹Ρ‡Π½Ρ‹ΠΉ, Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ сайт написан с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ React, Redux, redux-persist, axios, tailwindcss, framer-motion, i18n ΠΈ Π΄Ρ€.

framer-motion i18next-react react redux-persist redux-toolkit tailwindcss

Last synced: 11 Jan 2025

https://github.com/andrgoit/react-podcast

Π Π•Π’-project. In progress..

framer-motion reactjs router-dom swiper-slider tailwindcss

Last synced: 11 Jan 2025

https://github.com/techtronixx/widget_showcase

A modern, customizable widget system built with React, TypeScript, Framer Motion, and Tailwind CSS.

components ecommerce framer-motion shadcn-ui templates uikit widgets

Last synced: 23 Jan 2025

https://github.com/basedhound/anime-db_app_next

Discover new anime with ease in this Next.js application powered by Anime API. Enjoy seamless scrolling through an extensive database, and experience smooth transitions with Framer Motion.

framer-motion infinite-scroll nextjs nextjs14 react react18 scroll scrolling server-action server-actions typescript

Last synced: 02 Jan 2025

https://github.com/buddylim/portfolio

Portfolio designed on Figma. Built using React, Vite, Tailwind, Framer Motion and shadcn

backend framer-motion frontend fullstack portfolio react

Last synced: 11 Jan 2025

https://github.com/basedhound/3d-tshirts_app_react

Create your own style with this 3D Customization App. Pick colors, add logos, and try AI designs to make your virtual swag unique. Built using React.js, Three.js, and OpenAI.

3d ai cloudinary dalle express framer-motion mongodb mongoose node nodejs openai openai-api r3f react three-drei three-fiber threejs vite

Last synced: 02 Jan 2025

https://github.com/ejiroosiephri/chat-application-react

EjiroChatHub is your gateway to seamless communication. With a clean and intuitive interface, EjiroChatHub offers reliable messaging and calling services that connect you with friends and family around the globe. Stay connected with voice and video calls that make you feel like you're in the same room.

context-api firebase-auth firebase-realtime-database framer-motion material-ui material-ui-icons reactjs redux-thunk redux-toolkit

Last synced: 11 Jan 2025

https://github.com/adithya-s-k/arithemania

Registration Website for Arithemania Hackathon with registration form linked to firebase

firebase framer-motion nextjs nextjs-boilerplate nextjs-starter nextjs-template tailwindcss

Last synced: 14 Feb 2025

https://github.com/aroradev1010/teecraft

Design T-shirts using the power of Three.js and the elegance of Tailwind CSS. Unleash your creativity, design unique masterpieces, and redefine your fashion statement.

3d framer-motion reactjs tailwindcss threejs

Last synced: 02 Jan 2025

https://github.com/md-rejoyan-islam/md-rejoyan-islam.github.io

This is my personal portfolio website, where I showcase my projects, highlight the technologies I am learning, and provide a way for anyone to get in touch with me.

framer-motion nextjs14 shadcn-ui typescript

Last synced: 23 Jan 2025

https://github.com/chanmeng666/journey-of-reincarnation

A captivating web application that simulates the journey of reincarnation, allowing users to explore different life circumstances across various countries and social backgrounds through an interactive and immersive experience.

chartjs dark-mode framer-motion game i18n nextjs react react-simple-maps shadcn shadcn-ui simulation tailwindcss typescript visualization web-app

Last synced: 02 Jan 2025

https://github.com/chanmeng666/3d-portfolio

A modern, interactive 3D portfolio website showcasing professional experience, projects, and personal interests. Built with React.js and Three.js, featuring smooth animations and responsive design.

3d-animation developer-portfolio framer-motion frontend interactive-website javascript personal-website portfolio react responsive-design tailwindcss threejs vite web-development

Last synced: 02 Jan 2025

https://github.com/kabirbose/portfolio

My most up-to-date portfolio (v3).

framer-motion nextjs react tailwindcss typescript

Last synced: 02 Jan 2025

https://github.com/md-rejoyan-islam/kinsust-nextjs

This ia official website of KIN. KIN is a voluntary organization of SUST , located at Sylhet.

daisyui framer-motion nextjs14 redux-toolkit-query tailwindcss

Last synced: 31 Jan 2025

https://github.com/etheryen/projekt-drzewiecki

A short school project website about my technical school's patreon.

framer-motion t3-stack

Last synced: 30 Jan 2025

https://github.com/cpadlab/framer-motion-text-parallax

Implementation of a scrolling parallax text using Framer Motion and React.

framer-motion parallax react tailwindcss vite

Last synced: 10 Feb 2025

https://github.com/maciejkuran/hello-smoothie

Smoothies orders and delivery. Demo app. πŸ₯¦πŸ₯’πŸ†πŸ…

firebase firebase-realtime-database framer-motion react react-hooks rest-api

Last synced: 12 Jan 2025

https://github.com/devwithzain/navigation-menu-05

Navigation Menu created by devwithzain

framer-motion gsap nextjs reactjs tailwindcss typescript

Last synced: 12 Jan 2025

https://github.com/devwithzain/complete-authentication

complete authentication using next js, typescript, tailwindcss, framer-motion auth js v5, react-hook-form and zod.

authjs framer-motion nextjs react-hook-form reactjs tailwindcss typescript zod

Last synced: 12 Jan 2025

https://github.com/aritra69/image-gallery

Modern looking image gallery using unsplash api and framer motion

featured framer-motion nextjs shadcn-ui tailwindcss unsplash-api

Last synced: 15 Feb 2025

https://github.com/tonybengue/react-page-transition

React with react-router and framer-motion for animations

framer-motion react-router reactjs

Last synced: 17 Feb 2025

https://github.com/devwithzain/side-navbar-component

Side Menu Component Created with Next JS, Tailwind CSS, Framer Motion and TypeScript

framer-motion gsap nextjs reactjs tailwindcss typescript

Last synced: 12 Jan 2025

https://github.com/ewoskyx/covidwr

The app shows the daily covid-19 information based to API. The users can easily filter the content by continent or specific country related to the continents.

bootstrap5 covid-19 framer-motion jest netlify react redux redux-thunk

Last synced: 18 Jan 2025

https://github.com/azamat-cto/responsive-raveli-website

Raveli – Online Payment App created especially for Online Payment App, Online Banking, Finance, Startup, and any other FinTech (Financial Technology) websites.

framer-motion react react-countup react-router-dom-v6 tailwindcss vite

Last synced: 12 Jan 2025

https://github.com/sxsid/articlecrafter

Transform your writing experience with AI-powered editing, professional formatting, and intelligent suggestions. Create stunning articles effortlessly with our advanced editor.

framer-motion react-hook-form reactjs redux rtq-qurey tailwindcss

Last synced: 18 Jan 2025

https://github.com/raiyashpramod/mm_client

Welcome to Movie Mania, a web application that lets users vote on their favorite movies and create battles between movies to determine which one is preferred by the community.

framer-motion lucide-react reactjs styled-components tailwindcss tanstack-react-query typescript vite

Last synced: 18 Jan 2025

https://github.com/ashishpathak2/mytodos

Mytodos is a web app designed for listing and managing your daily tasks, built using the MERN stack. Key features include an interactive design, the ability to tag tasks based on their importance, and an option to specify the total hours and minutes remaining to complete each task.

custom-authentication daily-task-manager deployedonrendercloud express-js express-session framer-motion mongodb mongodb-atlas nodejs react-js todoapp vercel-deployed

Last synced: 08 Feb 2025

https://github.com/vikasipar/portfolio

portfolio: home to my projects showcasing creativity, problem-solving, and passion for technology.πŸ’

animations emailjs framer-motion javascript portfolio reactjs recoil tailwindcss vite webdev

Last synced: 12 Jan 2025

https://github.com/avi9611/chemcoach-solutions

Built in Nextjs-14 completely written in Typescript. Click Below for Live DemoπŸ‘‡

framer-motion javascipt nextjs nodejs reactjs tailwindcss typescript

Last synced: 12 Jan 2025

https://github.com/minel1410/portfolio

My personal portfolio website built with Next.js, Framer Motion, and Tailwind CSS. Showcases smooth animations, responsive design, and modular components.

framer-motion nextjs responsive-design vercel webdesign

Last synced: 12 Jan 2025

https://github.com/abdulbasit110/my-portfolio

A personal portfolio website showcasing my web development skills, projects, and experiences. Built with React.js, Tailwind CSS, Framer Motion, and Particle.js, this responsive and interactive site highlights my expertise in modern web technologies.

framer-motion jaavscript particles portfolio-website reactjs tailwindcss webdesign

Last synced: 12 Jan 2025

https://github.com/ayyush08/musicacademy

A basic music academy built to uitlise full power of NextJS on client side and also utilizes the immersive and top-notch qualities of AcertenityUI

acertinityui framer-motion javascript nextjs npm tailwind-merge tailwindcss tailwindcss-plugin typescript

Last synced: 12 Jan 2025

https://github.com/getfrontend/next-magnetic-nav

Next.js 14 project: magnetic navigation link animation effect with Framer Motion

animation animation-effects framer-motion next14

Last synced: 30 Jan 2025

https://github.com/achinthyadulshan/clipboard-landing-page

This is a solution to the Clipboard landing page challenge on Frontend Mentor.

framer-motion frontend-mentor react tailwindcss typescript

Last synced: 10 Feb 2025

https://github.com/willdarkins/portfolio_darkins

Personal portfolio constructed with React/JavaScript. Styling complete with the help of CSS, Styled-Components, Material UI and Framer Motion

css3 env expressjs framer-motion html5 javascript material-ui nodejs nodemailer react styled-components

Last synced: 24 Jan 2025

https://github.com/willdarkins/giphy_search

Search application which utilizes the GIPHY API to display GIF's, while utilizing Framer Motion for transitions and pagination

axios bootstrap css3 dotenv framer-motion html5 javascript reactjs

Last synced: 24 Jan 2025

https://github.com/willdarkins/flick_finder

React.js application that utilizes MovieDB API info to display search results for mixed media. Styled with Material UI and Styled-Components

axios css3 framer-motion hmtl5 javascript material-ui reactjs styled-components

Last synced: 24 Jan 2025

https://github.com/shuvoprogram/furns

Furns πŸ›‹οΈ is a sleek furniture shop app πŸ“² that streamlines the shopping experience. Browse, select, and furnish your space effortlessly. Manage orders and track deliveries seamlessly. Elevate your interior design journey with Furns!

firebase formik framer-motion react-dom-router reactjs sass swiper-js yup

Last synced: 15 Feb 2025

https://github.com/spudoodle/gizmo-landing-page

Gizmo is a sleek and interactive online platform designed to showcase the latest and greatest tech gadgets. Built using advanced technologies like Next.js, Tailwind CSS and Framer Motion.

framer-motion nextjs reactjs tailwindcss typescript

Last synced: 17 Feb 2025

https://github.com/leuthra/portfolio-chatgpt

personal portfolio web developer with system chatgpt

chatgpt-api framer-motion nextjs14 portfolio tailwindcss

Last synced: 12 Jan 2025

https://github.com/aneeshpatne/reacting

Next.js repository showcasing progressive concepts from basics to advanced features with practical examples.

framer-motion nextjs reactjs

Last synced: 12 Jan 2025

https://github.com/tinspham209/3d-portfolio

3D Portfolio - Built with React, React Three Fiber, Framer Motion

framer-motion portfolio react-three-fiber reactjs tailwindcss vercel vitejs

Last synced: 18 Jan 2025

https://github.com/alisherov-044/portfolio-old

My old full stack portfolio web site build with next js (ui, api) & prisma with postgresql & framer motion & typescript. Including admin page

framer-motion next-api next-js postgresql prisma scss typescript

Last synced: 30 Jan 2025

https://github.com/lucasalvaresa/metaverse-madness

A modern website created with Next.js, Tailwind CSS and animations with Framer

framer-motion next13 nextjs tailwindcss

Last synced: 18 Jan 2025

https://github.com/bjclayton/scroll-animations

Scroll Animations with Framer Motion

framer-motion scroll-animations

Last synced: 12 Jan 2025

https://github.com/usmanmern/restaurants_with_firebase

Food Delivery Website - React, Framer Motion, Bootstrap, and Firebase Integration

bootstrap5 firebase firebase-auth framer-motion netlify-deployment react reactjs sass

Last synced: 12 Jan 2025

https://github.com/gokulnath-rs/porfolio

Welcome to my personal portfolio website! This website is designed to showcase my skills, projects, and experiences in a visually appealing and interactive way. It features a modern UI and engaging animations to create a memorable user experience.

framer-motion reactjs tailwindcss

Last synced: 12 Jan 2025

https://github.com/omkushwaha9/ochi.design-regenerated

Ochi.design-Regenerated, created by Om Kushwaha, is a dark-themed, React-based redesign of Ochi Design's innovative studio website, leveraging Tailwind CSS, Framer Motion, GSAP, and more.

framer-motion gsap-animation javascript locomotive-scroll react tailwindcss typescript

Last synced: 23 Jan 2025

https://github.com/victor823543/hotel-website

A hotel website made with React

css framer-motion react typescript

Last synced: 31 Jan 2025

https://github.com/vikramsamak/portfolio

My portfolio made by using ReactJS ,ThreeJS and EmailJS.

3d-web emailjs framer-motion portfolio-website responsive-design threejs webdevelopment

Last synced: 08 Feb 2025

Framer Motion Awesome Lists
Framer Motion Categories