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/zeynallizeynal/everest-ui

Animated, easy to use, fully customizable React UI components

component framer-motion geist geist-ui radix-ui react reusable-components shadcn-ui ui vercel

Last synced: 01 Feb 2025

https://github.com/alirezanaghdi47/sale-frontend

A retail store app for communication between sellers and buyers.

framer-motion next-auth next-js react-query tailwindcss typescript

Last synced: 27 Dec 2024

https://github.com/envoy-vc/ecell-website-old

Official website for E-Cell NIT Agartala

framer-motion gsap nextjs tailwindcss

Last synced: 23 Jan 2025

https://github.com/axyl1410/task-springboot-vite

Implements a basic task manager application using Spring Boot for the backend and Vite for the frontend. The frontend is developed with React and TypeScript. The project includes a user manual for setting up the database and login credentials.

framer-motion java spring-boot tailwind typescript vite

Last synced: 30 Jan 2025

https://github.com/ameya-6964/artvert-advertisement-website-frontend

Artvert is an Indian Startup made By Talented Young Entrepreneurs Which Will Help You Build and Develop Your Brand

animation framer-motion reactjs responsive-web-design styled-components ui-design

Last synced: 21 Jan 2025

https://github.com/milaziabchenko/full-stack-task-tracker

Nifty task tracker created with MongoDB Atlas, Mongoose, Express, Node, React using Hooks, Reducer & Context, React Router v6, framer-motion animations, and my elegant design ๐Ÿ’™๐Ÿ’›

context-api css error-handling express-js framer-motion full-stack mern-stack middleware modular-architecture mongodb-atlas mongoose node-js odm prop-types proxy react-js react-router-v6 rest-api ui-design vite

Last synced: 09 Jan 2025

https://github.com/milaziabchenko/github-repo-issues-viewer

GitHub repo issues viewer app implemented as a Kanban board with drag-n-drop functionality using React, Redux Toolkit, TypeScript, Zod, Axios, Vite, Framer Motion & Chakra UI ๐Ÿ’š

axios chakra-ui drag-and-drop framer-motion react redux-toolkit typescript vite zod

Last synced: 09 Jan 2025

https://github.com/luuuppi/quickchange

๐Ÿ’ฑ QuickChange - simple currency converter

currency-convertor framer-motion react scss typescript vite

Last synced: 29 Jan 2025

https://github.com/laplacexd/zephyr-chat

A side project that uses ReactJS, firebase, framer-motion and styled-components. This basically just serves as a practice for me.

firebase firebase-auth firebasefirestore framer-motion javascript reactjs styled-components

Last synced: 26 Jan 2025

https://github.com/rahul02m/react--ochi-clone

โ€œI crafted a single-page website using React JS (React & Vite) ,Tailwind CSS, Locomotive-scroll, and Framer-motion .

clone-website framer-motion front-end-development locomotive-scroll react-developer reactjs tailwindcss vite

Last synced: 09 Jan 2025

https://github.com/henriteinturier/meetdev-front

Projet de fin de formation. Partie front de MeetDev

axios-react framer-motion javascript react-redux react-router-dom react-scss reactjs

Last synced: 29 Jan 2025

https://github.com/notties/next13-tailwindcss-learning

Learning Next13, TailwindCSS, Framer-motion

framer-motion nextjs tailwindcss typescript

Last synced: 05 Feb 2025

https://github.com/rusiththarindu/animeverse

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

framer-motion nextjs serveractions

Last synced: 23 Jan 2025

https://github.com/ronaldprofile/social-medias

Desafio discover da @Rocketseat.

clsx framer-motion nextjs tailwindcss typescript

Last synced: 31 Dec 2024

https://github.com/guhandelta/next13-tailwind-portfolio

Personal Portfolio website using NextJS 13.4, Framer Motion and TailwindCSS

framer-motion nextjs reactjs tailwindcss

