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/audrbar/portfolio-frontend

A Frontend of Full Stack Project Portfolio App build on React

css3 framer-motion reactjs sanity scss

Last synced: 06 Jan 2025

https://github.com/lucianoadamczuk/go-to-egypt

The original design has been copied from Dribbble. The author's name is Achraf Elkaami, and the project is called GOTOEGYPT. The animations, the idea of including sounds and the sky with stars are mine

css design egypt framer-motion frontend photoshop react

Last synced: 05 Jan 2025

https://github.com/alizul01/bromo-sunrise-vinny

🌄 Dedicated to capturing the essence of Bromo's sunrise

framer-motion nextjs13 react tailwindcss travel-website uiux web-development

Last synced: 10 Feb 2025

https://github.com/dreyydk/saas-lp-template

A complete template developed in Next.js/TailwindCSS to speed up the development of landing pages for SaaS products and companies.

framer-motion nextjs react tailwindcss

Last synced: 05 Feb 2025

https://github.com/imharshag/galactic-portfolio

This repository showcases my contributions to improving the responsiveness of the original portfolio project. Feel free to explore the code and see the changes made!

framer-motion nextjs portfolio tailwindcss

Last synced: 17 Nov 2024

https://github.com/sandhish/portfolio

Portfolio website

framer-motion reactjs tailwindcss

Last synced: 28 Jan 2025

https://github.com/tlapanco/portfolio

Personal portfolio made with React + Framer Motion + Tailwind CSS

css framer-motion html reactjs tailwindcss

Last synced: 28 Jan 2025

https://github.com/incihuseynli/landingpage

This is an architecture company landing page written with React JS and Tailwind CSS

css3 framer-motion front-end-development frontend html5 javascript react-router reactjs responsive-web-design tailwindcss

Last synced: 05 Feb 2025

https://github.com/hendraaagil/pizza-joint

Learn framer motion in react

framer-motion react

Last synced: 13 Feb 2025

https://github.com/rejaulkariim/homefix

🏡 Your central hub for home repairs and improvements. Collaborate, access resources, and streamline your DIY projects with HomeFix.

framer-motion nextjs shadcn-ui tailwindcss

Last synced: 29 Jan 2025

https://github.com/megh2005/pokedex

Pokedex to get information of pokemons

framer-motion nextjs pokedex pokemon

Last synced: 26 Jan 2025

https://github.com/swimshahriar/capture

Portfolio site for photography and videography company.

framer-motion react react-router-dom styled-components

Last synced: 13 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/giomjds/personal-portfolio

Personal portfolio for future usage

aos emailjs framer-motion react scss typescript vite

Last synced: 05 Feb 2025

https://github.com/kemi-oluwadahunsi/my-portfolio-react

This is my brand portfolio (KodeMaven). It showcases about me, my projects, services I render, contact information with form configuration.

animation-css css emailjs framer-motion html5 javascript react sass

Last synced: 04 Jan 2025

https://github.com/valfonsoardila/dijkmap-net

Aplicacion web con algoritmo de Dijkstra basado en cadenas de suministros. Hecha en React js

framer-motion leaflet leaflet-routing-machine react-native reactjs

Last synced: 28 Jan 2025

https://github.com/prthub/portfolio

This is the first portfolio that I made using React, Framer-motion

css framer-motion react sanity

Last synced: 29 Dec 2024

https://github.com/mmansy19/todo-app

You can use any tools you like to help you complete the challenge. So if you've got something you'd like to practice, feel free to give it a go.

animation framer-motion reactjs tailwindcss vite

Last synced: 15 Jan 2025

https://github.com/geeekgod/movie_app

A Movie app developed in Next Js with Typescript, TailwindCSS, Framer Motion using IMDB Restful apis.

animations css framer-motion imdb movies nextjs react tailwind-css tailwindcss typescript

Last synced: 02 Feb 2025

https://github.com/aviralj02/portfolio

