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/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/mudassarnazir956/react_admin_dashboard

Proud to present my Admin Dashboard, inspired by a sleek UI design I discovered on Pinterest. Built with React, Tailwind CSS, Recharts, and Framer Motion, this fully responsive dashboard offers a modern user experience with smooth animations. It's optimized for efficient data handling and seamless page navigation. Explore my work at the below link.

admin-dashboard framer-motion luicide-icons pintrest-ideas react-admin-dashboard react-project react-router-dom recharts tailwind-css

Last synced: 21 Dec 2024

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/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/1-blue/blegg

πŸ”₯ λ¦¬κ·Έμ˜€λΈŒλ ˆμ „λ“œ 전적 검색 ν”„λ‘œμ νŠΈ πŸ”₯

aws-ec2 aws-s3 framer-motion nestjs passport prisma react-hook-form react-query reactjs storybook swagger tailwindcss typescript vite

Last synced: 06 Jan 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/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/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/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/sandhish/portfolio

Portfolio website

framer-motion reactjs tailwindcss

Last synced: 28 Jan 2025

https://github.com/dodycode/cards-stack-react

Stack Cards Slider made with React Framer Motion. Build for learning purposes.

framer-motion react-framer reactjs shadcn-ui tailwindcss vitejs

Last synced: 28 Dec 2024

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/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/michaelbrusegard/personal-website

A personal portifolio website to showcase my work and experience.

framer-motion github-pages nextjs personal-website static-website tailwindcss threejs

Last synced: 19 Dec 2024

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/frikadellios/astro-tw-4-bun

Ready First πŸ₯‡ Lightning ⚑ Tailwindcss 4 alpha with Bun and Astro PWA in production. Frontend Powered by Cloudflare. 🐈

astrojs biomejs bunjs framer-motion i18n lightningcss tailwindcss tailwindcss-v4 typescript

Last synced: 14 Oct 2024

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/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/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/gabrielnafuzi/todo-app

a simple todo app to practice framer-motion. app ideia: https://devchallenges.io/challenges/hH6PbOHBdPm6otzw2De5

framer-motion react styled-components typescript vite

Last synced: 02 Feb 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/pras75299/firebase-gallery

Image Gallery with Firebase, React, React hooks, and Firestore

customhooks firebase firestorage firestore-database framer-motion gallery-images netlify react reacthooks

Last synced: 16 Jan 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/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/b-l-u-e/decentralized-lending-platform

A decentralized credit lending platform majorly in health sector built on chainsafe, metamask, under the ethereum block chain

framer-motion hardhat react solidity tailwindcss typescript web3js

Last synced: 21 Nov 2024

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/tusharkumar888/my-dev-portfolio

This is the digital showcase of my work as a developer, where I demonstrate my skills in coding, design, and problem-solving. Here, you'll find a collection of my projectsβ€”ranging from web development to machine learning and everything in between. Each project reflects my passion for creating clean, efficient, and innovative solutions.

backend framer-motion frontend node-js portfolio react react-router-dom tailwindcss

Last synced: 21 Dec 2024

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

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: 21 Dec 2024

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/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/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/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/sangamprashant/aa

Welcome to A to Z Classes! πŸ“š We offer comprehensive educational resources and expert coaching for students from Class 1 to 12. Our platform provides interactive learning, sample papers, and personalized support to excel in academics. From math to science, we cover it all with secure online access. πŸŽ“βœ¨

backend-development content-management database-management educational-project express-js framer-motion frontend-development jwt-authentication mongo mongoose nodemailer notifi reactjs responsive-design secure-payment typescript user-authentication validation vite

Last synced: 21 Dec 2024

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/HakkaOfDev/flonoa-homepage

Official website for Florine Leroy

chakaraui framer-motion graphics graphisme next vercel

Last synced: 23 Oct 2024

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/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/jkellerman/planet-viewer

Learn about the planets in our solar system whilst interacting with 3D models of them. These are can be viewed in Augmented Reality on iOS devices. 🌍

