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/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/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/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/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/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/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/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/giomjds/personal-portfolio

Personal portfolio for future usage

aos emailjs framer-motion react scss typescript vite

Last synced: 05 Feb 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/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/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/uskhokhar/whimsicle

In progress...

framer-motion reactjs scss

Last synced: 23 Jan 2025

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/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/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/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/fredvuni/typescript-react-gym-landing

Typescript-react-gym is a responsive TypeScript-based React application designed for managing gym-related activities. This project includes a functional contact us page/section to facilitate communication with users.

cloudfare edroh formsubmit-co framer-motion react-icons reactjs tailwindcss typescript vite

Last synced: 29 Jan 2025

https://github.com/educlopez/roast-web

This website offers a free service where users can submit their web projects for redesign and improvement.

framer-motion motion nextjs supabase tailwindcss

Last synced: 05 Feb 2025

https://github.com/usamafayaz/nurseryzone-web

Nursery Zone is a React web app that simplifies plant nursery management with role-based access, allowing customers to browse plants, track orders, chat with an AI-powered bot, and leave reviews. Admins can manage inventory and view analytics.

fastapi framer-motion javascript react react18 restful-api zustand

Last synced: 29 Jan 2025

https://github.com/odelola/nft-marketplace

An NFT Marketplace Landing Page built with Reactjs.

figma framer-motion html-css reactjs

Last synced: 22 Jan 2025

https://github.com/jannickpepe/tribeblockchain

Animated dark mode SaaS website with a blockchain theme. Using Astro.js, TailwindCSS, and Framer Motion

astro-blog astrojs framer-motion reusable-components tailwindcss twmerge

Last synced: 21 Nov 2024

https://github.com/jannickpepe/start-up-temp

NextJS, Framer Motion, TailwindCSS and TS - A start up template SPA with up to date design and layout.

framer-motion frontend-web nextjs sass-boilerplate tailwindcss typescript

Last synced: 21 Nov 2024

https://github.com/devwithzain/supadupa-website-clone

SupaDupa website clone created with next js, react js, typescript, tailwindcss, framer-motion, lenis and gsap.

framer-motion gsap lenis nextjs reactjs tailwindcss typescript

Last synced: 21 Nov 2024

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/devanoyudhistira/r-noteapp

my project to make note app using react with tailwind and react framework for animation (still in development)

framer-motion react tailwindcss vite

Last synced: 22 Jan 2025

https://github.com/arnobt78/myportfolio-nextjs-webpage

My Portfolio Webpage is a Mordern NextJS-v14 Framer-Motion React TailwindCSS Portfolio Webpage. Every component of this project uses the most recent Shadcn UI, Framer-Motion, Animation, Nodemailer capabilities, and deployed on Vercel.

animation-css framer-motion nextjs nextjs14 nodemailer nodemailer-smtp-transport portfiolio portfolio-website react reactjs shadcn-ui tailwindcss vercel-deployment

Last synced: 22 Jan 2025

https://github.com/luthda/nextjs-dev-portfolio

A simple developer portfolio template built on Next.js, TailwindCSS and Aceternity UI. Showcase your projects and skills on a modern web app.

aceternity-ui framer-motion nextjs portfolio portfolio-template portfolio-website tailwindcss typescript

Last synced: 21 Nov 2024

https://github.com/prathamesh-chougale-17/swaadlink

Swaadlink is a Full-Stack Web Application designed to connect users with professional chefs for personalized home-cooked meals and special events.

chakra-ui clerk framer-motion leaflet-map mongodb nodejs react tailwindcss typescript

Last synced: 22 Nov 2024

https://github.com/hernanhawryluk/portfolio-nextjs-app

My portfolio website crafted using Next.js, TypeScript, and Tailwind CSS. It boasts full responsiveness, multilingual support, light and dark modes, engaging animations, and robust form validation.

framer-motion nextjs react tailwind-css typescript

Last synced: 05 Feb 2025

https://github.com/stefanciprian/framer-kit

Framer - React Components and Overrides

components framer framer-motion overrides react typescript

Last synced: 30 Jan 2025

https://github.com/khaleda-02/react-portfolio

this is my personal profile , contain all my info and projects .

framer-motion react react-icons react-router-dom reactjs rough-notation

Last synced: 23 Jan 2025

https://github.com/phobon/klavis

Essential compositional components and hooks using React, CSS-in-JS, styled-system and Framer Motion

design-system emotion framer-motion styled-system

Last synced: 17 Jan 2025

https://github.com/martinlilt/portfolio-martin-li

My own project: Next.js 13 + CMS (Sanity.io). Key technologies: React.js + TypeScript, REST API, Tailwind + CSS modules, CI/CD, SEO-optimization, Three.js 3D scenes.

ci-cd css-module framer-motion git-actions nextjs react-hook-form sanity tailwind threejs typescript vercel

Last synced: 02 Feb 2025

https://github.com/liinkiing/next-ts-klee-starter

An opiniated Next TypeScript powered starter which include Klee, emotion / styled-system, framer motion, jest and Cypress

cypress emotion framer-motion jest klee next react starter styled-system template typescript

Last synced: 05 Feb 2025

https://github.com/yurii-corssa/language-learning-app

This is the full-stack web application for finding and booking language teachers. It features user authentication (email and Google), saving teachers to favorites and filtering, lesson booking, and a responsive UI. It utilizes Firebase for backend services.

eslint firebase framer-motion react react-hook-form react-router styled-components vite yup

Last synced: 23 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/iinaa-eimrit/universe-explorer-3d

