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/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/c0de-l00p/storexweb

Simple movie site with CRUD operations

axios context-api framer-motion reactjs tailwindcss vite

Last synced: 03 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/scantarius/skhizma

Band Website - React, CSS (Router, Emailjs, framer-motion, gh-pages)

css emailjs-browser framer-motion gh-pages javascript react router-dom

Last synced: 23 Jan 2025

https://github.com/axyl1410/react-vite-template

a template project for creating a frontend application using React, Vite, and TypeScript. It includes configuration for Vite, Tailwind CSS, and additional tools such as Axios for API calls, routing, theming, and toast notifications. It also provides configurations for ESLint to ensure code quality.

framer-motion tailwind typescript vite

Last synced: 30 Jan 2025

https://github.com/scantarius/industry-demo

Metal Industry Demo - React, CSS (Router, framer-motion, gh-pages)

css framer-motion gh-pages javascript react router-dom

Last synced: 23 Jan 2025

https://github.com/chiragyadav2003/simple-ui-using-framer-motion

Design a simple UI using framer-motion, react and tailwind.

framer-motion reactjs tailwindcss

Last synced: 03 Jan 2025

https://github.com/malekd5/zinc-clone

Clone of ZincJo platform with Next.js and Tailwind CSS.

biomejs clone drizzle framer-motion lucide-react nextjs shadcn-ui tailwindcss

Last synced: 17 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/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/khademulmowla/travelsphere

TravelSphere is a comprehensive travel management web application that connects tourists with professional tour guides while offering a seamless booking and payment experience.

daisyui expressjs framer-motion jwt mongodb nodejs react tailwindcss tanstack-react-query

Last synced: 08 Feb 2025

https://github.com/momanio/omar-portfolio

Modern Headless CMS, responsive portfolio built with Vite, React TypeScript v19, It features TailwindCSS styling, Framer Motion animations, Sanity CMS integration, Zustand state management, and EmailJS for contact forms. Optimized for performance and reuse-ability.

emailjs framer-motion react sanity tailwindcss tanstack-react-query typescript vite zustand

Last synced: 08 Feb 2025

https://github.com/sumiyarahman/hotel-booking-client

The Hotel Booking Platform is a modern web application that provides users with a seamless experience for discovering and booking hotel rooms. It combines interactive design, secure authentication, and efficient booking management to enhance user experience.

css3 expressjs firebase framer-motion html5 jwt mongodb nodejs react tailwindcss

Last synced: 08 Feb 2025

https://github.com/hari7261/neostore_e-com

e-commerce platform designed with the latest technology to provide a futuristic shopping experience.

e-commerce e-commerce-platform e-commerce-website framer-motion hari7261 lucide-react motion-framer nextjs reactjs tailwindcss typescript web3forms

Last synced: 17 Jan 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/badiniibrahim/nextvidz-next-js-movie-app

Next 14 Server Side App with Server Actions, Infinite Scroll & Framer Motion Animations

actions framer-motion nextjs schadcn server tailwindcss

Last synced: 03 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/rownakabdullahomi/tutorhunt_client_11

The TutorHunt is an online tutor booking and language learning platform designed to connect students with professional tutors for a wide range of languages. This project facilitates easy scheduling, booking, and management of language tutorials while providing a user-friendly interface.

context-api daisy-ui firebase-auth framer-motion jwt-token lottie-animation react sweetalert2 swiper-slider tailwindcss

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/minhaj-uddin-arif-23/hostel-management-client

Hostel Management System is a full-stack web application designed to streamline hostel operations for students and administrators. It offers features like meal management, user authentication, subscription-based meal plans, and integrated payment processing for a hassle-free experience.

daisyui framer-motion react react-hook-form react-router-dom sweetalert2 tailwindcss

Last synced: 08 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/aburaihan98/dineease-client

This project is a Restaurant Management Website built with the MERN Stack (MongoDB, Express.js, React.js, Node.js). It includes user authentication (email/password and social logins), JWT-secured routes, and a responsive design, enhancing restaurant operations and customer experience.

expressjs firebase framer-motion jwt momentjs mongodb nodejs react-lightbox reactjs tailwindcss tanstack-query

Last synced: 08 Feb 2025

https://github.com/badiniibrahim/book-shelf-app

Bookshelf App is a Next.js application that allows users to manage their bookshelves and view book details. It utilizes various technologies and libraries such as React, Next.js, TypeScript, Zod for validation, and Cypress for end-to-end testing.

clean-architecture cypress framer-motion jest-tests nextjs tailwindcss typescript zod

Last synced: 03 Jan 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/kjpar0317/nextjs15-rc-test

next15rc react19rc trpc test

framer-motion nextjs15 react15 shadcn-ui trpc

Last synced: 20 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/dev-nayanbiswas/unihostelclient

unihostel is for university students who want to get hustle free food for daily and monthly basis, Terms are simple buy any subscription packages for months and get all the benefits under the condition of subscription, Only logged in students and subscribed students can access whole website

axios expressjs firebase-auth framer-motion jwt-authentication mongodb netlify-deployment nodejs reacthookform reactjs stripe-payments tanstack-react-query vercel-deployment

Last synced: 08 Feb 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/sk-jabed/fundsphere-project-client