3d-models framer-motion react styled-components typescript

Last synced: 27 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/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/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/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/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/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/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/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/jannickpepe/mainportfolio

NextJS14 with server action, EmailJS, TailwindCSS, Framer Motion and portfolio download

framer-motion light-and-dark-modes nextjs14-typescript tailwindcss

Last synced: 22 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/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/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/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/sk1ees/react-modern-website

The website is a modern, responsive platform built with React, focusing on providing a seamless and engaging user experience.

framer-motion modern-website react react-modern-website react-website tailwindcss

Last synced: 16 Jan 2025

https://github.com/pushpankdhruw/light-saas-landing

πŸ”¦ This project is a modern, responsive SaaS landing page featuring a clean design with a hero banner, call-to-action, and footer, aimed at promoting a SaaS product.

framer-motion landing-page nextjs14 tailwindcss

Last synced: 09 Feb 2025

https://github.com/manoj2s/portfolio

My porfolio, built with React.js and Tailwind CSS, features smooth scrolling with react-scroll, animations using framer-motion, and icons from react-icons. It highlights sections like skills, projects, experience, and contact, offering a responsive and interactive user experience.

framer-motion reacticons reactjs reactscroll tailwindcss

Last synced: 20 Dec 2024

https://github.com/adityaapraveen/twist-tac-toe

TicTacToe with a twist being there is no chance of a draw

framer-motion react three-js vite

Last synced: 16 Jan 2025

https://github.com/mpirescarvalho/tesla-layout-clone

Tesla website layout clone 🎨🚘

framer-motion frontend reactjs styled-components typescript

Last synced: 22 Jan 2025

https://github.com/abhijitnr/abhijitnr.github.io

This is my personal portfolio, which includes a home section, an about section, my GitHub stats section, a skills section, a project section, a contact section, and a button to download my resume. Please click the link below to visit my portfolio πŸ‘‡πŸ‘‡πŸ‘‡

css3 emailjs-browser framer-motion html5 javascript personal-website portfolio portfolio-site portfolio-website reactjs sass

Last synced: 24 Jan 2025

https://github.com/sambeaca/portfolio2023

Carlo Moleka Sambea, portfolio website.

framer-motion nextjs tailwindcss typescript vercel

Last synced: 20 Jan 2025

https://github.com/iamfrerot/frerot.dev

Welcome to my portfolio website! I built this using React, Vite, Framer Motion, Tailwind CSS, React Icons, and components from Aceternity UI to showcase my projects, skills, and contact details in a modern and engaging way.

framer-motion portfolio react tailwind typescript

Last synced: 28 Jan 2025

https://github.com/evozone/snaptunes

This project was built for Google AI Hackathon. Here's the submission - https://devpost.com/software/snaptunes

framer-motion gemini-api nextjs13 spotify-api

Last synced: 11 Nov 2024

https://github.com/marinactonci/portfolio

Personal portfolio website project built using Next.js. It includes email handling for a fully functional contact form. The project is configured with Tailwind CSS for styling and Vercel for deployment.

framer-motion nextjs react react-email resend tailwindcss typescript

Last synced: 10 Jan 2025

https://github.com/jane-does-coding/halloween-

Ever wondered where Halloween came from?

framer-motion git github react tailwindcss typescript

Last synced: 20 Dec 2024

https://github.com/azarahmadov/dev-portfolio

The portfolio website I prepared for developers

emailjs framer-motion nextjs14 react-toastify tailwindcss typescript

Last synced: 08 Feb 2025

https://github.com/etesam913/interactive-login

:flushed: The frontend for a login. It uses animations to create an interactive environment.

framer-motion javascript react

Last synced: 09 Feb 2025

https://github.com/nijat-hamid/manticore_ecommerce_dashboard

Work in Progress | React + React Router + Redux Toolkit + Chakra UI + ViteJS + Axios + Firebase + Framer Motion + Emotion + Full Crud APP

