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/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/devwithzain/text-opacity-scrool-component

Text Opacity Scroll Component created with Next JS, Tailwind CSS, Framer Motion and TypeScript

framer-motion nextjs reactjs tailwindcss typescript

Last synced: 12 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/evanch98/flowt-landing-page

A landing page for a fictional company. Built with Next.js, React, TypeScript, Tailwind CSS, and Framer Motion.

framer-motion landing-page micro-animations nextjs react storybook tailwindcss typrescript web-animation

Last synced: 22 Jan 2025

https://github.com/jane-does-coding/halloween-

Ever wondered where Halloween came from?

framer-motion git github react tailwindcss typescript

Last synced: 20 Dec 2024

https://github.com/iryna-vyshniak/next14_framer-motion_infinity-scroll

Experience with Next14's revolutionary Infinity Scroll feature with framer-motion

framer-motion infinity-scroll next14

Last synced: 15 Dec 2024

https://github.com/abhiroopc84/asterisk-ui

Beautiful animated components built with Next.js, Tailwind CSS, shadcn/ui and Framer Motion. Customizable. Open Source.

framer-motion nextjs react shadcn-ui tailwindcss ui

Last synced: 22 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/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/arnobt78/restaurantts-nextjs-website

RestaurantTS App is a NextJS 14 Static Restaurant Landing Page, using React.js, Typescript, Webpack, TailwindCSS, Framer-Motion, TailwindCSS-Animate, Radix-UI, Date-fns, React-Leaflet, Lucide-React, React-Day-Picker, React-Scroll, React-Icons, React-Responsive features and deployed on Vercel.

date-fns framer-motion lucide-react nextjs nextjs14 radix-ui react-day-picker react-hooks react-icons react-leaflet react-router react-typescript reactjs restuarent-template resturant-app tailwindcss tailwindcss-animate typescript vercel-deployment webpack

Last synced: 19 Dec 2024

https://github.com/arnobt78/animevault-nextjs-webpage

Anime-Vault is a NextJS 14 Server Side App with Server Actions, Infinite Scroll, and Framer-Motion Animations, which displays the lists of all anime from Server Side API. This project aims to define, understand, separate, and implement Server Side Actions and Clint Side Actions in NextJS and deploy on Vercel.

anime anime-api anime-list client-side-rendering framer-motion infinite-scrolling nextjs nextjs14 nextjs14-typescript server-client-application server-side-api server-side-rendering tailwindcss typescript

Last synced: 22 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/wahyus002/slide-skripsi

No clean code, no maintenance—just creating a slide presentation using code for fun.

framer-motion nextjs

Last synced: 22 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: 20 Dec 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/jonasfroeller/bookmark-organizer

Are Your Bookmarks Out Of Control? Bookmark organizer helps you to organize them. Technologies: HTML, CSS, SCSS, JS, TS, React, NextJS, T3-Stack, Radix, Framer-Motion

framer-motion radix t3-stack

Last synced: 01 Feb 2025

https://github.com/pras75299/firebase-gallery

Image Gallery with Firebase, React, React hooks, and Firestore

customhooks firebase firestorage firestore-database framer-motion gallery-images netlify react reacthooks

Last synced: 16 Jan 2025

https://github.com/gyanthakur/my-portfolio-gps

Welcome to my personal portfolio! 🚀 This project showcases my journey as a developer, highlighting my skills, projects, and achievements.

framer-motion javascript nextjs talwindcss

Last synced: 14 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/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/tomascuevas/tomas-portfolio

Portfolio personal de Tomás Cuevas

framer-motion nextjs reactjs tailwind typescript

Last synced: 25 Dec 2024

https://github.com/yashchauhan008/memory-game

Memory game with impressive ui animation

framer-motion game-development gsap react

Last synced: 03 Feb 2025

https://github.com/indiecodermm/next-portfolio

Modern Portfolio Website Built with NextJS, Tailwind and Framer Motion

framer-motion nextjs portfolio-website react sanity tailwindcss

Last synced: 21 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/alok-mishra143/passwordgen

project of password generator

framer-motion reactjs type-writer vite

Last synced: 13 Jan 2025

https://github.com/hackemateninja/ronindev-portfolio

Ronin dev portfolio made with Next.js and framer motion

framer-motion nextjs react tailwindcss typescript

Last synced: 14 Dec 2024

https://github.com/abhiiishek07/recipefinder

A react web app to find recipe of thousand of dishes.

framer-motion reactjs styled-components

Last synced: 25 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/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/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/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/faridvatani/framix

A Modern Dark SaaS Landing Page Design Using React, Next.js, TailwindCSS, and Framer Motion

framer-motion landing landingpage nextjs typescript

Last synced: 21 Dec 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/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/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/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/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/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/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/shubhamsinha21/mylatest-portfolio

Portfolio Wesbite to showcase my skills and experiences.

framer-motion react-router-dom reactjs tailwindcss threejs vite

Last synced: 05 Jan 2025

https://github.com/sayemtaher/delivery-service-website

Welcome to the Fully Streamlined Delivery Service Website! This project utilizes React, Tailwind CSS, Firebase Authentication, Node.js, and MongoDB to create a modern platform with a comprehensive dashboard. It caters to users, delivery riders, and administrators, providing efficient management of orders, users, and essential functionalities.

axios-react daisyui firebase-auth framer-motion localstorage merakiui mongodb-database nodejs react-hook-form react-hooks react-router-dom reactjs tailwind-css tanstack-query

Last synced: 10 Oct 2024

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

Portafolio personal creado con React, Sass y Framer-Motion

framer-motion reactjs sass vite

Last synced: 28 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/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/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/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/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/etesam913/interactive-login

:flushed: The frontend for a login. It uses animations to create an interactive environment.

framer-motion javascript react

Last synced: 17 Dec 2024

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

Learn framer motion in react

framer-motion react

Last synced: 20 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/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/woorifisa-projects-3rd/withbeetravel-fe

✈💵 여행 공동 지출 관리 및 자동 정산 서비스

framer-motion nextjs storybook turborepo typescript

Last synced: 30 Dec 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/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/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: 19 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/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/cmoleka/portfolio2023

Carlo Moleka Sambea, portfolio website.

framer-motion nextjs tailwindcss typescript vercel

Last synced: 19 Nov 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/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/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/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/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/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/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/aymanabusura/3d_portfolio

This is my 3D portfolio built using React and Vite, showcasing various interactive 3D elements. It leverages modern web technologies like Three.js and React Three Fiber to create a visually engaging experience.

emailjs framer-motion i18next particlesjs react react-tilt reactthreedrei reactthreefiber tailwindcss threejs vite

Last synced: 19 Dec 2024

https://github.com/shaherashraf/reid

Reid Store - React E-commerce App Explore Reid Store, a modern e-commerce platform built with React.

authentication ecommerce fashion framer-motion graphql mui payments reactjs redux redux-toolkit strapi stripe typescript

Last synced: 02 Feb 2025

Framer Motion Awesome Lists
Framer Motion Categories