🌟 My portfolio website using Next.js, Typescript, Sanity CMS, Tailwind and Framer Motion.

framer-motion nextjs portfolio portfolio-website sanity-io tailwindcss typescript

Last synced: 03 Feb 2025

https://github.com/abduldevhub/3d-portfolio-website

This repository contains the code for my personal 3D portfolio website. The website showcases my projects, skills, and experiences.

3d css framer-motion html javascript material-ui react tailwindcss threejs vite

Last synced: 28 Jan 2025

https://github.com/krzysztof-wojtowicz/dronecone-website

A modern and responsive website for DroneCone, built with the Next.js framework 🚁

framer-motion nextjs resend tailwindcss typescript

Last synced: 10 Feb 2025

https://github.com/HakkaOfDev/flonoa-homepage

Official website for Florine Leroy

chakaraui framer-motion graphics graphisme next vercel

Last synced: 23 Oct 2024

https://github.com/faridvatani/darkchain

Darkchain is a modern, dark-themed website template built with Next.js, TypeScript, TailwindCSS and Framer Motion.

blockchain framer-motion framermotion landing-page mdx nextjs nextjs14 react tailwindcss typescript

Last synced: 09 Jan 2025

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

This is my personal portfolio website. Do give it a visit!

framer-motion portfolio-website react-three-fiber reactjs tailwindcss threejs

Last synced: 21 Jan 2025

https://github.com/muntasir-fahii/cordemy

Cordemy: An E-learning platform for diverse courses, effortless payments via Stripe, and secure user authentication with Next-Auth. Explore, learn, and contribute to our open-source project!

framer-motion mogodb nextauth nextjs prsima tailwindcss

Last synced: 11 Feb 2025

https://github.com/mugisha-pascal/agrigrowth

a web landing page about managing farmers with an intuitive UI and compatibility to mobile phones

framer-motion reacttsx tailwindcss

Last synced: 20 Jan 2025

https://github.com/giomjds/kassa

Meet Kassa! My simple AI Chatbot made by React, TypeScript, TailwindCSS, Framer Motion and intergration of Gemini AI

framer-motion gemini-api react-typescript tailwindcss

Last synced: 05 Feb 2025

https://github.com/abhinpai/ipl-fantasy-league

Fantasy League, Where you can predict who is gonna win the toss and who is gonna win the match. If your prediction passed to the right court then you will get 5 points and one can also look for their standing in the leader board

firebase firebase-hosting framer-motion react scss

Last synced: 13 Feb 2025

https://github.com/hamza-cpp/my_portfolio

Welcome to my Portfolio Web App, where innovation meets creativity! Powered by Next.js, Tailwind CSS, and React.js, I showcase a passion for cutting-edge tech and user-centric design. Join me on this captivating journey!

animation ecmascript2017 eslint framer-motion html5 javascript nextjs personal-portfolio portfolio react-hooks react-router reactjs ssg tailwind-css tailwindcss ui-ux ui-ux-de

Last synced: 01 Feb 2025

https://github.com/nshahaf/space-tourism

My solution for frontend mentor space tourism challenge

framer-motion front-end-development react react-router scss vite

Last synced: 22 Jan 2025

https://github.com/jas1rk/homepage

A simple responsive home page built in react and tailwind css

framer-motion react-scroll reactjs tailwindcss

Last synced: 22 Jan 2025

https://github.com/gyanthakur/my-portfolio-gps

Welcome to my personal portfolio! 🚀 This project showcases my journey as a developer, highlighting my skills, projects, and achievements.

framer-motion javascript nextjs talwindcss

Last synced: 14 Jan 2025

https://github.com/colindmg/ocean-heartbeat

Projet de la Nuit de l'Info 2024

framer-motion react react-three-fiber

Last synced: 02 Feb 2025

https://github.com/philight/xotix-designs-v2

