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/chirag-s-kotian/client

a frontend repo for my cdrive project build with nextjs,typescript,tailwindcss,shadcn,framer-motion.

framer-motion lucid-react nextjs14 shadcn taiwndcss typescript

Last synced: 20 Dec 2024

https://github.com/captain-woof/blog-framer-motion

The source code for my series - "How to animate with Framer Motion"

animation-css framer-motion react smooth-scrolling typescript

Last synced: 31 Dec 2024

https://github.com/caduzulian/portfolio-v1

Portfolio developed in NextJs with direct integration to the Github API

emailjs framer-motion internacionalization nextjs project-image reactjs sass typescript

Last synced: 18 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: 11 Oct 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/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/jozefini/jozefini.com

NextJS / Sanity.io / Framer Motion - Portfolio

framer-motion nextjs nodemailer reactjs sanity-io zustand

Last synced: 22 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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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: 16 Dec 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/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/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/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/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/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/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/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/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/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/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/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/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/hendraaagil/pizza-joint

Learn framer motion in react

framer-motion react

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

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

framer-motion nextjs storybook turborepo typescript

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

Carlo Moleka Sambea, portfolio website.

framer-motion nextjs tailwindcss typescript vercel

Last synced: 19 Nov 2024

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

Made using React, Tailwind CSS and framer-motion

framer-motion portfolio reactjs tailwindcss

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

Framer Motion Awesome Lists
Framer Motion Categories