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/badhon252/portfolio-v3

Hi, I'm Khalid Hossain, a dedicated Frontend Engineer and Python Instructor based in Barishal, Bangladesh. My passion lies in crafting seamless, user-centric web applications using the latest technologies, including Next.js, TypeScript, and TailwindCSS. I'm committed to delivering innovative solutions that not only meet but exceed expectations.

conventional-commits eslint framer-motion git javascript nextjs typescript

Last synced: 12 Feb 2025

https://github.com/mosespace/wine-website

This Repository contains a client website for a Wine Store using NextJS/ React

component css framer-motion jsx-syntax library nextjs nodejs reactjs sass swiper

Last synced: 18 Jan 2025

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

Portafolio personal creado con React, Sass y Framer-Motion

framer-motion reactjs sass vite

Last synced: 28 Dec 2024

https://github.com/6km/tic-tac-toe

An awesome Tic Tac Toe game made with React.js and Framer Motion 🎮

framer-motion react react-game tic-tac-toe

Last synced: 26 Jan 2025

https://github.com/hernandosebastian/portfolio

This repository contains the source code for my personal portfolio website built with React, Material-UI, TypeIt and Framer Motion. It showcases my skills, projects, and experience in a visually appealing and user-friendly manner.

experience framer-motion front-end javascript material-ui portfolio projects react skills typeit

Last synced: 23 Dec 2024

https://github.com/rahul02m/-my-portfolio-using-react

This portfolio website was built using React.js and incorporates Sass for styling. It features animated transitions using Framer Motion and includes custom icons from React Icons. Also this website additionally depolyed in netlify.

animation framer-motion frontend portfolio-site portfolio-website react-portfolio reactjs sass-framework webdevelopment

Last synced: 11 Feb 2025

https://github.com/stefanciprian/framer-kit

Framer - React Components and Overrides

components framer framer-motion overrides react typescript

Last synced: 30 Jan 2025

https://github.com/antga/frontendmentor-submissions

This repository hosts the website that contains all of my submissions for Frontendmentor!

framer-motion frontend prettier react reactrouter tailwindcss vite

Last synced: 13 Oct 2024

https://github.com/itsdaiton/metaversus

Modern UI/UX metaverse website design made with React and Framer Motion.

animations framer-motion metaverse nextjs react tailwindcss ui-ux ui-ux-design website-template

Last synced: 11 Feb 2025

https://github.com/wahyus002/slide-skripsi

No clean code, no maintenance—just creating a slide presentation using code for fun.

framer-motion nextjs

Last synced: 22 Jan 2025

https://github.com/avinashreddy1315/coinwatch

CryptoWatch is a Chrome extension for tracking cryptocurrency prices and managing favorites. It includes real-time data from CoinGecko API, user authentication, and powerful historical data visualization features.

apexcharts chartjs coingecko-api css firebase firebaseauthentication firestore-database framer-motion javascript material-ui raectjs

Last synced: 26 Jan 2025

https://github.com/arnobt78/animevault-nextjs-webpage

Anime-Vault is a NextJS 14 Server Side App with Server Actions, Infinite Scroll, and Framer-Motion Animations, which displays the lists of all anime from Server Side API. This project aims to define, understand, separate, and implement Server Side Actions and Clint Side Actions in NextJS and deploy on Vercel.

anime anime-api anime-list client-side-rendering framer-motion infinite-scrolling nextjs nextjs14 nextjs14-typescript server-client-application server-side-api server-side-rendering tailwindcss typescript

Last synced: 22 Jan 2025

https://github.com/mddaniya1/portfolio

Build & Deploy Simple React JS Portfolio Website | React, Tailwind, Framer Motion Project

framer-motion html5 javascript reactjs tailwindcss

Last synced: 22 Jan 2025

https://github.com/susmita-dey/portfolio

Portfolio website v2 - Built with Next 14, Shadcn, Framer-Motion, Tailwind CSS and GSAP

framer-motion gsap headless-hashnode nextjs14 portfolio-website shadcn-ui tailwindcss

Last synced: 12 Oct 2024

https://github.com/truongtannghia/build-my-profile-nextjs

Create a Stunning Portfolio Website with Nextjs, Tailwind CSS and Framer-motion🌟

framer-motion nextjs tailwind-css

Last synced: 17 Nov 2024

