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/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/emanuelefavero/apple-scroll-animation-2

A Framer Motion and React implementation of another famous Apple scroll animation

animation apple framer-motion nextjs parallax react scroll tailwindcss

Last synced: 20 Dec 2024

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/6km/tic-tac-toe

An awesome Tic Tac Toe game made with React.js and Framer Motion 🎮

framer-motion react react-game tic-tac-toe

Last synced: 26 Jan 2025

https://github.com/tanishkadeep/landing-page

This is a modern SaaS landing page built using Tailwind CSS, TypeScript, Next.js, and Framer Motion. The project is designed to be highly responsive and interactive, providing a sleek and professional look for SaaS applications.

framer-motion nextjs tailwindcss typescript

Last synced: 05 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/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/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/susmita-dey/portfolio

Portfolio website v2 - Built with Next 14, Shadcn, Framer-Motion, Tailwind CSS and GSAP

framer-motion gsap headless-hashnode nextjs14 portfolio-website shadcn-ui tailwindcss

Last synced: 12 Oct 2024

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

This project was built for Google AI Hackathon. Here's the submission - https://devpost.com/software/snaptunes

framer-motion gemini-api nextjs13 spotify-api

Last synced: 11 Nov 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/iamfrerot/frerot.dev

Welcome to my portfolio website! I built this using React, Vite, Framer Motion, Tailwind CSS, React Icons, and components from Aceternity UI to showcase my projects, skills, and contact details in a modern and engaging way.

framer-motion portfolio react tailwind 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/azarahmadov/dev-portfolio

The portfolio website I prepared for developers

emailjs framer-motion nextjs14 react-toastify tailwindcss typescript

Last synced: 08 Feb 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/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: 20 Dec 2024

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/santosl2/dev-hunter

Você precisa de encontrar desenvolvedores? Tente Dev Hunter

developer flowbite framer-motion jest next-auth nextjs react react-query react-select redux tailwindcss typescript zod

Last synced: 28 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/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/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/salamjillani/abdulsalam-portfolio

Portfolio site built with React, Tailwind, Framer Motion

framer-motion reactjs tailwindcss

Last synced: 12 Feb 2025

https://github.com/caionikolas/empire

Projeto web de uma hamburgueria fictícia chamada Empire Burger utilizando NextJS

figma framer-motion nextjs react

Last synced: 15 Jan 2025

https://github.com/saibarathr/personal-portfolio-react

Clean and Concise Portfolio Site using react with tailwind & react router with options like dark, light, clean, monospaced and grain options

css-animations framer-motion react shaders tailwindcss threejs

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

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/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/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: 21 Dec 2024

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/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: 21 Dec 2024

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

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: 21 Dec 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/azarahmadov/css-buttons-library

Button library was prepared using React and TypeScript. There are 40 different button designs

framer-motion reactjs typescript

Last synced: 08 Feb 2025

https://github.com/jramke/spotify-timeline

Beautiful Timelines of your 🟢 Spotify Playlists

framer-motion nextjs

Last synced: 21 Dec 2024

https://github.com/payalkumari10/payal_portfolio

Payal Portfolio: This project showcases a sleek and modern portfolio website built using Next.js 14, Tailwind CSS, and Framer Motion. It highlights smooth animations, responsive design, and optimized performance, offering a seamless user experience.

framer-motion nextjs14 tailwindcss

Last synced: 27 Dec 2024

https://github.com/aleexvdev/app-weather

🌦️ Weather App is an interactive web application designed to display accurate and up-to-date weather information.

framer-motion maplibre-gl-js nextjs15 shadcn-ui tailwindcss typescript zustand

Last synced: 08 Feb 2025

https://github.com/zacharybear/learn-framer-motion

A repo record the learning trajectory of Framer Motion

framer-motion motion notes

Last synced: 21 Dec 2024

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

Official website for Florine Leroy

chakaraui framer-motion graphics graphisme next vercel

Last synced: 21 Dec 2024

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/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: 05 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/sanjaraiy/nextjs_project

🎵 Dive into this Musical Project repository, crafted with HTML, Tailwind CSS, TypeScript, and Next.js, featuring dynamic animations powered by Framer Motion and Aceternity UI!

aceternity-ui framer-motion html5 nextjs nodejs tailwind-css typescript

Last synced: 05 Jan 2025

https://github.com/cmoleka/portfolio2023

Carlo Moleka Sambea, portfolio website.

framer-motion nextjs tailwindcss typescript vercel

Last synced: 19 Nov 2024

https://github.com/veerendra19codes/axel

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

framer-motion reactjs tailwindcss

Last synced: 22 Dec 2024

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

Explore my impressive portfolio showcasing a range of web development projects crafted with technologies like React, Redux, Next.js, Go, Ruby on Rails, and more. From dynamic user interfaces to robust applications, discover a world of creativity and innovation.

css framer-motion html javascript nextjs reactjs tailwindcss

Last synced: 15 Jan 2025

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

Made using React, Tailwind CSS and framer-motion

framer-motion portfolio reactjs tailwindcss

Last synced: 22 Dec 2024

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

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

Just testing different things with framer

framer-motion reactjs

Last synced: 30 Dec 2024

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/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/roblesdotdev/discover-lab

Discover-Lab es una plataforma en línea que proporciona un espacio centralizado para descubrir, colaborar y conectar con proyectos innovadores y emprendedores de todo el mundo.

framer-motion prisma radix-ui remix tailwindcss typescript website

Last synced: 13 Jan 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/roblesdotdev/calendext

Event Management Application built with Next.js, leveraging the power of version 13. It enables users to schedule and customize their own events on an individual basis. Enjoy a seamless and modern experience for creating, editing, and managing events in an intuitive manner.

framer-motion nextjs prisma radix-ui shadcn-ui tailwindcss typescript website

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

Framer Motion Awesome Lists
Framer Motion Categories