FundSphere is a modern crowdfunding platform where individuals and organizations can raise funds for various causes, ideas, or startups. This platform empowers users by providing a seamless interface to create, manage, and donate to campaigns while ensuring secure transactions and optimized performance.

axios eslint firebase framer-motion html5 jwt-authentication react-router reactjs sweetalert2 swiper tailwindcss toast-notifications vite

Last synced: 08 Feb 2025

https://github.com/salvatorebono/front-end-portfolio

Interactive 3D Portfolio Website with Next.js, Three.js & Tailwind CSS ⚡

ai-images emailjs framer-motion nextjs portfolio portfolio-website react-hook-form sonner tailwindcss threejs

Last synced: 08 Feb 2025

https://github.com/emekankwo/pwa_task_manager

This is a Full Stack PWA [Progressive Web Application] App for managing tasks. This is built with Next.js, TailwindCSS, Ant Design, Redux Toolkit, Framer Motion, Supabase, and MongoDB.

antd framer-motion full-stack mongodb mongoose nextjs14 pwa-app redux redux-toolkit supabase tailwindcss

Last synced: 01 Feb 2025

https://github.com/marquis4484/marquis-portfolio-resume

A web portfolio with a collection of my most recent software development projects.

css framer-motion html javascript react vite

Last synced: 23 Jan 2025

https://github.com/marashi/react-capstone-project

A sleek and responsive web application using React, Vite, and TailwindCSS

framer-motion reactjs tailwindcss

Last synced: 12 Jan 2025

https://github.com/0xsabdadev/react-amazon-ecommerce-app

Build amazon ecommerce app with React hooks, modern CSS, and framer motion

create-react-app framer-motion react react-hooks

Last synced: 10 Jan 2025

https://github.com/krishnagithub03/himrakshak-sih-1421

Avlanche Detection and Mitigation

framer-motion reactjs tailwindcss threejs

Last synced: 10 Jan 2025

https://github.com/nathandaven/portfolio-next

[deprecated] My portfolio and little home on the internet, now written in Next.JS and TypeScript. See below link for a snapshot.

contentful framer-motion nextjs react tailwind typescript

Last synced: 24 Jan 2025

https://github.com/nathandaven/portfolio-react

DEPRECATED -- check out https://www.github.com/nathandaven/portfolio-next

css framer-motion html javascript react tailwind

Last synced: 24 Jan 2025

https://github.com/santi1503/sgomez-portfolio

A professional portfolio showcasing skills, projects, and experience with a modern design. Includes intro, projects, skills, and work, using React for interactivity.

framer-motion reactjs tailwindcss vite

Last synced: 07 Feb 2025

https://github.com/epoll31/portfolio

This project showcases my work, skills, and experience as a software developer.

framer-motion nextjs portfolio tailwindcss typescript

Last synced: 07 Feb 2025

https://github.com/kessie2862/task-manager-frontend

This is a cutting-edge web application that redefines how users create and manage tasks. Designed with convenience and efficiency in mind.

axios framer-motion react-router-dom reatctjs scss tailwind

Last synced: 08 Feb 2025

https://github.com/sumanadithan/taskify

Taskify is a React and TypeScript task management app with drag-and-drop, smooth animations, and global state management using Context and Reducers. Styled with Tailwind CSS and powered by Vite, it offers a streamlined way to manage tasks.

context-api drag-and-drop framer-motion global-state-management modern-web-development react reducer tailwindcss task-management typescript uuid vite yarn

Last synced: 15 Feb 2025

https://github.com/hossainrafi/metablog

MetaBlog is a single page MERN applicaion whic is fully responsive for every type of devices. User can Read, Update and Post blog from this application

expressjs framer-motion javascript mongodb-database mongoose nodejs reactjs tailwind-css

Last synced: 03 Jan 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/thakiyudheen/chatboat-ai

This chat bot AI offers a sleek interface for human-AI interaction. It features a split-screen design with an avatar image and chat window. User messages appear in purple, AI responses in gray. The system supports real-time messaging, conversation history, and immediate responses. Built with React, it provides a polished, user-friendly experience f

ai framer-motion react reactjs tailwindcss tsx typescript vite

Last synced: 24 Jan 2025

https://github.com/thakiyudheen/learnup-elearning-frontend

LearnUp Frontend is the user-facing component of the LearnUp e-learning platform, built using React and styled with Tailwind CSS. This modern and responsive interface provides an intuitive and engaging experience for users, enabling seamless access to educational content and interactive features.

dais framer-motion gauth reactjs redux redux-toolkit tailwi

Last synced: 24 Jan 2025

https://github.com/pulkitgarg04/payzoid

PayZoid - Easy and Secure Payment Platform

express framer-motion mongodb node react

Last synced: 19 Jan 2025

https://github.com/prosany/nexttailwindcss-starter

Next.js TailwindCSS Starter. Next App Router, Redux Toolkit, RTK, Formik, TailwindCSS

app-router-nextjs axios formik framer-motion momentjs nextjs node-18 react-icons redux-toolkit rtk-query sass tailwindcss yup

Last synced: 19 Jan 2025

https://github.com/romijulianto/web-anime-list

Web Anime List with Server Action Next JS

anime framer-motion nextjs14

Last synced: 19 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/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

Framer Motion Awesome Lists
Framer Motion Categories