https://github.com/petekgithub/yummy-yum

:green_salad: This site fetch the recipes and we can choose cuisine. After selection, we can see related recipe instructions and details.

async-await fetch-api framer-motion react-hooks react-router styled

Last synced: 01 Jan 2025

https://github.com/aakashdixit22/talx-frontend

An innovative web application that connects job posters and applicants, offering seamless job management, AI-driven resume analysis, career guidance, and up-to-date industry news. Built with React, Tailwind CSS, Node.js, MongoDB, and Flask, and hosted on Vercel for optimized performance. 🌟

ai-powered flask-ai framer-motion gemini-flash-ai javascript job-portal llama-3-1 nodejs react-markdown reactjs responsive-design resume-ai resume-analysis tailwindcss vercel-deployment vite-react

Last synced: 12 Feb 2025

https://github.com/fjrfathurrahman/personal-website

✨ Discover my work and journey through this personal website.

chakra-ui fjrfthrrhmn framer-motion netfliy personal-website portfolio-website reactjs typescript

Last synced: 14 Jan 2025

https://github.com/md-rejoyan-islam/quranul-karim

Quranul Karim web application allows users to read the Quran in multiple languages, providing an accessible platform for a diverse global audience. The application is built using modern web technologies to ensure a seamless and user-friendly experience.

framer-motion nextjs react tailwindcss typescript

Last synced: 31 Jan 2025

https://github.com/acharayap03/metaverse-clone

Metaverse clone is a next js app which utilizes the power of react and next 13. Framer motion, tailwind css are being used to give this ssr page mordern look and feel.

framer-motion nextjs react tailwindcss

Last synced: 18 Jan 2025

https://github.com/mdcodelab/feedback-react-app-server-side-storage

A CRUD web app built with React that allows users to interact with a database of feedbacks through a user-friendly interface. It uses json-server as a backend and allows users to create, read, update and delete feedbacks using an API. It also allows users to edit the feedbacks they submitted

crud css3 framer-motion javascript json-server react

Last synced: 30 Jan 2025

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/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/yashkathe/get-anime-sauce

Upload screenshots of anime scenes or image url to fetch the exact anime scene and its episode. Made with reactJS

anime anime-search-engine anime-searcher css framer-motion javascript jsx reactjs

Last synced: 25 Dec 2024

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/amr12338kh/rentcars

A sleek and responsive car rental landing page built with Next.js, TypeScript, and Tailwind CSS, featuring smooth animations powered by Framer Motion. This project demonstrates modern front-end development practices with a focus on clean design, reusable components, and optimal performance. Deployed on Vercel for a fast and seamless user experience

framer-motion nextjs shadcn-ui tailwindcss typescript vercel

Last synced: 30 Jan 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/ricopella/nike-trivia-react

Trivia Game created to practice with React Hooks and Farmer Motion

framer-motion nike react

Last synced: 19 Jan 2025

https://github.com/davidmariolc/webapplication-healthy-store

¡Realiza la compra de tu despensa semanal de manera digital! Tiendita te ayuda a protegerte de los contagios y no extrañar ninguno de los productos del supermercado en tu hogar.

context-api css-modules framer-motion nextjs react typescript

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

A personal webpage where I display all my projects and the technologies and tools I've used.

framer-motion github-pages react sass typescript

Last synced: 25 Jan 2025

https://github.com/muttakinhasib/firegram

Firegram Photo Gallery with React, Firebase & Framer Motion

firebase firegram framer-motion gallery-app react

Last synced: 24 Jan 2025

https://github.com/eugenepokalyuk/react-pet-store

Online store for pets. List of goods, shopping cart, payment form for goods, animations, map widget

framer-motion radix-ui react redux tailwind typescript vite

Last synced: 19 Jan 2025

https://github.com/quiddlee/graphiql-app

⚛️ GraphiQL — The Rolling Scopes School React | Final Task

code-mirror framer-motion graphiql-ide graphql material-design-3 material-web material-you react-router reactjs

Last synced: 12 Jan 2025

https://github.com/magimart/buy-pokemon

This app lets you buy a pokemon and deploy it to a Blockchain Network for others to search for that pokemon, one also recieves a fee whenener they find the pokemon they are looking for..

ethereum-blockchain expressjs framer-motion jwt nodejs pokemon-api reactjs redux redux-thunk smart-contracts solidity three-js truffle-framework web3js