📕[commercial, react-pages, shopify-theme, e-commerce ] Shopify ecommerce store - theme customization

css framer-motion html javascript liquidjs reactjs shopify tailwindcss theme-development

Last synced: 12 Jan 2025

https://github.com/prathameshdhande22/film-fiesta-web-app

Film Fiesta is a movie information web app that fetches data from The Movie Database (TMDB) API. It provides details on trending, upcoming, top-grossing, popular, and top-rated movies

framer framer-motion movie movie-search movies-api react react-spinners reactjs reactrouterdom router tmdb-api tmdb-movie-search typescript typescript-react vite

Last synced: 14 Jan 2025

https://github.com/0xrajvardhan/metaverse-madness

Next.js-13 Application with Framer Motion and Tailwind CSS

framer-motion frontend javascript next13 nextjs tailwind-css

Last synced: 25 Jan 2025

https://github.com/adarshpattnaik/anshika-singh-birthday

Happy Birthday, Anshika Singh! This website is dedicated to celebrating your special day. May it be filled with joy and unforgettable moments. Cheers to another year of happiness and success!

birthday-wishes css3 framer-motion html5 javascript react-simple-typewriter reactjs

Last synced: 16 Jan 2025

https://github.com/rupak-25/minidocs

MINIDOCS is an ultra-responsive, modern documentation site built with React, Vite, and Tailwind CSS. Featuring Framer Motion's phenomenal drag feature, it redefines user interaction with a sleek, dynamic interface. Below given commands in readme page is the way you can checkout the final outcome of the project.

animation basics docs drag-and-drop framer-motion framework frontend full-stack-web-development html-css-javascript javascriptlibrary minidocs reactjs responsive-design skills

Last synced: 02 Feb 2025

https://github.com/luuizz/structure-boost-vanilla

Projeto desenvolvido usando a API do vanilla-extract para fins de estudo.

codeboost css framer-motion javascript nextjs14 vanilla-extract vanilla-extract-css

Last synced: 14 Jan 2025

https://github.com/pritamtirpude/url-shortening-api

Landing Page that is integrated with API that takes any url and shortens it.

context-api css3 framer-motion html5 javascript react-hooks reactjs

Last synced: 21 Jan 2025

https://github.com/santosl2/todo-app

📝 Um pequeno To do feito utilizando Next JS, Tailwind CSS, Testing Library, Framer Motion, Redux e Redux Persist

framer-motion jest nextjs reactjs redux reduxpersist testing-library todo todoapp

Last synced: 28 Jan 2025

https://github.com/q1akm/learning-motion

An open-source project designed for experimenting with animations, motion effects, and modern web technologies.

animation community contribution framer-motion github gsap hacktoberfest hacktoberfest2024 javascript motion open-source-project react

Last synced: 03 Feb 2025

https://github.com/yikzero/roominess4

This is the fourth version of the 'Roominess' personal portfolio repository, built with React, Vite, and Tailwind CSS.

css figma framer-motion profile react tailwind tailwindcss typescript vite

Last synced: 19 Feb 2025

https://github.com/vadimghedreutan/collection-of-stunning-wallpapers

Collection of Stunning Wallpapers build with Next.js 13, Tailwind CSS, Supabase

framer-motion nextjs13 supabase tailwindcss

Last synced: 13 Feb 2025

https://github.com/mrakashsaha/taskhive

TaskHive is a micro-tasking platform that connects Buyers and Workers to efficiently complete tasks in exchange for rewards. It offers a secure payment system, role-based user management, and intuitive dashboards for different users.

axios daisyui framer-motion moment-js react-router reactjs tailwind-css tanstack-query

Last synced: 18 Feb 2025

https://github.com/cyscomvit/recruitments-frontend-template

A frontend nextjs app template for future recuirtments of CYSCOMVIT

aceternity-ui framer-motion hacktoberfest nextjs shadcn-ui

Last synced: 09 Feb 2025

