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

Portfolio site - shhiivvaam💫

framer-motion nextjs particles-js preloader tailwindcss

Last synced: 31 Jan 2025

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/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/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/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/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/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/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/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/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/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/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/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/lara-global/payment-gateway

Our Unified Payment Gateway and SaaS Management Platform is a comprehensive solution designed to streamline payment processing and manage all SaaS requirements efficiently. This platform integrates multiple payment gateways, providing a seamless transaction experience for users. Additionally, it offers robust tools for subscription management

ai framer-motion nodejs open-source python sass shadcn-ui typescript

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

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/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/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/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/ivansarabeev/react-portfolio

Within this portfolio I'm showcasing my recent projects, information about me, my coding journey & experience.

framer-motion git javascript portfolio react-router reactjs 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/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/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/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/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/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/soummyaanon/my-portfolio2

This Is my 2nd portfolio website Madeup of By NEXT.JS, Framer Motion ,And Tailwind CSS

framer-motion nextjs14 portfolio portfolio-website tailwindcss

Last synced: 11 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/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/emersoncarneirodasilva/portfolio-next

Portfófio construído com Next.JS, TypeScript, Tailwind CSS e Framer Motion.

framer-motion nextjs portfolio tailwind-css typescript

Last synced: 18 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/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/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/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/victor823543/hotel-website

A hotel website made with React

css framer-motion react typescript

Last synced: 31 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/usmansbk/saas-landing-example-dark

NextJS landing page example

framer-motion nextjs tailwindcss

Last synced: 12 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/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/ivan-corporation/ws-test-landing

test landing page (static and animated version) for WS

framer-motion react styled-components typescript

Last synced: 19 Jan 2025

https://github.com/mirayatech/bogetta

A full-stack e-commerce site focused on sunglasses 😎

ecommerce framer-motion fullstack nextjs postgresql prisma react stripe sunglasses tailwindcss typescript ui ux zustand

Last synced: 19 Jan 2025

https://github.com/mirayatech/v3-portfolio

Third version of my personal website 🌐

darkmode framer-motion lightmode protfolio react vite

Last synced: 19 Jan 2025

https://github.com/vijaysingh1621/acerternity-ui-demo

This repository showcases the integration and usage of Acertinity UI components within a Next.js application. It serves as a demonstration for incorporating these components into future projects, providing a practical example of their implementation and functionality.

framer-motion nextjs14 typescript

Last synced: 24 Jan 2025

https://github.com/chanmeng666/english-redefine

【Star light, star bright, make our repo shine tonight! ⭐️】Modern redefinition of English words from a contemporary perspective, powered by Google's Gemini AI.

education english-learning framer-motion gemini-ai nextjs react shadcnui svgexport tailwindcss typescript

Last synced: 19 Jan 2025

https://github.com/wallisonmoura/portfolio

Creation of portfolio landing page using Nextjs

framer-motion nextjs react-scroll tailwindcss

Last synced: 19 Jan 2025

https://github.com/annaindistress/frontend-mentor-coffeeroasters-subscription

This is a solution to the coffeeroasters subscription site challenge on Frontend Mentor

css-custom-properties framer-motion github-actions react react-router redux-toolkit styled-components vite

Last synced: 24 Jan 2025

https://github.com/mrigankdoshy/personal-website-v2

Version 2 of my personal portfolio website, built using Next.js and hosted with Vercel

framer-motion motion nextjs react tailwindcss vercel

Last synced: 19 Jan 2025

https://github.com/ycatuser1857235/pokedex-webapp

A modern, interactive Pokédex web application built with Next.js, TypeScript, and Framer Motion. Features real-time search, authentic Pokédex design, and comprehensive Pokémon information. For mobile users: View in "Desktop site" mode for the best experience! 🔴 ⚡

animation apollo-client fetch-api flatiron framer-motion ionic4 nodejs pokeapi pokemon-go react-web-development redux responsive-design typescript webapp

Last synced: 19 Jan 2025

https://github.com/rayeesrather99/seo-content-gen-bot

SEO Content Generator is a full-stack web application powered by AI that helps create SEO-optimized and engaging content based on user input. Built with React and Node.js, it integrates Gemini API for content generation and Framer Motion for smooth UI animations. The app simplifies content creation while ensuring it resonates with target audien

api asynchronous-programming cors express framer-motion gemini nodejs reactjs render seo

Last synced: 19 Jan 2025

https://github.com/mydeli-cybrog1/framesequenceanimation

Scrolling Web Image / Frame Sequence Animation by Sheriyans. build using HTML5 Canvas, GSAP, and ScrollTrigger.

framer framer-motion gsap gsap-animation gsap-scrolltrigger html5-canvas scrolling-animation sheriyans sheriyanscodingschool

Last synced: 19 Jan 2025

https://github.com/rithb898/crypto-price-tracker

A cryptocurrency tracking app built with React that shows real-time prices, market trends. It includes dark/light themes, advanced search, a watchlist, trending coins, and detailed charts.

context-api framer-motion html javascript react-router reactjs shadcn-ui tailwindcss

Last synced: 19 Jan 2025

https://github.com/atishaytuli07/framesequenceanimation

Scrolling Web Image / Frame Sequence Animation by Sheriyans. build using HTML5 Canvas, GSAP, and ScrollTrigger.

framer framer-motion gsap gsap-animation gsap-scrolltrigger html5 html5-canvas scrolling-animation sheriyans sheriyanscodingschool

Last synced: 19 Jan 2025

https://github.com/konyogony/nutrivibe

Possibility of a sustainable future starts with food

eco-friendly framer-motion nextjs15 protein protein-bar shadcn-ui typescript

Last synced: 19 Jan 2025

https://github.com/olgaprikhodko/evento

find events study project with next.js

framer-motion nextjs prisma radix-ui tailwindcss typescript zod

Last synced: 19 Jan 2025

https://github.com/olgaprikhodko/portfolio-website

Portfolio website, built with React & Next.js (App Router and Server Actions), TypeScript, Tailwind CSS, Framer Motion, React Email and Resend

app-router-nextjs framer-motion nextjs react react-email resend-email server-actions tailwindcss typescript

Last synced: 19 Jan 2025

https://github.com/ribtas007/todo

your go-to todo app for conquering your day!

css framer-motion html javascript react reactrouter6 redux-toolkit

Last synced: 24 Jan 2025

https://github.com/takuma-ru/takuma-ru-react-template

Template projects with various modules pre-installed for comfortable and efficient development in Next.js

framer-motion jotai nextjs react storybook styled-components unplugin-auto-import

Last synced: 31 Jan 2025

Framer Motion Awesome Lists
Framer Motion Categories