Last synced: 29 Jan 2025

https://github.com/woldreamz/product-list

This project is a responsive and dynamic product listing application built with Next.js. It features fetching product data from an API, sorting, searching, and displaying the products in an interactive and visually appealing way. The application showcases creativity and attention to detail through its design and functionality.

axios framer-motion nextjs tailwindcss

Last synced: 21 Jan 2025

https://github.com/awkward-py/next.js-portfolio

This repository is a Next.js and Tailwind CSS-powered personal portfolio. Showcase your skills and projects with a responsive and customizable design.

framer-motion framework next-js nextjs portfolio portfolio-website react tailwindcss

Last synced: 31 Dec 2024

https://github.com/abubokkor98/career-compass

Career Compass: A platform offering career counseling and guidance with features like personalized advice, resources, and expert consultations. Built as part of my Programming Hero course assignment.

authentication firebase-auth framer-motion react-awesome-reveal react-helmet-async reactjs tailwindcss

Last synced: 16 Jan 2025

https://github.com/atishaytuli07/framermotion

React Motion Components, A personal collection of reusable, beautifully animated UI components crafted with Framer Motion. Simple, smooth, fully customizable, and ready to make your React projects Fly! ๐Ÿš€

animated-components animation atishaytuli atishaytuli07 creative frame framer-motion framermotion motion react react-motion

Last synced: 16 Jan 2025

https://github.com/vijaysingh1621/swachhkarma

SwachhKarma: AI-Powered Community Waste Management Platform ๐ŸŒโ™ป๏ธ , that empowers communities to report, verify, and collect waste efficiently while earning rewards. Built with modern web technologies and powered by Google Gemini AI, SwachhKarma aims to promote environmental responsibility through gamified incentives and collaborative action.

clerk-webhooks drizzle-orm framer-motion gemini-api google-maps-api nextjs14 postresql radix-ui shadcn-ui tailwind-css typescript

Last synced: 16 Jan 2025

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

my brand new personal portfolio

firebase framer-motion nextjs reactjs tailwind

Last synced: 21 Jan 2025

https://github.com/anshpg/papers

This project is a feature-rich note-taking and file-uploading web application built with React, Tailwind CSS, and Framer motion. The goal of this project is to provide users with a seamless and visually appealing experience for managing their notes and files.

framer-motion react tailwind-css

Last synced: 21 Jan 2025

https://github.com/shankhadweep/3d_portfolio_website

Welcome to my personal 3D portfolio website! By combining cutting-edge technologies such as React.js, Tailwind CSS, and Three.js, along with captivating 3D models, I've created an immersive experience that highlights my creativity and expertise.

3dmodel emailjs framer-motion reactjs three-js

Last synced: 19 Jan 2025

https://github.com/tohsaka888/motion-effects

some animation effects built with framer-motion support react.

framer-motion nextjs react

Last synced: 29 Jan 2025

https://github.com/ragab0/lms-web-based-system

Learning Management System | our final project for the DEPI scholarship

bootstrap css3 es6 expressjs framer-motion html5 javascript json jwt nodejs reactjs redux-toolkit socket-io

Last synced: 29 Jan 2025

https://github.com/andrade-tiago/mks.front-end.challenge

Um pequeno sistema de e-commerce com uma pรกgina Home de produtos e um carrinho

commit-conventions framer-motion react react-query styled-components tailwind typescript zustand

Last synced: 09 Jan 2025

https://github.com/amankushwaha577/metadimension

REACT + NEXT.js + FRAMER-MOTION + JAVASCRIPT + TYPESCRIPT + HTML + CSS

framer-motion html-css-javascript javascript nextjs reactjs typescript

Last synced: 20 Jan 2025

https://github.com/ricci2511/fake-e-commerce

Beautiful E-Commerce web app built with React and Tailwind

firebase framer-motion react tailwindcss

Last synced: 29 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/axyl1410/movies-java-spring