https://github.com/osamaayub/personalportfolio

Personal Portfolio Build with Next Js & Typescript

framer-motion next15 resend resend-email tailwindcss

Last synced: 10 Feb 2025

https://github.com/tahmidazam/cuaim

The official website of the Cambridge University Artificial Intelligence in Medicine Society

ai framer-motion mdx medicine nextjs radix-ui react zod

Last synced: 09 Feb 2025

https://github.com/siegfriedbz/react-spa-natours

🏨 React SPA consuming the Express API Natours. Tested with Cypress. Integrates Stripe and Mapbox services.

cloudinary cypress framer-motion github-actions husky mapbox-gl react react-hook-form react-map-gl react-query react-router react-select react-toastify responsive-design stripe typescript zod zustand

Last synced: 06 Nov 2024

https://github.com/incihuseynli/space_tourism_website

This is an INTERMEDIATE level challange from FrontEndMentor

api framer-motion json-server react-api react-hooks react-router reactjs tailwindcss vitejs

Last synced: 13 Jan 2025

https://github.com/anans9/portfolio-v1

My personal website built with Vite, styled using Tailwind CSS, and developed using React and TypeScript.

framer-motion netlify react tailwindcss typescript vite

Last synced: 13 Feb 2025

https://github.com/felipetodev/forever-chile

work for art direction & films chilean agency

contentful framer-motion graphql nextjs styled-components

Last synced: 19 Feb 2025

https://github.com/cod-e-codes/crystalytics

A professional portfolio website showcasing Crystal Ryals' expertise in data analytics, visualization, and storytelling, featuring interactive sections for skills, certifications, projects, and contact information.

data-analytics framer-motion github-pages portfolio react tailwindcss typescript

Last synced: 10 Feb 2025

https://github.com/captain-woof/blog-framer-motion

The source code for my series - "How to animate with Framer Motion"

animation-css framer-motion react smooth-scrolling typescript

Last synced: 31 Dec 2024

https://github.com/sambeaca/portfolio2023

Carlo Moleka Sambea, portfolio website.

framer-motion nextjs tailwindcss typescript vercel

Last synced: 20 Jan 2025

https://github.com/caduzulian/portfolio-v1

Portfolio developed in NextJs with direct integration to the Github API

emailjs framer-motion internacionalization nextjs project-image reactjs sass typescript

Last synced: 18 Jan 2025

https://github.com/sdpdas/homedesigninterior

Done using NextJS, React, Tailwind CSS, Bootstrap, Framer Motion and ShadCn. A very modern and comprehensive app for interior design that took me 3-4 days to make.

bootstrap framer-motion lucide nextjs nextjs14 react shadcn tailwindcss

Last synced: 09 Feb 2025

https://github.com/devwithzain/text-opacity-scrool-component

Text Opacity Scroll Component created with Next JS, Tailwind CSS, Framer Motion and TypeScript

framer-motion nextjs reactjs tailwindcss typescript

Last synced: 12 Jan 2025

https://github.com/softgod4/twistspace

☁️⚡ Twist Space is a powerful yet lightweight web application designed to display and manipulate 3D models in .glb format. Whether you're working on desktop or mobile, the app provides a seamless experience for viewing and interacting with 3D content.

framer-motion react tailwindcss threefiber threejs threejs-learning typescript wouter

Last synced: 09 Feb 2025

https://github.com/omarramoun/swenson-he

Event Building Inc. web application that allows the user to select the task they want. All tasks are categorized under different categories like (Staff, Food, Catering ..etc). As such, the user selects a category and should be able to see all the items under this category.

css-modules framer-motion next redux-toolkit

Last synced: 19 Jan 2025

https://github.com/the-coder-o/ui.auravision.com

Step into the intersection of creativity and technology with our UI library, a collection of interactive, stylish components poised to elevate your web projects. Here, innovation breathes life into every design, making the ordinary extraordinary. Precision-crafted to the latest trends and standards, your site will dazzle and operate flawlessly