Universe Explorer 3D is an interactive web-based simulation that allows users to explore a 3D solar system. Built using React Three.js, it features realistic orbital movements, clickable planets, and an immersive space journey. The project demonstrates advanced 3D rendering, animation, and UI interactivity in a modern web environment.

framer-motion nextjs radix-ui reactjs tailwindcss threejs

Last synced: 26 Jan 2025

https://github.com/judiciousmurich/judith-muthui-portfolio

Personal portfolio website, build with NextJs, TypeScript & Tailwindcss

animation developerportfolio framer-motion hacko nextjs open-source personal-website tailwind typescript

Last synced: 06 Feb 2025

https://github.com/anjasfedo/animevaultnextjs

NextJS Server Actions, Infinite Scroll and Framer Motion.

framer-motion frontend learning-by-doing nextjs react server-actions

Last synced: 17 Jan 2025

https://github.com/kenza15a/react-random-posts

ransom posts generator using place holder API

animation api framer-motion react reactjs redux rest-api tailwind tailwindcss

Last synced: 06 Feb 2025

https://github.com/kei-k23/portfolio

My updated portfolio

framer-motion nextjs typescript

Last synced: 31 Jan 2025

https://github.com/arslanr369/modern-next.js-portfolio-website

Built with Next.js for handling the user interface, Three.js for rendering 3D elements, Framer motion for beautiful animations, and styled with TailwindCSS, this portfolio demonstrates the developer's skills in a unique manner that creates a lasting impact.

framer-motion nextjs portfolio-website tailwind-css three-js

Last synced: 06 Feb 2025

https://github.com/tomascuevas/tomas-portfolio

Portfolio personal de Tomás Cuevas

framer-motion nextjs reactjs tailwind typescript

Last synced: 25 Dec 2024

https://github.com/samsze0/ui

A Next13 compatible React UI component library

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

Last synced: 31 Dec 2024

https://github.com/shuvoprogram/edusphere_frontend

EduSphere 🌐 revolutionizes learning! An interactive LMS fostering personalized education, collaboration, and skill mastery.

axios formik framer-motion material-ui nextjs re-charts react-countup react-pro-sidebar react-redux react-scroll redux-toolkit stripe swiper tailwindcss yup

Last synced: 23 Dec 2024

https://github.com/halvaradop/next-advice-generator

This is a project I developed using Next.js and TypeScript. The application generates and displays random tips that can be useful for everyday life. The tips are obtained from an external API and presented in a simple and attractive interface.

advice-generator-app framer-motion nextjs server-side-rendering tailwindcss typescript

Last synced: 06 Feb 2025

https://github.com/k5va/fable-next

Internet shop prototype using Typescript, React, Next.js, React Query, NextAuth, Prisma ORM, tailwindcss

framer-motion nextauth nextjs prisma-orm radix-ui react reacthookform reactquery tailwindcss typescript

Last synced: 23 Dec 2024

https://github.com/rafialfatih/irappy

Little project to practice next js with tailwindcss and framer motion

framer-motion nextjs react tailwindcss

Last synced: 06 Feb 2025

https://github.com/laraib-azmat/food_order_website

A react Js project for ordering food. Implemented the functionality of order food, add to cart, check for payment, login and signup

emailjs emailjs-com food-ordering framer-motion frontend react-toastify reactjs responsive-design

Last synced: 04 Dec 2024

https://github.com/santosalarcon/3dportfolioremix

Versión de mi portfolio principal que usa Remix para el SSR

framer-motion portfolio react remix tailwindcss threejs vite

Last synced: 04 Feb 2025

https://github.com/bgf0007/sslviewer

A modern, user-friendly SSL certificate analysis tool built with React and TypeScript.

claude-3-5-sonnet framer-motion node-js reactjs ssl-certificate tailwind-css vercel-deployment vercel-serverless vitejs windsurf

Last synced: 23 Jan 2025

https://github.com/fun117/nextjs-rich-tpl

This project is a Next.js template aimed at providing a robust starting point for building modern web applications. It comes with pre-configured localization support, theme toggling, and various other features to streamline development.

autoprefixer framer-motion i18n lucide-icons next-intl next-themes nextjs rich tailwindcss template vercel-hosting

Last synced: 10 Dec 2024

https://github.com/giomjds/personal-portfolio-reactjs

Personal portfolio for future usage

aos framer-motion react-jsx scss

Last synced: 10 Dec 2024

https://github.com/lakshaybhushan/pixelverse

A free to use text-to-image generator made using HuggingFace's API [DEPRECATED]

ai ai-image-generation framer-motion huggingface reactjs stable-diffusion tailwindcss

Last synced: 23 Dec 2024

https://github.com/slusy/readrealm

Landing page for the website 'Read Realm', which sells and rents books online and hosts discussions. Constructed with Next JS, Tailwind CSS, Framer Motion, and GSAP.

framer-motion gsap nextjs reactjs tailwindcss

Last synced: 11 Dec 2024

https://github.com/kanadshee-18/learnsphere

👨‍💻LearnSphere is a MERN-based EdTech platform enabling instructors to create courses and students to explore, enroll, and track progress. Features OTP-based login, secure payments, and smooth animations for an engaging experience.

cloudinary-api css-animations css-grid expressjs framer-motion googlecloudstorage lazy-loading mern-project mongodb nodejs nodemailer nodemailer-smtp-transport reactjs redux-toolkit tailwindcss

Last synced: 09 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/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/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/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/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/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/yuangwei/yuangwei.com

Yuang's portfolio and public articles.

blog framer-motion nextjs react tailwindcss

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

Framer Motion Awesome Lists
Framer Motion Categories