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/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/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/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/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/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/miladjoodi/light-saas-landing-page

This project involves creating a comprehensive website for your business using a versatile SaaS website UI Kit. The kit includes a variety of layouts, responsive breakpoints, and engaging 3D elements in diverse styles, ensuring a dynamic and visually appealing user experience.✔️

framer-motion nextjs14 react reactjs saas tailwind tailwindcss typescript

Last synced: 10 Oct 2024

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/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/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/bromso/jonasbroms-www

Jonas Bröms official website built with Turborepo, Nextjs, React, Shadcn/UI, TailwindCSS, Framer Motion & AcernityUI. Hosted on Vercel.

acertinityui framer framer-motion monorepo nextjs react shadcn-ui tailwindcss turborepo vercel

Last synced: 23 Dec 2024

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

☁️⚡ Twist Space is a powerful yet lightweight web application designed to display and manipulate 3D models in .glb format. Whether you're working on desktop or mobile, the app provides a seamless experience for viewing and interacting with 3D content.

framer-motion react tailwindcss threefiber threejs threejs-learning typescript wouter

Last synced: 10 Oct 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/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/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/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/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/omarramoun/swenson-he

Event Building Inc. web application that allows the user to select the task they want. All tasks are categorized under different categories like (Staff, Food, Catering ..etc). As such, the user selects a category and should be able to see all the items under this category.

css-modules framer-motion next redux-toolkit

Last synced: 19 Jan 2025

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/azarahmadov/nextjs14-fullstack-blogapp

Fullstack is a blogging application. The content of the blog is about software topics. You must first log in to read the blogs. If you want, you can fill out the form or log in directly with your github account.

bcryptjs-for-password-encryption framer-motion mongodb moongose nextauthjs nextjs14 serveractions typescript

Last synced: 15 Dec 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: 15 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/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/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: 15 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/sdpdas/homedesigninterior

Done using NextJS, React, Tailwind CSS, Bootstrap, Framer Motion and ShadCn. A very modern and comprehensive app for interior design that took me 3-4 days to make.

bootstrap framer-motion lucide nextjs nextjs14 react shadcn tailwindcss

Last synced: 10 Oct 2024

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/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/codepapa360/rock-paper-scissors

A Rock-Paper-Scissors game built with React, TypeScript, and Framer Motion. Enjoy a clean, interactive experience with smooth animations

framer-motion framermotion frontend frontend-app frontend-mentor frontendmentor-challenge rock-paper-scissors rock-paper-scissors-game typescript

Last synced: 10 Oct 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/azarahmadov/dev-portfolio

The portfolio website I prepared for developers

emailjs framer-motion nextjs14 react-toastify tailwindcss typescript

Last synced: 15 Dec 2024

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/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/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/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/rleite-it/ai-landing-page

A sleek and modern landing page for AI-powered SEO tools. Built with Next.js, React, Tailwind CSS, and TypeScript.

framer-motion landing-page nextjs react tailwindcss typescript

Last synced: 10 Oct 2024

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/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/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/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/felipetodev/react-portfolio

Playing around Framer Motion w/ React

framer-motion react

Last synced: 28 Dec 2024

https://github.com/kumardhananjaya/sorting-visualizer

This app is an interactive sorting visualizer that demonstrates various sorting algorithms. Using React and TypeScript, it offers real-time animations and detailed explanations of each algorithm's workings, allowing users to compare and understand their performance.

algorithms animations framer-motion react styled-components typescript

Last synced: 10 Oct 2024

https://github.com/drakealia/green-thumb

A smart indoor gardening system built with Next.js, Tailwind CSS, TypeScript, shadcn, and framer-motion

framer-motion nextjs shadcn-ui tailwind typescript

Last synced: 02 Jan 2025

https://github.com/rleite-it/dark-portfolio

A modern, dark-themed portfolio template built with Next.js, React, and TailwindCSS. Perfect for developers and designers looking to showcase their work with style.

dark-theme framer-motion nextjs portfolio react tailwindcss typescript

Last synced: 10 Oct 2024

https://github.com/sujoykrhaldar/next-tailwind-starter

Next.js tailwind css starter template. Custom Image component with lazy loading animation, Custom button with icon support, framer-motion smooth page transition animation.

framer-motion nextjs reactjs tailwindcss

Last synced: 27 Dec 2024

https://github.com/new-dev0/minebox

3D Social platform which is personal

3d framer-motion minebox minecraft platform social threejs

Last synced: 30 Dec 2024

https://github.com/priyanshupatel02/fitnessguruapp

An Exercise Fitness React App that features a user-friendly interface for browsing exercises categorized by type (e.g., back, cardio, chest), viewing related exercises, and accessing recommended instructional YouTube videos, enhancing the interactive user experience.

css css3 exercisedb-api flexbox framer-motion material-ui netlify-deployment npm npm-module npm-package rapid-api rapidapi react react-hooks react-horizontal-scrolling-menu react-type-animation reactjs youtubesearchanddownload-api

Last synced: 21 Dec 2024

https://github.com/pranjal-jamuar/refokus-clone

This is a clone for the landing page of "refokus", an awwwards winning website, I have taken the website and added a few takes of my own onto it with respect to the animations and smooth scrolling features.

framer-motion locomotive-scroll-v5 locomotivejs reactjs reactjs-project tailwindcss

Last synced: 30 Dec 2024

https://github.com/nakibiqbal/website-sundae_creative

Project-1 : Website clone of Sundae Creative. Based on REACT.JS

css framer-motion html javascript reactjs

Last synced: 30 Dec 2024

https://github.com/carlos-levi/rastropro