axios chakra-ui firebase framer-motion full-crud react redux-toolkit vitejs

Last synced: 27 Dec 2024

https://github.com/rleite-it/ai-landing-page

A sleek and modern landing page for AI-powered SEO tools. Built with Next.js, React, Tailwind CSS, and TypeScript.

framer-motion landing-page nextjs react tailwindcss typescript

Last synced: 09 Feb 2025

https://github.com/santosl2/dev-hunter

VocΓͺ precisa de encontrar desenvolvedores? Tente Dev Hunter

developer flowbite framer-motion jest next-auth nextjs react react-query react-select redux tailwindcss typescript zod

Last synced: 28 Jan 2025

https://github.com/hgschandeepa/portfoilosite_2022_jan

This is an opensource portfolio website. Here we added dark mode animations using Framer Motion and also a fully customizable sanity.io backend

framer-motion nextjs sanity-io tailwindcss

Last synced: 11 Jan 2025

https://github.com/brokarim/cool-ui-repo

This repository contains collection of cool ui repo you can learn from

framer-motion reactjs shadcn typescript

Last synced: 20 Dec 2024

https://github.com/22ayaan/portfolio

A modern portfolio built with Next.js for handling the user interface, Three.js for rendering 3D elements, Framer motion for beautiful animations, and styled with TailwindCSS.

framer-motion nextjs tailwindcss three-js

Last synced: 11 Oct 2024

https://github.com/ryanlarge13/professional-portfolio

Let's build an animation heavy, beautiful, modern looking React/Framer Motion portfolio amazing enough to show to your employer!

emailjs framer-motion react

Last synced: 10 Feb 2025

https://github.com/ryanlarge13/workout-blog

A blog creation using Sanity.io as a headless CMS with a focal point on gym enthusiasts who enjoy working out and sharing knowledge.

framer-motion react sanity-io tailwindcss

Last synced: 10 Feb 2025

https://github.com/saibarathr/personal-portfolio-react

Clean and Concise Portfolio Site using react with tailwind & react router with options like dark, light, clean, monospaced and grain options

css-animations framer-motion react shaders tailwindcss threejs

Last synced: 08 Jan 2025

https://github.com/yashchauhan008/memory-game

Memory game with impressive ui animation

framer-motion game-development gsap react

Last synced: 03 Feb 2025

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

Modern Portfolio Website Built with NextJS, Tailwind and Framer Motion

framer-motion nextjs portfolio-website react sanity tailwindcss

Last synced: 21 Jan 2025

https://github.com/rohan1279/fahim-wali-portfolio

A portfolio website I prepared using React, Framer Motion, Tailwind CSS with Vite for Md Fahim Wali (https://www.linkedin.com/in/fahimwali)

framer-motion react tailwindcss vite

Last synced: 20 Dec 2024

https://github.com/alok-mishra143/passwordgen

project of password generator

framer-motion reactjs type-writer vite

Last synced: 13 Jan 2025

https://github.com/aleexvdev/app-weather

🌦️ Weather App is an interactive web application designed to display accurate and up-to-date weather information.

framer-motion maplibre-gl-js nextjs15 shadcn-ui tailwindcss typescript zustand

Last synced: 08 Feb 2025

https://github.com/arnobt78/restaurantts-nextjs-website

RestaurantTS App is a NextJS 14 Static Restaurant Landing Page, using React.js, Typescript, Webpack, TailwindCSS, Framer-Motion, TailwindCSS-Animate, Radix-UI, Date-fns, React-Leaflet, Lucide-React, React-Day-Picker, React-Scroll, React-Icons, React-Responsive features and deployed on Vercel.

date-fns framer-motion lucide-react nextjs nextjs14 radix-ui react-day-picker react-hooks react-icons react-leaflet react-router react-typescript reactjs restuarent-template resturant-app tailwindcss tailwindcss-animate typescript vercel-deployment webpack

Last synced: 19 Dec 2024

Framer Motion Awesome Lists
Framer Motion Categories