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

Build & Deploy Simple React JS Portfolio Website | React, Tailwind, Framer Motion Project

framer-motion html5 javascript reactjs tailwindcss

Last synced: 22 Jan 2025

https://github.com/antga/frontendmentor-submissions

This repository hosts the website that contains all of my submissions for Frontendmentor!

framer-motion frontend prettier react reactrouter tailwindcss vite

Last synced: 13 Oct 2024

https://github.com/sougata-github/dark-saas-landing-page

Dark themed Saas landing page built using Next.js.

framer-motion nextjs tailwindcss typescript

Last synced: 22 Jan 2025

https://github.com/avinashreddy1315/coinwatch

CryptoWatch is a Chrome extension for tracking cryptocurrency prices and managing favorites. It includes real-time data from CoinGecko API, user authentication, and powerful historical data visualization features.

apexcharts chartjs coingecko-api css firebase firebaseauthentication firestore-database framer-motion javascript material-ui raectjs

Last synced: 26 Jan 2025

https://github.com/22ayaan/portfolio

A modern portfolio built with Next.js for handling the user interface, Three.js for rendering 3D elements, Framer motion for beautiful animations, and styled with TailwindCSS.

framer-motion nextjs tailwindcss three-js

Last synced: 14 Feb 2025

https://github.com/anelkamd/composant-reactjs-et-tailwindcss-frame-motion

Un repository ou tu peux trouver plein des composants que j'ai moi mΓͺme fait pour vous !

framer-motion react-js react-jsx tailwindcss

Last synced: 14 Feb 2025

https://github.com/vitorserrano/next-tailwind-framermotion

πŸ–₯ RepositΓ³rio para aprender como utilizar TailwindCSS no Nextjs e Framer Motion.

framer-motion nextjs reactjs tailwindcss typescript

Last synced: 31 Dec 2024

https://github.com/olawale-o/nutritionist

A nutritionist personal website

bun framer-motion nextjs tailwindcss

Last synced: 15 Jan 2025

https://github.com/zeeshandev15/interactive-resume

A dynamic and interactive resume built with Next.js and Framer Motion, featuring animations and confetti effects. The project displays a PDF resume on desktop and a preview image on mobile for a seamless experience. πŸš€

framer-motion nextjs

Last synced: 14 Feb 2025

https://github.com/truongtannghia/build-my-profile-nextjs

Create a Stunning Portfolio Website with Nextjs, Tailwind CSS and Framer-motion🌟

framer-motion nextjs tailwind-css

Last synced: 17 Nov 2024

https://github.com/lukinoo/react-card-3d

Nike card animation with React.js typescript and Framer motion

framer-motion react typescript

Last synced: 28 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/aakashdixit22/talx-frontend

An innovative web application that connects job posters and applicants, offering seamless job management, AI-driven resume analysis, career guidance, and up-to-date industry news. Built with React, Tailwind CSS, Node.js, MongoDB, and Flask, and hosted on Vercel for optimized performance. 🌟

ai-powered flask-ai framer-motion gemini-flash-ai javascript job-portal llama-3-1 nodejs react-markdown reactjs responsive-design resume-ai resume-analysis tailwindcss vercel-deployment vite-react

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

A dynamic portfolio showcasing my frontend skills with interactive elements, featuring React Query for efficient data fetching and GitHub token authorization.

framer-motion react reactquery tailwindcss token-authetication typescript vite

Last synced: 21 Nov 2024

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

NextJS14 with server action, EmailJS, TailwindCSS, Framer Motion and portfolio download

framer-motion light-and-dark-modes nextjs14-typescript tailwindcss

Last synced: 22 Jan 2025

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

My portfolio website

framer-motion nextjs react tailwindcss threejs

Last synced: 20 Jan 2025

https://github.com/hgschandeepa/portfoilosite_2022_jan

This is an opensource portfolio website. Here we added dark mode animations using Framer Motion and also a fully customizable sanity.io backend

framer-motion nextjs sanity-io tailwindcss

Last synced: 11 Jan 2025

https://github.com/9h7d9x/3d_portfolio

Fantastic 3D Portfolio Website with React.js and Three.js.

framer-motion reactjs reactthreefiber tailwindcss

Last synced: 04 Jan 2025

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

Personal portfolio website project built using Next.js. It includes email handling for a fully functional contact form. The project is configured with Tailwind CSS for styling and Vercel for deployment.

framer-motion nextjs react react-email resend tailwindcss typescript

Last synced: 10 Jan 2025

https://github.com/itsphoenix03/pondicherry-university-nss-portal

This is the Pondicherry University (Central University) National Service Scheme (NSS) Portal.

expressjs firebase framer-motion googleforms headlessui mogodb mongoose nodejs react redux redux-toolkit tailwindcss

Last synced: 09 Feb 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/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/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/sk1ees/react-modern-website