Last synced: 11 Jan 2025

https://github.com/akashrajpurohit/pizzajoint

Framer Motion Practice App

framer-motion react

Last synced: 25 Dec 2024

https://github.com/handamin0130/career-page

React project for Han Damin's career description page.

daisyui framer-motion react scss tailwindcss vite

Last synced: 19 Jan 2025

https://github.com/fabianferno/healthify-dapp

A proof of concept for secure storage & management of healthcare records on a blockchain |🏆Won at Hack@WPI hackathon.

celo dapp framer-motion hackathon react solidity web3

Last synced: 25 Jan 2025

https://github.com/fabianferno/dumptabs

dumptabs™ - Phase your Tasks. A productivity app to prioritize to dos - based on the "brain dump" exercise.

bootstrap-ui brain-dump framer-motion harper-db material-ui productivity react-js supabase-auth web-app

Last synced: 25 Jan 2025

https://github.com/remcostoeten/productivity-panel

A panel which is a V2 of my all-in-one dashboard build in React 19, Next 15 utilizing Clerk, Drizzle, Turso, SQLite and many more.

authentication clerk crud drizzle-orm framer-motion nextjs15 react19 saas scss serveractions sqlite tailwind turso turso-db

Last synced: 26 Dec 2024

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/augustodevjs/portfolio

Portfólio Pessoal

css framer-motion hygraph nextjs

Last synced: 02 Jan 2025

https://github.com/ishaanmitl24/moviesite

This is my movie site made with the help of React.js and Redux.

css framer-motion html5 javascript mui-icons react-router reactjs redux-toolkit webdevelopment

Last synced: 07 Feb 2025

https://github.com/ktgcreative/queenstown-coders-connect

QT Coders (Queenstown Coders Connect) - A growing tech community bringing together developers, data scientists, and tech enthusiasts in Queenstown, New Zealand. Share knowledge, build connections, and grow together in New Zealand's most beautiful backdrop. 🏔️ 💻

framer-motion nextjs tailwindcss

Last synced: 21 Jan 2025

https://github.com/sepidsoroush/avatar-circles

Overlapping avatar circles that reveal info on hover

framer-motion react tailwindcss typescript ui-components vite

Last synced: 07 Feb 2025

https://github.com/muslehud77/talent-sphere

It's a contest website that enables users to participate in contests and win prizes.

axios firebase-auth framer-motion jwt-authentication mongodb nodejs react stripe tailwindcss tanstack-query

Last synced: 11 Jan 2025

https://github.com/jotap07/generic-portfolio

A generic portfolio built with React, Next.js, and Framer Motion

framer-motion nextjs

Last synced: 19 Jan 2025

https://github.com/barisbargun/portfolio1_client

A personal portfolio with information about you, work experience, projects and a contact area. Includes many motions, 3D models, dynamic cards, etc. supported by Framer-motion, Three.js and Aceternity.ui.

aceternity-ui framer-motion react shadcn-ui tailwindcss typescript vite

Last synced: 07 Feb 2025

https://github.com/devwithzain/menu-components

This repository contains the code for various navigation menu components projects developed by Zain Ali.

framer-motion nextjs reactjs tailwindcss typescript

Last synced: 12 Jan 2025

https://github.com/jairodoni/donecode

Donecode é um site portfólio feito para divulgar meus trabalhos, projetos e mostrar o que eu posso oferecer como serviço para quem me contratar.

eslint framer-motion next prettier prismic-cms radix-ui sass typescript

Last synced: 23 Jan 2025

https://github.com/hiagoisoppo/portfolio

Portfólio profissional, desenvolvido para expor minha evolução como desenvolvedor.

framer-motion json nextjs reactjs typescript

Last synced: 11 Jan 2025

https://github.com/devwithzain/ipdc-finance-landing-page

INFD Finance Landing page created with Next JS, Tailwind CSS, TypeScript, Framer Motion and Gsap

framer-motion gsap nextjs tailwindcss tyepscript

Last synced: 12 Jan 2025

https://github.com/meltjactechs/awwwards

A step-by-step course(that I took) teaching you how to build an award-winning animated website that became an Awwwards Site Of The Month.

framer-motion gsap reactjs

Last synced: 24 Jan 2025

https://github.com/yogesh2104/shapex-ui

