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/akinleyeisrael/portfoliov2

A second iteration of my portfolio website with contentful cms

contentful framer-motion js nexr next

Last synced: 01 Feb 2025

https://github.com/aymanabusura/3d_portfolio

This is my 3D portfolio built using React and Vite, showcasing various interactive 3D elements. It leverages modern web technologies like Three.js and React Three Fiber to create a visually engaging experience.

emailjs framer-motion i18next particlesjs react react-tilt reactthreedrei reactthreefiber tailwindcss threejs vite

Last synced: 12 Feb 2025

https://github.com/selvin-paul-raj/speed-typing

created an Animation-rich React and TypeScript Application. Testing and styling were done using Framer-motion, Jest, and Tailwind CSS

custome-hooks framer-motion jest reactjs tailwindcss typescript vercel

Last synced: 09 Feb 2025

https://github.com/pritamtirpude/dev-finder-app

Github user finder web app developed using reactjs, react0query, framer-motion, vitejs.

css3 framer-motion html5 javascript react-query reactjs tailwindcss vitejs

Last synced: 21 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/keanteng/solo-leveling

β€» Solo Leveling System Experience Website

framer-motion nextjs radix-ui solo-leveling typescript

Last synced: 21 Dec 2024

https://github.com/ant0ni0us/ecommerce

Ecommerce-related project. That allow users browse and select multiple products, add items to their cart with custom quantities, mark favorites, and checkout by providing their shipping details. Admins can easily manage the platform by adding new products, viewing orders, and managing users.

css3 firebase framer-motion html5 react-hook-form react-icons react-multi-carousel react-redux react-router-dom react-select react-toastify redux-toolkit tailwind-css tailwindcss typescript

Last synced: 01 Jan 2025

https://github.com/ugboaja-uchechi/portfolio-v3

A third version of my personal portfolio to showcase my skills, projects and more about me.

css framer-motion react styled-components

Last synced: 05 Feb 2025

https://github.com/rachmanaldiansyah/responsive-interior-design

This is responsive web interior design user interface using react, tailwindcss and framer motion. Learning from: https://youtu.be/Wknu19KRjtM

framer-motion reactjs tailwindcss

Last synced: 11 Jan 2025

https://github.com/shubhamsinha21/mylatest-portfolio

Portfolio Wesbite to showcase my skills and experiences.

framer-motion react-router-dom reactjs tailwindcss threejs vite

Last synced: 05 Jan 2025

https://github.com/ahmed7am1d/socialchain