Demo project for creating a simple movie page using Java Spring Boot and MongoDB. It features a frontend built with React, TypeScript, and Vite, and a backend using Java with Spring Boot. The project is configured to connect to a MongoDB database for data persistence.

framer-motion java typescript vite

Last synced: 30 Jan 2025

https://github.com/sanjaraiy/crypto_wepsite

This repository showcases a Crypto Website built with HTML, React, and styled-components. Dive into the world of cryptocurrencies with a sleek and responsive web experience! ๐Ÿš€๐Ÿ–ฅ๏ธ

chakra-ui css3 eslint flexbox-css framer-motion html5 javascript reactjs styled-components vitejs

Last synced: 05 Jan 2025

https://github.com/dastan64/technodom-test-task

ะขะตัั‚ะพะฒะพะต ะทะฐะดะฐะฝะธะต ะฝะฐ ะฟะพะทะธั†ะธัŽ Junior Frontend-ั€ะฐะทั€ะฐะฑะพั‚ั‡ะธะบะฐ

eslint framer-motion prettier react redux-toolkit scss-modules stylelint typescript vite

Last synced: 05 Feb 2025

https://github.com/parag000/portfolio-web-app

A sleek and responsive portfolio website built with React & Vite, designed to showcase my Data Science projects and technical expertise. Featuring smooth animations, fast performance, and a modern UI. ๐Ÿš€ Deployed on Vercel.

framer-motion react react-three-fiber tailwind-css vercel vite

Last synced: 29 Jan 2025

https://github.com/ahmed-maher77/animated-pizza-builder___using-react-and-framer-motion

A dynamic and interactive web application that allows users to customize and create their own pizzas. The app features smooth animations and an engaging user experience to make the customization process intuitive and enjoyable.

framer-motion react-router-dom reactjs

Last synced: 29 Jan 2025

https://github.com/fulldream/top-app

ะšะพะฝั‚ะตะฝั‚ะฝั‹ะน ัะฐะนั‚ ะฟะพ ะปัƒั‡ัˆะธะผ ะบัƒั€ัะฐะผ ะฝะฐ Next.js

framer-motion nextjs react react-hook-form

Last synced: 23 Jan 2025

https://github.com/ashishkapoor/spinner

Animated Spinner with multiple paths in SVG

flubber framer-motion reactjs spinner

Last synced: 23 Jan 2025

https://github.com/gaurav26singh/personal-portfolio

This is my official portfolio webpage to showcase my skills, projects, work experiences and academic excellence.

css3 framer-motion html5 javasc reactjs responsive-design

Last synced: 09 Jan 2025

https://github.com/yassersaidi/metaverse

"Metaversus" is a cutting-edge design that showcases my skills in frontend development. The design features a dynamic interface that is both user-friendly and visually stunning. I put a lot of effort into ensuring that the design is responsive across all devices.

framer-motion metaverse nextjs react tailwindcss

Last synced: 19 Jan 2025

https://github.com/applefrittr/discognito-app

Discognito Client side app. Discognito is a Discord Bot that forwards messages posted in Discord server text channels to this client side app. This app uses React to stream messages in a user friendly format, akin to Discord's interface.

framer-motion html-css-javascript react socket-io

Last synced: 29 Jan 2025

https://github.com/applefrittr/wheres-waldo

Photo tagging game in the spirit of Where's Waldo. Pokefind tasks the playing to locate three random Pokemon in the image. Find all three as fast as you can to get on the global leaderboard!

firebase framer-motion react react-router

Last synced: 29 Jan 2025

https://github.com/nksaraf/magic-components

๐Ÿง™โœจMagically style and animate your React app using just props (powered by framer-motion, styled-system and goober)

animation css-in-js framer-motion magic react styled-system

Last synced: 01 Feb 2025

https://github.com/pronoia9/dall-elyse

