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

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/ananthuspace/ms-grad.nextjs

This project is a dynamic landing page designed specifically to showcase graduate programs and services. It is built with Next.js, TypeScript, and Tailwind CSS for a fast, modern, and responsive user experience. Additionally, Framer Motion is used for smooth scrolling animations and dynamic interactions, making the interface more engaging.

framer-motion nextjs tailwindcss typescript

Last synced: 13 Feb 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/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/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/anrsgrl/metalife

Metalife is a company dedicated to managing freelance projects and teaching programming👨‍💻

bootstrap firebase framer-motion react react-router react-router-dom sass

Last synced: 13 Feb 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/sandygudie/kanban-app

A project management board application built with Vite React, TailwindCSS, Redux Toolkit and Typescript

chakra-ui cypress formik-yup framer-motion react redux-toolkit tailwindcss typescript vitejs

Last synced: 08 Feb 2025

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

Learn framer motion in react

framer-motion react

Last synced: 13 Feb 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/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/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/epoll31/foli.at

An online portfolio sharing and generating platform. Users can create professional portfolios with a custom tag-based URL. Built with Next.js 14, Prisma, and PostgreSQL. Features secure authentication, responsive design, and profile management.

framer-motion nextjs portfolio postgresql prisma tailwindcss

Last synced: 13 Feb 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/loke-js/virtual-threads

A 3D-shop to Customize your own Tshirt's Logos and Patterns.

expressjs framer-motion hugging-face nodejs reactjs stable-diffusion-xl-1 three-js valtio

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

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/sohanemon/astro-template

Astro Template with Framer motion | Animation

astro framer-motion jsx shadcn-ui tailwindcss typescript

Last synced: 13 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/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/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/sepidsoroush/stepper

A multi-step component with smooth sliding transitions between steps

framer-motion react typescript ui-components vite

Last synced: 13 Feb 2025

https://github.com/wojciech-turek/tokenhatchery

A Next.js app that allows you to create your own tokens.

framer-motion mongodb mongoose nextjs react react-query tailwindcss wagmi

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

https://github.com/thebigsasha/nasa-gallery

An interactive gallery of NASA's photos of the day, with a like system :)

framer-motion gatsby scss spring-boot typescript

Last synced: 13 Feb 2025

https://github.com/keanteng/solo-leveling

※ Solo Leveling System Experience Website

framer-motion nextjs radix-ui solo-leveling typescript

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

https://github.com/1999-sahil/devlab-myportfolio

DevLab is basically my digital porfolio to showcase my skills in Frontend Development and technologies. You can check out by clicking link below.

aceternity-ui framer-motion google-fonts lucide-react react-icons react-pdf react-router-dom reactjs shadcn-ui tailwind-css typescript vite

Last synced: 13 Feb 2025

https://github.com/shivankk26/shivank-latest-portfolio

This is the Latest Version of my Portfolio which can be viewed at shivank.xyz

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

Last synced: 13 Feb 2025

https://github.com/tedjenkler/arch-studio-scss-portfolio

Project by Teodor Jenkler for Frontend Mentor's challenge is a multi-page website for Arch Studio built with React and SCSS. It showcases a fully responsive design, optimized for various screen sizes, interactive hover states, and robust form validation. This project highlights my skills in converting Figma designs into code

figma formik framer-motion leaflet react react-router scss vite yup-validation

Last synced: 13 Feb 2025

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

Official website for Florine Leroy

chakaraui framer-motion graphics graphisme next vercel

Last synced: 13 Feb 2025

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

Framer Motion Awesome Lists
Framer Motion Categories