Decentralized full stack social media (Final thesis project) using clean architecture. [Solidity, Hardhat, NextJS, C#, JWT]

asp-net-core clean-architecture csharp ethereum framer-motion hardhat jwt-authentication metamask nextjs polygon solidity tailwindcss

Last synced: 03 Jan 2025

https://github.com/hernandosebastian/portfolio

This repository contains the source code for my personal portfolio website built with React, Material-UI, TypeIt and Framer Motion. It showcases my skills, projects, and experience in a visually appealing and user-friendly manner.

experience framer-motion front-end javascript material-ui portfolio projects react skills typeit

Last synced: 23 Dec 2024

https://github.com/petekgithub/yummy-yum

:green_salad: This site fetch the recipes and we can choose cuisine. After selection, we can see related recipe instructions and details.

async-await fetch-api framer-motion react-hooks react-router styled

Last synced: 01 Jan 2025

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

Portafolio personal creado con React, Sass y Framer-Motion

framer-motion reactjs sass vite

Last synced: 28 Dec 2024

https://github.com/ilz5753/crypto-bro

Crypto-Bro is a simple project that provides information and statistics on various cryptocurrencies.

canvasjs-charts date-fns framer-motion lodash next-ui react react-icons reactjs tailwind tailwind-scrollbar tailwindcss typescript usehooks-ts

Last synced: 27 Jan 2025

https://github.com/codeolga/3d_portfolio

3D Web Developer Portfolio in React JS | Three.js | Tailwind

framer-motion reactjs tailwindcss three-js

Last synced: 07 Jan 2025

https://github.com/featitx/featitx

Elevate your online presence with my React-powered portfolio, seamlessly blending style with substance. Using SCSS for sleek design and Framer Motion for interactive flair, the site offers a captivating user experience. Backed by Sanity CMS, it ensures effortless content management, making updates a breeze.

animation-css cms-framework framer-motion interactivedesign javascript portfolio portfolio-website react reactjs responsive resume resume-website sanity sanity-io scss scss-framework

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

Modern Portfolio using React JS and Framer Motion

css framer-motion html javascript js portfolio react reactjs tsparticles yinyang

Last synced: 23 Dec 2024

https://github.com/ansaribrahim/fixmate

Fix-Mate-Frontend is built with React, Redux, Frame Motion, Tailwind CSS, and Slider.js. This tech stack ensures a seamless and visually appealing user experience. React powers interactivity, Redux manages state efficiently, Frame Motion adds smooth animations, Tailwind CSS brings modern styling, and Slider.js enhances dynamic content presentation

eslint framer-motion linter prettier react redux slider tailwindcss

Last synced: 04 Feb 2025

https://github.com/denczo/fruitinator

An example frontend for e-commerce, built with React and Javascript which supports responsive design

css framer-motion javascript mobx reactjs responsive-design

Last synced: 21 Jan 2025

https://github.com/yshplsngh/feedback-testimonial

Web app for collecting and embedding customer testimonials. and allows easy integration of testimonials into websites

expressjs framer-motion nodejs passport-google postgresql prisma reactjs redux typescript

Last synced: 08 Nov 2024

https://github.com/kemi-oluwadahunsi/news-alive

NewsAlive is a modern, responsive news aggregation web application built with React and Vite. It provides users with a seamless experience to browse, search, and filter news articles from various sources. Redux Toolkit is used to manage the appliction states, and tailwind CSS was usd for styling. Visit the README file to learn how to view the app.

axios framer-motion intersection-observer lodash lucide-react raectjs react-components react-hooks react-query react-redux react-slick-carousel redux-persist redux-toolkit sonner

Last synced: 04 Feb 2025

https://github.com/uskhokhar/whimsicle

In progress...

framer-motion reactjs scss

Last synced: 23 Jan 2025

https://github.com/rohit-2012/nextjs-portfolio

A sleek portfolio website built with Next.js, React, and Tailwind CSS. Showcases projects, skills, and experience with smooth animations using Framer Motion and custom cursors. Features Swiper for carousels, EmailJS for contact forms, and Moment Timezone for dates. Optimized with Sharp for performance.

clsx emailjs-browser framer-motion moment-timezone nextjs14 react-animated-cursor react-icons react-water-wave reactjs sharp swiper tailwind-merge

Last synced: 05 Jan 2025

https://github.com/ake144/portfolio-project

This is the source code for my personal developer portfolio, built with Next.js Q4, TailwindCSS, Shadcn, MagicUI, and TypeScript. The site showcases my work, skills, and projects in a clean, responsive design optimized for performance and SEO. It also features API integrations and uses REST APIs to power dynamic content. Features: Built with Next.

api-client framer-motion magic-ui nextjs shadcn-ui

Last synced: 05 Feb 2025

https://github.com/educlopez/roastmyweb

Roast a website with the power of crux api, sdk.vercel.ai and SEO

ai framer-motion nextjs tailwindcss typescript vercel

Last synced: 24 Dec 2024

https://github.com/nalsae/about-nalsae

πŸ™‹β€β™‚οΈ μ œκ°€ κΆκΈˆν•˜μ‹ κ°€μš”? πŸ™‹β€β™‚οΈ

framer-motion next tailwindcss threejs typescript zustand

Last synced: 15 Oct 2024

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/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/rohit-2012/mobicase-ecommerce-app

An e-commerce web application built with Next.js 14 where users can order customizable mobile cases. Features include product customization, secure payment gateway integration, and a seamless user experience. Perfect for showcasing your Next.js and e-commerce development skills.

framer-motion headlessui kinde-auth lucide-react nextjs14 prisma-orm react-dropzone react-email-component react-rnd reactjs resend shadcn-ui stripe tailwindcss tanstack-react-query typescript uploadthing

Last synced: 05 Jan 2025

https://github.com/tharunoptimus/super-slow-portfolio

A cool looking ultra slow portfolio - manual deploy

emailjs framer-motion maath postcss react react-three tailwindcss threejs vite

Last synced: 09 Jan 2025

https://github.com/hakkaofdev/hakkaofdev.fr

My personal site's repo in opensource. Built with Next.js, Chakra-UI and Framer-Motion.

blog chakra-ui chakra-ui-react framer-motion mdx nextjs portfolio react typescript

Last synced: 03 Nov 2024

https://github.com/nitins87/nitin-portfolio-website

This is my Portfolio website built using NextJs, ReactJs and Tailwind CSS with Framer Motion. You can find my resume and all my social links in this Hope you connect with me!

axios css framer-motion html javascript javascript-es6 nextjs portfolio reactjs ssr tailwindcss

Last synced: 23 Jan 2025

https://github.com/mel-turham/meyazone

Meyazone - A modern e-commerce platform built with Next.js, React, and TypeScript, offering a smooth and responsive online shopping experience.

e-commerce-project framer-motion nextjs14 online-shopping react responsive-design tailwindcss typescript

Last synced: 23 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/razor-eng/proprep

Comprehensive interview preparation platform for developers

framer-motion next-themes nextjs reactjs shadcn-ui tailwindcss typescript

Last synced: 21 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/vncsraniery/portifolio

PortfΓ³lio pessoal para exibir meus projetos e experiΓͺncias. Um espaΓ§o dinΓ’mico e interativo para compartilhar meu trabalho e habilidades.

axios destaque framer-motion github-api nextjs shadcn-ui tailwindcss website

Last synced: 16 Jan 2025

https://github.com/n1k0l1n/jujutsu-kaisen-react

Explore the world of Jujutsu Kaisen with this comprehensive repository, containing detailed information on cursed energy, sorcerers, curses, and advanced techniques like Domain Expansion. Dive into the source material and unravel the mysteries of this captivating anime and manga series.

framer-motion gsap3 jujutsu-kaisen reactjs styled-components

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

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/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/knguyen-1411/ithusc30

Website Kα»· Niệm 30 NΔƒm ThΓ nh LαΊ­p Khoa CΓ΄ng Nghệ ThΓ΄ng Tin

aos framer-motion nextjs nextui sass tailwindcss typescript

Last synced: 30 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/parzivaleugene/michkoff-landing

Michkof Project | Portfolio

framer-motion nextjs tailwindcss

Last synced: 20 Jan 2025

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/colindmg/r3f-image-reveal-effect

Image reveal effect made with R3F & GLSL ✦ tutorial available on Codrops

framer-motion glsl-shader r3f react

Last synced: 30 Jan 2025

https://github.com/arman-mokhtari/modern-portfolio

Welcome to my minimal portfolio app! This project is a showcase of my work and skills, built using cutting-edge technologies like Next.js, Framer Motion, and Three.js. The app features smooth animations and stunning 3D graphics, providing an engaging and interactive user experience.

framer-motion nextjs14 three

Last synced: 19 Jan 2025

https://github.com/azharul122/next-job-portal

A job portal website including dashboard with Next.js

auth0 expressjs framer-motion mongodb nextauth nextjs14 prisma shadcn-ui

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

A developer portfolio for showcasing work made with React with Typescript, TailwindCSS, Acerternity UI, and Framer Motion.

acertinityui framer-motion reactjs tailwindcss typescript vitejs

Last synced: 12 Jan 2025

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/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/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/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/marsidev/overnote

Overnote is a simple notes app. It allows you to create, edit, customize, and delete notes.

bootcamp-project chakra-ui express framer-motion full-stack fullstack-development javascript nodejs notepad notes notes-app react reactjs todo todo-app

Last synced: 21 Dec 2024

https://github.com/yuangwei/yuangwei.com

Yuang's portfolio and public articles.

blog framer-motion nextjs react tailwindcss

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

Portfolio website

framer-motion reactjs tailwindcss

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/barisbargun/bussli.io

A business website that stands out with our customizable options. Built with React and Tailwindcss, our platform ensures seamless navigation and functionality across home, pricing, about, terms and contact pages.

framer-motion landing-page reactjs tailwindcss

Last synced: 21 Dec 2024

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/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/badhon252/portfolio-v3

Hi, I'm Khalid Hossain, a dedicated Frontend Engineer and Python Instructor based in Barishal, Bangladesh. My passion lies in crafting seamless, user-centric web applications using the latest technologies, including Next.js, TypeScript, and TailwindCSS. I'm committed to delivering innovative solutions that not only meet but exceed expectations.

conventional-commits eslint framer-motion git javascript nextjs typescript

Last synced: 12 Feb 2025

Framer Motion Awesome Lists
Framer Motion Categories