Discover the extraordinary capabilities of DALL-E with DALL-Elyse, a full-stack MERN AI Image Generation App. Witness the fusion of art and technology as this showcase gallery presents awe-inspiring images generated by DALL-E. Explore the boundless possibilities of AI creativity.

cloudinary cors dotenv expressjs file-saver framer-motion fullstack mern-stack mongoose nodemon openai photoswipe react react-router-dom react-three-drei react-three-fiber shaders styled-components vitejs zustand

Last synced: 24 Jan 2025

https://github.com/windragon0807/movieflix

๐Ÿ’ป ์ตœ์‹  ์˜ํ™” ์ •๋ณด๋ฅผ ์ œ๊ณตํ•˜๋Š” ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์œผ๋กœ, ๋„ทํ”Œ๋ฆญ์Šค์˜ ๋ฉ”์ธ ํŽ˜์ด์ง€๋ฅผ ๋ชจ๋ธ๋กœ ๊ฐœ๋ฐœํ•˜์˜€์Šต๋‹ˆ๋‹ค.

framer-motion react react-hook-form recoil styled-components typescript

Last synced: 19 Jan 2025

https://github.com/aditeyas/my-room

Just created this to play with svg and Framer Motion.

framer-motion react svg-animations tailwindcss typescript

Last synced: 29 Jan 2025

https://github.com/calebbenjin/frontendinit

Join a fast-growing community built for frontend developers to learn, build and connect. We know it is time to grow in your career, and FrontendInit is here to ace it.

eslint framer-motion nextjs prettier react tailwindcss typescript

Last synced: 26 Jan 2025

https://github.com/mauricioromagnollo/dashgo

An Dashboard developed using Next.js, TypeScript, Chakra UI, Framer Motion, Emotion, React Icons and ApexCharts.

apexcharts chakra-ui emotion framer-motion nextjs typescript

Last synced: 02 Feb 2025

https://github.com/mohd-tahzeeb-khan/sticky-notes-using-react

A small, Basic Project on React(an javascript Library). This project is for Practice a small part of knowledge on react. This Project only Contains Frontend Design

framer-motion javacript javascript javascript-library npm-package react-icons reactjs tailwindcss

Last synced: 05 Feb 2025

https://github.com/alessandroryo/alessandroryo.github.io

A personal portfolio website showcasing my projects, skills, and experiences. Built with React.js, Tailwind CSS, and Framer Motion to provide a modern and interactive user experience. Visit alessandroryo.com to learn more.

developer-portfolio framer-motion frontend javascript personal-website portfolio-website reactjs responsive-design tailwindcss web-development

Last synced: 22 Dec 2024

https://github.com/thiagolino8/preact_to_do

A todo app made with Preact

framer-motion preact react reactjs tailwind

Last synced: 23 Jan 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: 15 Dec 2024

https://github.com/abdulvahabaa/modern-portfolio

This is portfolio ui project using nextjs and framer motion

aceternity-ui framer-motion nextjs shadcn-ui

Last synced: 21 Nov 2024

https://github.com/aishbetu/aishdev.io

Personal portfolio website built with Next.js, showcasing my projects, skills, and experience. Optimized for performance, SEO, and responsive design.

framer-motion nextjs portfolio seo-optimization server-side-rendering typescript

Last synced: 21 Nov 2024

https://github.com/andemosa/mobile-navigation

A sample NextJs application, demonstrating how to build a dynamic nested mobile navigation menu.

framer-motion nextjs shadcn-ui tailwindcss

Last synced: 21 Nov 2024

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

A landing page for a SaaS startup created with Next JS

ai framer-motion landing-page nextjs saas tailwindcss typescript

Last synced: 21 Nov 2024

https://github.com/pushpankdhruw/saas-website-dark-landing-page

๐ŸŒšWelcome to the Dark SaaS Landing Page This project is designed to help you quickly set up a sleek, dark-themed landing page for your SaaS product.

