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/siegfriedbz/nextjs-aquaman-surfschool-bali

🏄 Next.js 13 app developed to enhance the online presence of a surf school in Bali.

cloudinary dark-theme framer-motion mapbox next-pages-router nextjs tailwindcss

Last synced: 06 Nov 2024

https://github.com/skyybbanerjee/gym-app-react-typescript

A fitness app 💪🏻 built with TypeScript 🔵 + ReactJs ⚛️, along with features like EMAIL sending and responsive web design

formsubmit-co framer-motion html5 javascript react tailwindcss typescript useform-hook

Last synced: 06 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: 13 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: 13 Feb 2025

https://github.com/priyanshuuranjan/myportfolio

My personal portfolio website, built with React.js, Framer Motion, React Icons, and Tailwind CSS, showcases my skills and projects as a Frontend Developer. It features a modern, responsive design with smooth animations and sections detailing my work and contact information.

framer-motion javascript react react-icons responsive scroller tailwindcss

Last synced: 13 Feb 2025

https://github.com/drakealia/ui-chart

A coffee and tea bar chart that users can interact with. Recreating a Shadcn chart component and adding a unique spin to it.

framer-motion nextjs tailwind typescript

Last synced: 02 Jan 2025

https://github.com/chirag-s-kotian/client

a frontend repo for my cdrive project build with nextjs,typescript,tailwindcss,shadcn,framer-motion.

framer-motion lucid-react nextjs14 shadcn taiwndcss typescript

Last synced: 13 Feb 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: 17 Feb 2025

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/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/cmoleka/portfolio2023

Carlo Moleka Sambea, portfolio website.

framer-motion nextjs tailwindcss typescript vercel

Last synced: 19 Nov 2024

https://github.com/sarmad426/portfolio-template

Portfolio website built with Next.js, Tailwind CSS and Framer Motion.

framer-motion nextjs portfolio-template-free portfolio-website react tailwindcss typescript

Last synced: 11 Jan 2025

https://github.com/jezebel1990/next-cartoon-network

This is a Next.js-powered Fullstack app focused on providing an engaging experience by displaying information about iconic Cartoon Network characters.

cartoon-network framer-motion javascript nextjs tailwindcss

Last synced: 17 Jan 2025

https://github.com/01barthez/iphone-cameroon

A modern e-commerce website dedicated to selling iPhones. Features an intuitive interface, advanced product and order management, and a seamless user experience. Perfect for tech enthusiasts and Apple fans. 🌟📱

axios ci-cd context docker eslint framer-motion gitub-actions magic-ui prettier react react-components react-hooks react-router shadcn-ui tailwindcss typescript zustand

Last synced: 14 Feb 2025

https://github.com/freshposh-code/bravaaart_webapp

A website with distinct layout , Cool NFT's Colections . SUPRA

framer-motion nextjs threejs

Last synced: 20 Jan 2025

https://github.com/giomjds/fullstack-portfolio

Full stack version of my portfolio, now with Flask for backend

aos flask framer-motion react-typescript scss

Last synced: 21 Jan 2025

https://github.com/de3ph/formik-chakraui-form

Created to practise on Formik and ChakraUI (with Yup validation schema)

chakra-ui formik-yup framer-motion react

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

Desafio de projeto do Bootcamp, um buscador de repositórios de usuários do GitHub

apollo-client cssmodules cypress framer-motion graphql jest react-router-dom-v6 reactjs redux-toolkit sass testing-library typescipt

Last synced: 26 Jan 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/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/shoaib-imrann/orbit

A Web Design built with React

framer-motion locomotive-scroll-v5 reactjs tailwindcss

Last synced: 13 Feb 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: 13 Feb 2025

https://github.com/haikelz/the-zeitplan

Slicing UI Design The Zeitplan

framer-motion reactjs tailwindcss vite

Last synced: 26 Jan 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/nishantcoder108/chainpay

Chainpay is a decentralized platform for bulk cryptocurrency transactions on the Solana blockchain. It supports Google login, network switching (devnet/mainnet), and subscription-based plans, allowing users to send payments to multiple wallets in one click, manage recipients, and track transactions efficiently.

blockchain framer-motion mongodb mongoose nextjs reactjs solana taliwindcss typescript vercel web3

Last synced: 12 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/andreyhuey/portfolio

Step into my world of code and creativity, where pixels come alive and ideas turn into digital realities. I'm thrilled to have you here, exploring my projects, skills, and passion for technology.

framer-motion nextjs react react-countup react-icons react-scroll react-type-animation tailwindcss variants

Last synced: 18 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/ibassaoud/portfolio-v2.0

My personal portfolio website built with React, ThreeJS, and Framer Motion. The website highlights my skills and experience and includes a personalized 3D model, a contact form, and responsive design for optimal viewing across devices.

framer-motion portfolio portfolio-website react responsive tailwindcss threejs

Last synced: 26 Jan 2025

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

Front end Developer portfolio. Here you will find my professional works, educational background, my social medias, my reviews, and will be able contact me

daisyui-react developer-portfolio emailjs-browser framer-motion imgbb itsproali mohammadali portfolio react react-icons react-router-dom-v6 react-skillbars react-slick-slider react-type-animation tailwind-css

Last synced: 16 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/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/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/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/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/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/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/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/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/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/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/abdul23lm/my-old-personal-website

Hey! How nice of you to look at my personal site, Thank you!

chakra-ui framer-motion nextjs reactjs typescript

Last synced: 25 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/osamaayub/modern-portfolio

Responsive & Modern Portfolio Website Build using Next Js & Tailwind Css

aceternity-ui framer-motion next tailiwndcss

Last synced: 17 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/suraffy/portfolio

A software developer portfolio website that highlights skills and showcases the individual's work.

css framer-motion html javascript lodash react

Last synced: 25 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/samsze0/ui

A Next13 compatible React UI component library

framer-motion nextjs13 radix-ui react shadcn-ui supabase tailwindcss

Last synced: 20 Feb 2025

https://github.com/shhiivvaam/portfolio

Portfolio site - shhiivvaam💫

framer-motion nextjs particles-js preloader tailwindcss

Last synced: 31 Jan 2025

https://github.com/tomkoom/react-nav-components

Responsive navigation components with routing and framer-motion animation.

framer-motion react-router-dom reactjs

Last synced: 23 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/devgabrielrr/spiderverse-nextjs-dio

este é o repositório do projeto Spider-Verse, desenvolvido durante uma live no Youtub. O projeto consiste em uma aplicação interativa inspirada no universo do Homem-Aranha, usando as principais stacks front-end: React, Next.js 13, a biblioteca Framer Motion, Sass e TypeScript para criar um projeto visual incrível e de

framer-motion javascript nextjs react sass typescript

Last synced: 17 Jan 2025

https://github.com/drealdumore/saint-2.0

My personal site built using Next.js, Tailwind CSS, Framer Motion and deployed on Vercel.

developer framer-motion nextjs personal portfolio react tailwindcss typescript vercel website

Last synced: 10 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/akashrajpurohit/pizzajoint

Framer Motion Practice App

framer-motion react

Last synced: 16 Feb 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/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/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/inna-b10/animated-sidebar

Mini project: animated sidebar (React+Vite+Tailwind)

clsx framer-motion jotai lucide-react react sass tailwind vite

Last synced: 11 Feb 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/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/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/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/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/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/augustodevjs/portfolio

Portfólio Pessoal

css framer-motion hygraph nextjs

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

Framer Motion Awesome Lists
Framer Motion Categories