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/hendraaagil/pizza-joint

Learn framer motion in react

framer-motion react

Last synced: 13 Feb 2025

https://github.com/kemi-oluwadahunsi/my-portfolio-react

This is my brand portfolio (KodeMaven). It showcases about me, my projects, services I render, contact information with form configuration.

animation-css css emailjs framer-motion html5 javascript react sass

Last synced: 04 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: 24 Dec 2024

https://github.com/antidote003/celsius_2023_ciem

The Official website of the fest conducted by CIEM Kolkata named as CELSIUS

chakra-ui framer-motion html5 javascript react sass

Last synced: 25 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/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/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/lakiolive/kanbanboardsliwka

This application enables teams to manage projects efficiently with a feature-rich Kanban board. It offers tools for task organization, seamless drag-and-drop functionality, and real-time updates, ensuring an optimized workflow and improved collaboration. Second domain: https://kanban-board-sliwka.sloudhost.ovh/

board firebase formik framer-motion kanban kanban-board react react-beautiful-dnd react-icons reactjs sass scss tailwindcss typescript vite vitejs web website yup

Last synced: 30 Dec 2024

https://github.com/mh-hamza/my-portfolio-web

This is my Modern Personal Portfolio

framer-motion javascript portfolio react

Last synced: 12 Jan 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/felipetodev/forever-chile

work for art direction & films chilean agency

contentful framer-motion graphql nextjs styled-components

Last synced: 28 Dec 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/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/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/rifandani/amazon-clone

Built on top of React, Firebase, Material-UI, TailwindCSS and a touch of Framer-Motion.

amazon-clone firebase framer-motion material-ui reactjs tailwindcss

Last synced: 21 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/muntasir-fahii/cordemy

Cordemy: An E-learning platform for diverse courses, effortless payments via Stripe, and secure user authentication with Next-Auth. Explore, learn, and contribute to our open-source project!

framer-motion mogodb nextauth nextjs prsima tailwindcss

Last synced: 11 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/audrbar/folio

A One Page NextJS 13 Application, build on ReactJS, TypeScript, Advanced Animation with Framer Motion, Tailwind CSS, React Email and Resend, hosted on Versel

framer-motion nextjs13 react-email reactjs resend tailwindcss typescript vercel-deployment

Last synced: 06 Jan 2025

https://github.com/yikzero/roominess4

This is the fourth version of the 'Roominess' personal portfolio repository, built with React, Vite, and Tailwind CSS.

css figma framer-motion profile react tailwind tailwindcss typescript vite

Last synced: 28 Dec 2024

https://github.com/psykat1116/portfolio

It Is My Personal Portfolio Website Made Using Next JS, Tailwind CSS, Typescript, Framer Motion For Animation and Much More

framer-motion nextjs tailwindcss typescript usehooks-ts

Last synced: 25 Dec 2024

https://github.com/ritikprajapat21/reflexrush

ReflexRush is a fun web game to test your reaction time! 🕹️ Click the box as fast as you can when it turns green, and see your speed in milliseconds. Built with React, Vite, TypeScript, TailwindCSS, and Framer Motion for a smooth, modern experience. 🚀

bun framer-motion react tailwindcss typescript vite

Last synced: 10 Feb 2025

https://github.com/vikraman1653763/carousel-cards

Dynamic Animated Carousel with Framer Motion

carousel carousel-slider css framer-motion react

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

※ Solo Leveling System Experience Website

framer-motion nextjs radix-ui solo-leveling typescript

Last synced: 21 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/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/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/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/lucidjoy/osfd-signatureverify

Intern - Developed a signature verification system using Next.js

flowbite framer-motion nextjs tailwindcss

Last synced: 08 Jan 2025

https://github.com/the-coder-o/portfolios.world

Best place to find portfolio inspiration Browse our curated collection of 309+ exceptional designs to help you create your best portfolio yet.

aceternity-ui framer-motion nextjs15 react19 shadcn-ui tailwindcss typescript

Last synced: 30 Dec 2024

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

My portfolio website

framer-motion nextjs react tailwindcss threejs

Last synced: 20 Jan 2025

https://github.com/hironkanishka97/my-portfolio

Web app Created Using React , Tailwind CSS and Framer Motion for Portfolio website

framer-motion reactjs tailwindcss

Last synced: 21 Jan 2025

https://github.com/takuyadev/ghibli-movielist-revamp

Ghibli Movielist (revamped) self project built using React.js and Framer Motion,

css framer-motion front-end html javascript react self-learning self-project

Last synced: 04 Feb 2025

https://github.com/roygitt/nike-tailwind

A sleek landing page for nike made with reactjs, tailwind css and framer-motion.

framer-motion react-countup reactjs tailwindcss

Last synced: 26 Jan 2025

https://github.com/prthub/realo

This project is built using the MERN stack, Tailwind CSS, Redux Toolkit, and Firebase. It offers a comprehensive solution for managing real estate properties, providing a seamless user experience for both property owners and seekers.

expressjs firebase framer-motion hashpassword jwt-authentication mern-project mern-stack mongoose nodejs nodemon react-helmet-async react-hot-toast react-router-dom react-select reactjs real-estate redux-persist redux-toolkit tailwindcss

Last synced: 29 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/prthub/myanimelist

Provide Information about Anime, Just like 'MyAnimeList.net'.

framer-motion myanimelist rapid-api react-router-dom reactjs tailwindcss

Last synced: 29 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/roygitt/2.99d-portfolio

Explore my portfolio with a clean and modern aesthetic, this portfolio showcases my work. Made using reactjs, react-three, framer-motion and tailwind css.

emailjs framer-motion react-three-drei react-three-fiber react-tilt react-vertical-timeline-component reactjs tailwindcss

Last synced: 26 Jan 2025

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/torvec/framer-animation-tests

Just testing different things with framer

framer-motion reactjs

Last synced: 30 Dec 2024

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/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/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/pushpankdhruw/ai-startup-landing

🤖 Welcome to our AI-driven SEO startup landing page. This project showcases our innovative approach to search engine optimization using cutting-edge AI technology.

framer-motion landing-page nextjs14 tailwindcss

Last synced: 21 Dec 2024

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/ryo-samuraijp/fullstack-portfolio

Full-stack StarWars-themed portfolio built with React, Vite, TypeScript, Tailwind CSS, Node.js, and Express.js; and modernly animated with Framer Motion.

axios express-js expressjs framer-motion javascript motion node-js node-js-express nodejs react react-hook-form reactjs swiper swiperjs tailwind-css tailwindcss typescript vite zerobounce zod

Last synced: 19 Dec 2024

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/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/majidraimi/my-portfolio

My new portoflio using React, Three.js, Framer Motion, Tailwind.

framer-motion react threejs typescript

Last synced: 30 Dec 2024

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/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/gowth6m/online-tictactoe-frontend

Frontend for Online TicTacToe game - invite friends to play TicTacToe on a board of any size and winning condition! Built with React, Zustand, Framer Motion, Tailwind and React Query

framer-motion online react reactquery tailwind vercel vite zustand

Last synced: 24 Jan 2025

https://github.com/ryancoll/personal-portfolio

RColl Dev, an aspiring developer, shows off his work in this spectacular portfolio site.

contentful-api framer-motion nextjs

Last synced: 08 Jan 2025

https://github.com/audrbar/portfolio-backend

A Full Stack Project Portfolio App Backend, build on React, deployed on Netlify

framer-motion netlify-deployment nextjs node-sass react-icons reactjs sanitycms tooltip

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

Framer Motion Awesome Lists
Framer Motion Categories