Boost your web application's performance with reusable blocks built on shadcn/ui, Framer Motion, designed for efficiency and scalability.

framer-motion nextjs shadcn-ui

Last synced: 02 Jan 2025

https://github.com/crist-pereyra/rent-wheels

Welcome to Rent Wheels, your go-to solution for renting cars with ease and efficiency! This platform provides a seamless experience for customers looking to book vehicles, as well as a robust admin dashboard to manage listings.

framer-motion nextjs14 prisma tailwindcss zustand

Last synced: 04 Jan 2025

https://github.com/sammy212/portfolio

Senior MERN Stack developer portfolio | Built on Next, Tailwind and Framer Motion

framer-motion nextjs14 shadcn-ui tailwind

Last synced: 26 Dec 2024

https://github.com/aniruddhaadak80/lingolens

LingoLens is a powerful audio and video transcription platform that leverages cutting-edge AI technology to transform your media into actionable insights.

assemblyai framer-motion gemini nextjs nextjs14 tailwindcss typescript

Last synced: 24 Jan 2025

https://github.com/beastaman/project_music_player

A basic Spotify Clone App build using React.js. With a modern homepage, fully-fledged music player, search, lyrics, song exploration features, search, popular music around you, worldwide top charts, and much more, this is the best music application

framer-motion javascript nextjs react-hooks react-native reactjs spotify spotifyclone threejs vite

Last synced: 03 Jan 2025

https://github.com/hafizn07/feather-board

A lightweight, visually engaging Kanban board application built using Framer Motion, Next.js 14, Shadcn, and Tailwind CSS. This project was developed for learning purposes, focusing on creating a sleek and responsive task management tool.

framer-motion kanban-board nextjs shadcn-ui tailwindcss

Last synced: 18 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/coderx0319/my-portfolio-main

Built with React & Next.js, TypeScript, Tailwind CSS, Framer Motion, React Email & Resend, Vercel hosting.

framer-motion hosting node-js portfolio-website reactjs tailwindcss typescript vercel-deployment

Last synced: 26 Dec 2024

https://github.com/disin8/craft-ui

UI components you can copy and paste into your apps.

components framer-motion nextjs react shadcn-ui tailwindcss typescript

Last synced: 24 Jan 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/muhammadasif-wd/muhammadasif

🚀 My personal portfolio showcasing my work as a Full Stack Developer.

framer-motion muhammadasif-wd nextjs portfolio portfoliowebsite

Last synced: 11 Jan 2025

https://github.com/zahirhaniche-dev/nextjs-space

In this NextJS project, you’ll use JavaScript to create a space tourism multi-page website using NextJS, React, TailwindCSS, and Framer Motion.

css framer-motion html javascript nextjs react router tailwindcss

Last synced: 10 Jan 2025

https://github.com/abhijitnr/burger-hub-mern

This is the BURGER-HUB website, an online store for different types of burgers. It is designed using the MERN stack. For the frontend, I used HTML5, CSS3, JavaScript, ReactJS, Redux, and some other NPM libraries. For the backend, I used Node.js, Express.js, MongoDB, mongoose, passport, etc. You can visit the link below to check the code 👇👇👇

chartjs cookie-parser css3 expressjs framer-motion html5 jvascript mongodb-atlas nodejs passportjs razorpay reactjs redux sass

Last synced: 24 Jan 2025

https://github.com/tolikhalas/portfolio-v2

Next.js modern Portfolio website with framer motion & aceternity ui

aceternity-ui framer-motion lerna monorepo nextjs typescript

Last synced: 18 Jan 2025

https://github.com/irvanmalik48/react-redux-ts-todolist

A todolist app made with React, Redux, and TypeScript

framer-motion react redux tailwindcss typescript

Last synced: 12 Jan 2025

https://github.com/ivansarabeev/vanlife

Welcome to VanLife, your go-to platform for renting vans and exploring the open road. This React-based website offers a seamless experience for both renters and hosts. Users can navigate through the Home, About, Vans, and Host sections. The authentication process ensures a secure environment, unlocking features like Dashboard, Reviews, Income, Vans

cloudinary framer-motion git lodash miragejs react-router-dom reactjs tailwindcss typescript vercel

Last synced: 10 Jan 2025

Framer Motion Awesome Lists
Framer Motion Categories