framer-motion javascript lucide-react mdx nextjs14 radix reactjs seo-optimization shadcn-ui tailwindcss typescript

Last synced: 01 Feb 2025

https://github.com/jonasfroeller/bookmark-organizer

Are Your Bookmarks Out Of Control? Bookmark organizer helps you to organize them. Technologies: HTML, CSS, SCSS, JS, TS, React, NextJS, T3-Stack, Radix, Framer-Motion

framer-motion radix t3-stack

Last synced: 01 Feb 2025

https://github.com/evanch98/flowt-landing-page

A landing page for a fictional company. Built with Next.js, React, TypeScript, Tailwind CSS, and Framer Motion.

framer-motion landing-page micro-animations nextjs react storybook tailwindcss typrescript web-animation

Last synced: 22 Jan 2025

https://github.com/njordulv/portfolio

This is my portfolio website which designed and built on my own. Deployed on Vercel

framer-motion github-api nextjs nextui swr tailwindcss typescript

Last synced: 29 Dec 2024

https://github.com/zacharybear/learn-framer-motion

A repo record the learning trajectory of Framer Motion

framer-motion motion notes

Last synced: 13 Feb 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/tanishkadeep/landing-page

This is a modern SaaS landing page built using Tailwind CSS, TypeScript, Next.js, and Framer Motion. The project is designed to be highly responsive and interactive, providing a sleek and professional look for SaaS applications.

framer-motion nextjs tailwindcss typescript

Last synced: 05 Jan 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/abhiroopc84/asterisk-ui

Beautiful animated components built with Next.js, Tailwind CSS, shadcn/ui and Framer Motion. Customizable. Open Source.

framer-motion nextjs react shadcn-ui tailwindcss ui

Last synced: 22 Jan 2025

https://github.com/aszurar/coffeedelivery

O projeto tem o intuito de simular um site de entrega de café, onde podemos escolher o tipo de café, a quantidade, adicionar no carrinho, adicionar e selecionar endereços e buscá-lo via CEP usando a api brasilap. Além disso, podemos ver o total da compra e finalizar o pedido.

axios chakra-ui css framer-motion html javascript json-server phosphoricons react react-hook-form react-query typescript vitest zod zustand

Last synced: 10 Feb 2025

https://github.com/lukinoo/react-card-3d

Nike card animation with React.js typescript and Framer motion

framer-motion react typescript

Last synced: 28 Jan 2025

https://github.com/prthub/realo

This project is built using the MERN stack, Tailwind CSS, Redux Toolkit, and Firebase. It offers a comprehensive solution for managing real estate properties, providing a seamless user experience for both property owners and seekers.

expressjs firebase framer-motion hashpassword jwt-authentication mern-project mern-stack mongoose nodejs nodemon react-helmet-async react-hot-toast react-router-dom react-select reactjs real-estate redux-persist redux-toolkit tailwindcss

Last synced: 29 Dec 2024

https://github.com/CodeWithAlamin/Rock-Paper-Scissors

A Rock-Paper-Scissors game built with React, TypeScript, and Framer Motion. Enjoy a clean, interactive experience with smooth animations

codewithalamin framer-motion framermotion frontend frontend-app frontend-mentor frontendmentor-challenge rock-paper-scissors rock-paper-scissors-game typescript

Last synced: 09 Feb 2025

https://github.com/prthub/myanimelist

Provide Information about Anime, Just like 'MyAnimeList.net'.

framer-motion myanimelist rapid-api react-router-dom reactjs tailwindcss

Last synced: 29 Dec 2024

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/jozefini/jozefini.com

NextJS / Sanity.io / Framer Motion - Portfolio

framer-motion nextjs nodemailer reactjs sanity-io zustand

Last synced: 22 Jan 2025

Framer Motion Awesome Lists
Framer Motion Categories