The website is a modern, responsive platform built with React, focusing on providing a seamless and engaging user experience.

framer-motion modern-website react react-modern-website react-website tailwindcss

Last synced: 16 Jan 2025

https://github.com/ali-alim/portfolio

Portfolio Web App - React.js, Sanity, Framer-motion, React-Router-Dom, Sass

framer-motion node-sass react-router-dom reactjs sanity-io styled-components

Last synced: 11 Feb 2025

https://github.com/sohanemon/freed-space

Hua ZangNET COLLECTION FOR YOU World Yuan UniverseThree Holy Halls

clsx framer-motion nextjs react tailwindcss typescript

Last synced: 15 Jan 2025

https://github.com/skn437/skn-framer-types

A Simple Type Definition Extension Library For Framer Motion 11

animation bun framer-motion library nextjs nodejs react types typescript

Last synced: 12 Nov 2024

https://github.com/adityaapraveen/twist-tac-toe

TicTacToe with a twist being there is no chance of a draw

framer-motion react three-js vite

Last synced: 16 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/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/sohanemon/pie

Full static website with Next.js

clsx framer-motion lucide-icons nextjs react tailwindcss typescript

Last synced: 15 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/dev-kawser/hekto-ecommerce-client

A fully responsive e-commerce website built with the MERN stack, featuring secure user authentication, product browsing, and sslcommerz integration for payments. This project is currently under development, with new features and improvements being added regularly.

aos express firebase framer-motion jwt mogoose mongodb nodejs react sslcommerz tailwindcss

Last synced: 12 Nov 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/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/tooniez/chrome-extension-vite-shadcn-framer

Chrome extension Vite Starter with Shadcn, Framer and Tailwind CSS

extension-chrome framer-motion shadcn-ui tailwindcss vite

Last synced: 21 Dec 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/zenkiebear/learn-framer-motion

A repo record the learning trajectory of Framer Motion

framer-motion motion notes

Last synced: 03 Nov 2024

https://github.com/abhijitnr/abhijitnr.github.io

This is my personal portfolio, which includes a home section, an about section, my GitHub stats section, a skills section, a project section, a contact section, and a button to download my resume. Please click the link below to visit my portfolio πŸ‘‡πŸ‘‡πŸ‘‡

css3 emailjs-browser framer-motion html5 javascript personal-website portfolio portfolio-site portfolio-website reactjs sass

Last synced: 24 Jan 2025

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/sohanemon/apple-dock

A dock that inspired by the native dock found on Apple devices.

animation framer-motion next13 nextjs react tailwindcss

Last synced: 15 Jan 2025

https://github.com/lakiolive/interactivemaptrip

This application is designed to help tourists find points of interest and plan their routes. The interactive map allows users to search for locations, view details about various attractions, and create customized travel itineraries.

framer-motion interactive-map javascript leaflet map maps react react-leaflet reactjs scss tailwindcss vite vitejs web website

Last synced: 07 Jan 2025

https://github.com/imhalid/hikarix

A wonderfully designed movie search platform with R3F (React Three Fiber).

framer-motion infinity-scroll nextjs r3f react-three-fiber tmdb-api typescript

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: 23 Oct 2024

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

Made using React, Tailwind CSS and framer-motion

framer-motion portfolio reactjs tailwindcss

Last synced: 14 Feb 2025

https://github.com/veerendra19codes/axel

Frontend Furniture Shopping Project using React, TailwindCSS and framer motion for animation

framer-motion reactjs tailwindcss

Last synced: 14 Feb 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/richllew182/react-portfolio

Personal Portfolio / Module 13 Challenge for EDX Bootcamp

bootstrap framer-motion nodejs react

Last synced: 07 Jan 2025

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

This is an INTERMEDIATE level challange from FrontEndMentor

api framer-motion json-server react-api react-hooks react-router reactjs tailwindcss vitejs

Last synced: 13 Jan 2025

https://github.com/woorifisa-projects-3rd/withbeetravel-fe

βœˆπŸ’΅ μ—¬ν–‰ 곡동 μ§€μΆœ 관리 및 μžλ™ μ •μ‚° μ„œλΉ„μŠ€

framer-motion nextjs storybook turborepo 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/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/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/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/mpirescarvalho/tesla-layout-clone

Tesla website layout clone 🎨🚘

framer-motion frontend reactjs styled-components typescript

Last synced: 22 Jan 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/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/cesarolvr/slider-nextjs-gsap-app

A πŸ›· slider component using NextJS + πŸ₯¦ GSAP Timeline: https://xyzphotography.vercel.app

classnames framer-motion gsap nextjs scrolltrigger styled-components typescript vercel

Last synced: 24 Dec 2024

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/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/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/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/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: 15 Feb 2025

Framer Motion Awesome Lists
Framer Motion Categories