🚧 O projeto combina um excelente design com funcionalidades otimizadas, incluindo animações suaves e SEO aprimorado

framer-motion nextjs reactjs tailwindcss

Last synced: 10 Oct 2024

https://github.com/dj1samsoe/frontend-simpultech

This project for Assessment Project Test as a Frontend Engineer at Simpul Technologies

framer-motion nextjs14 shadcn-ui tailwindcss typescript

Last synced: 21 Dec 2024

https://github.com/gozmanthefirst/motions

A repository for learning web animations. Learning from Emil Kowalski's animations course.

framer-motion nextjs reactjs tailwindcss

Last synced: 05 Jan 2025

https://github.com/urvish-j-p/urvish_site

This project showcases my work and skills through smooth animations and an intuitive user interface, making it easy to explore my professional journey.

framer-motion react tailwind-css vite

Last synced: 06 Jan 2025

https://github.com/suryaandh/website-personal

Website for personal and portfolio

framer-motion nextjs tailwind-css typescript

Last synced: 23 Dec 2024

https://github.com/shohail-dev/anime-collect

A one destination for my day-to-day dose of animes providing me with ratings and recommendations of various airing and aired animes across the globe.

css framer-motion nextjs react-intersection-observer react18 server-actions typescript

Last synced: 07 Jan 2025

https://github.com/mr-rafiqul-islam/playing-headphone-landingpage

This is a modern headphone shop Landing Page fully responsive with beautiful animation

framer-motion mousefollower npm reacticons reactjs

Last synced: 13 Jan 2025

https://github.com/barbaraeguche/pawsquad

🐾 a friendly pet adoption application built with nextjs.

framer-motion next-auth nextjs pets postgresql prisma vercel zustand

Last synced: 26 Jan 2025

https://github.com/rleite-it/saas-dark-landing-page-template

A simple SaaS landing page template with a dark theme built using Next.js, React, and Tailwind CSS.

framer-motion nextjs react saas-boilerplate tailwindcss

Last synced: 10 Oct 2024

https://github.com/peter-roh/homepage

Visit my homepage and work with me!

aceternity-ui framer-motion nextjs tailwindcss typescript

Last synced: 21 Jan 2025

https://github.com/ajay2827/adventureverse

React Full Stack Blogging App

express-js framer-motion mongodb nodejs reactjs

Last synced: 14 Jan 2025

https://github.com/paulopbi/portfolio-react-legacy

My old legacy portfolio made with react and javascript

css framer-motion javascript motion reactjs tailwind

Last synced: 04 Jan 2025

https://github.com/ryo-samuraijp/starwars-portfolio

Modern web portfolio built with React, Vite, TypeScript, and Tailwind CSS, animated by Framer Motion.

api api-rest axios dotenv email-js framer-motion javascript motion react react-hook-form react-js reactjs swiper tailwind-css tailwindcss typescript vite zerobounce zod

Last synced: 27 Dec 2024

https://github.com/dev-sire/minimalportfolio

Single page modern and minimal portfolio website

framer-motion nextjs14 tailwindcss threejs typescript

Last synced: 12 Jan 2025

https://github.com/metaverse-nabeel/portfolio_next_js

⭐Build a stunning portfolio website with Next.js, Tailwind CSS and Framer-motion.

framer-motion nextjs13 reactjs redux-toolkit responsive-web-design tailwind-css

Last synced: 21 Jan 2025

https://github.com/uoawdcc/wdcc-website-v4

WDCC's v4 website for 2025 (in development)

framer-motion frontend nextjs14 react threejs website

Last synced: 21 Jan 2025

https://github.com/maseurodrigo/cartoneai

AI-Powered 3D F1 Car Customization

framer-motion react tailwindcss threejs vitejs

Last synced: 20 Jan 2025

https://github.com/asrvd/v2.asrvd.me

v2 of my personal site made using typescript, nextjs, tailwind, & motion

contentlayer framer-motion nextjs tailwindcss tyepscript

Last synced: 30 Dec 2024

https://github.com/pegahdp/full-recipe-app

React food recipe app using Spoonacular API styled with Styled Components

api framer-motion react router-dom styled-components

Last synced: 14 Jan 2025

https://github.com/alejandra-rojas/ui-components-library

Small components library: Drawing inspiration from current web trends, experimenting with specific features, or recreating something I have seen online. Work in progress.

css css-animations framer-motion gsap

Last synced: 14 Jan 2025

https://github.com/rinkhimera/nclc-clb-calculator

Calculation tool for Canadian Language Benchmarks / Outil de calcul des Niveaux de compétence linguistique canadiens

framer-motion jest-tests nextjs shadcn-ui tailwindcss typescript zod-validation

Last synced: 14 Jan 2025

https://github.com/thamir0022/portfolio

👋 Welcome to my developer portfolio! Here, you'll find my projects and contributions, highlighting my skills in building modern web applications with the latest technologies.

framer-motion nextjs portfolio react tailwindcss threejs typescript

Last synced: 11 Oct 2024

https://github.com/nrprosper/indoor-ecommerce

Welcome to the Indoor eCommerce Platform! This project is a modern React-based web application designed to showcase and sell indoor furniture and utensils. 🛋️🍽️

framer-motion helmet reactjs swiper tailwindcss tsx

Last synced: 27 Jan 2025

https://github.com/anyabravich/owltop

🎓 Completed the NextJS course from «PurpleSchool»

axios framer-motion nextjs react typescript

Last synced: 21 Dec 2024

https://github.com/anyabravich/wibe-studio

🎓 I studied the work of gsap and framer motion using the example of creating a website

framer-motion gsap react styled-components

Last synced: 21 Dec 2024

Framer Motion Awesome Lists
Framer Motion Categories