framer-motion nextjs14 tailwind

Last synced: 21 Nov 2024

https://github.com/akdevv/yt-sum

A powerful tool that leverages Google Gemini AI to provide concise summaries of YouTube videos.

framer-motion gemini-api reactjs summarizer-ai

Last synced: 21 Nov 2024

https://github.com/stefanelli990/nail-design-ljiljana-medovic

Nail Design is a multi-page website dedicated to highlighting admirable nail art and designs created by the skilled nail technician, Ljiljana Medoviฤ‡.

beauty-salon framer-motion nail-salon reactjs responsive-web-design tailwindcss vite web-design

Last synced: 21 Nov 2024

https://github.com/jungyoonlim/gallery

gallery portfolio website

framer-motion react typescript

Last synced: 21 Nov 2024

https://github.com/mr-rafiqul-islam/portfolio-using-nextjs

This is a my Portfolio Website which is created by using NEXTJS. Its Fully Responsive..

framer-motion nextjs react react-countup swiper-js tailwind

Last synced: 21 Nov 2024

https://github.com/gokul-vr/portfolio

Personal portfolio built using framer-motion , react js etc

framer-motion framermotion portfolio-website reactjs tailwindcss vitejs

Last synced: 19 Dec 2024

https://github.com/nata-kostina/chat-window

This is a simple SPA that displays a chat window. The user can send the message. The app simulates someone else's messages every 8 seconds.

context-api framer-motion react sass typescript

Last synced: 05 Feb 2025

https://github.com/nata-kostina/animated-landing-page-pizzeria

This is the main page of the pizzeria "Don Peppe" animated with Framer Motion.

framer-motion react typescript

Last synced: 05 Feb 2025

https://github.com/francislagares/francis-portfolio

This is the first version release of my portfolio.

framer-motion portfolio-website reactjs styled-components typescript

Last synced: 29 Jan 2025

https://github.com/cedric-renais/portfoliov2

Mon portfolio (en construction)

framer-motion react react-icons sanity

Last synced: 29 Jan 2025

https://github.com/jeffrey125/framer-reorder-bug

Framer reorder animation bug

framer-motion

Last synced: 29 Jan 2025

https://github.com/jeffrey125/framer-practice

A React app that has framer animation

framer-motion react

Last synced: 29 Jan 2025

https://github.com/bfukumori/worldtrip

Worldtrip: desafio 06 do mรณdulo de ReactJS do Ignite da Rocketseat

chakra-ui framer-motion ignite-rocketseat nextjs reactjs swiper

Last synced: 25 Nov 2024

https://github.com/diegoreports/bike-tailwindcss

Project in Reactjs, developed as an object of study in a Tailwindcss class. It aims to explore the resources of utility classes, as well as gain greater knowledge in customizing properties and themes.

bicicleta biker css framer-motion javascript javascript-mastery landing-page landing-page-bicicleta landing-page-biker mobile postcss reactjs responsive-design tailwindcss vite

Last synced: 02 Feb 2025

https://github.com/shreyasganesh911/portfolio-2.0

My personal portfolio website to showcase my skills

framer-motion react tailwindcss

Last synced: 29 Jan 2025

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

Hi! I'm a freelance full-stack developer who builds web applications and a self-taught Android developer focused on Kotlin. Currently working as a backend developer , developing server-side applications.

animations framer-motion framermotion nextjs nextjs14 portfolio tailwindcss

Last synced: 22 Jan 2025

https://github.com/rxrow/es-portfolio

my Portfolio Website

framer-motion nextjs react sass telwind

Last synced: 22 Jan 2025

https://github.com/lil-bee/modern-ai-landing-page

Modern & Interactive AI landing Page using Nextjs, Framer Motion, & Tailwind

framer-motion nextjs14 tailwind

Last synced: 21 Nov 2024

Framer Motion Awesome Lists
Framer Motion Categories