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/msaad53407/dev-diary

This is the Repo Containing code for my Open Source Blog built with Nextjs, TypeScript, TailwindCSS, Shadcn UI, Framer Motion (for Page transitions), ContentLayer

blog contentlayer-nextjs framer-motion next next-themes nextjs react shadcn-ui tailwindcss typescript

Last synced: 10 Oct 2024

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 context docker eslint framer-motion gitub-actions prettier react react-components react-hooks react-router shadcn-ui tailwindcss typescript zustand

Last synced: 21 Dec 2024

https://github.com/galembeck/first-club

Welcome to the Olympic Clubs project! This repository contains a web application built with Next.js, Tailwind CSS, and Shadcn UI. The project aims to provide a comprehensive platform for managing and showcasing various Olympic clubs.

framer-motion nextjs nextjs14 react reactjs shadcn shadcn-ui shadcnui tailwind tailwind-css tailwindcss typescript

Last synced: 10 Oct 2024

https://github.com/axyl1410/portfolio

This is my portfolio with nextjs and tailwind

framer-motion gsap nextjs tailwindcss

Last synced: 21 Jan 2025

https://github.com/randilt/anime-vault

🚀 Next.js 14 project, anime data from Shikimori API,

anime framer-motion nextjs shikimori-api

Last synced: 20 Dec 2024

https://github.com/devsubid/portfolio-2023

My Portfolio in 2023 using React.js, Typescript, Framer-motion, Three.js, Styled-components

firebase framer-motion react threejs typescript

Last synced: 28 Dec 2024

https://github.com/vincecao/animated-in-view

Animate elements when they are showing on view

animation framer-motion react-spring

Last synced: 21 Dec 2024

https://github.com/allegrim/javascript-quiz

A javascript quiz app, play and let me how much you know! This is an idea from @midudev.

framer-motion react-js tailwind typescript vite

Last synced: 26 Jan 2025

https://github.com/balusekhar/quickdocs

A Note-Taking app using React and Framer Motion

framer-motion jsx reactjs tailwindcss

Last synced: 20 Jan 2025

https://github.com/taiseen/learning-framer-motion

Framer Motion Learning || Mini Projects

framer-motion react-js tailwind-css three-js vite yarn

Last synced: 10 Oct 2024

https://github.com/kom-senapati/bento

Bento grid showcasing about me

framer-motion react

Last synced: 05 Jan 2025

https://github.com/surajit-13-sutradhar/my-nooby-admin-dashboard

An UI based Admin Dashboard for a Business.

animations design framer-motion layout ui

Last synced: 12 Jan 2025

https://github.com/toweringcloud/netflix-clone

movie and tvshow preview using react hooks, tanstack query and framer motion

framer-motion motion movie popular recoil tanstack-query themoviedb toprated tvshow upcoming

Last synced: 21 Dec 2024

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

https://github.com/arjunkdot/basic-dept

Basic Agency clone using Gatsby & Tailwind CSS.

framer-motion gatsbyjs tailwindcss

Last synced: 21 Dec 2024

https://github.com/rajatsandeepsen/bold-v2

It just a Notion Inspired To-Do list & clipboard tool (local only)

framer-motion react shadcn-ui typescript vite

Last synced: 13 Jan 2025

https://github.com/mahossain1/portfolio

This portfolio showcases my skills and projects, built using modern web technologies like Next.js, React, and TypeScript. It features 3D animations powered by Three.js and React Three Fiber, along with smooth transitions using Framer Motion. Styled with Tailwind CSS and enhanced with dark mode support via Next Themes.

framer framer-motion nextjs react react-icons tailwindcss threejs typescript

Last synced: 10 Oct 2024

https://github.com/thakurbhanu021/react-challenges

A Challenge webapp to practice Framer Motion to add animation and effects to content.

framer-motion motion usecontext usescroll usestate usetransform

Last synced: 21 Dec 2024

https://github.com/khalil-codes/animated-checklist-react

Uses Framer Motion's new animate() and stagger() functions to make a list of items bounce, shimmy and shake!

framer-motion react tailwind trello

Last synced: 21 Dec 2024

https://github.com/ionut-cora/react-gym

This GYM website is a landing page custom demo website created with React JS, designed with React Bootstrap and animated with Framer Motion.

bootstrap framer-motion javascript react web-development

Last synced: 21 Dec 2024

https://github.com/ajay-mandal/ajaymandal.me

About Repo contain codes of my portfolio website built using Nextjs, Reactjs, Typescript, Tailwindcss , giscus.app, Framer Motion

framer-motion giscus nextjs14 notion-blog portfolio reactjs tailwindcss

Last synced: 10 Oct 2024

https://github.com/pritamtirpude/todo-classic-app

Todo Classic is a modern and intuitive task management application built with Next.js 14, offering seamless performance and a responsive user interface. The app leverages Framer Motion to bring your task list to life with smooth animations, making the user experience both engaging and delightful.

framer-motion nextjs14 reactjs tailwindcss typescript

Last synced: 21 Dec 2024

https://github.com/sujoncoder/movies_filter

Movie animate filteration.

framer-motion nextjs react tailwindcss

Last synced: 21 Dec 2024

https://github.com/abhishek-bharti1/mealhub

App that gives description of recipes you can add it to fav list and it provides drag and drop functionality to re-order recipes.

css css-animations cssmodules framer-motion react-dnd-html5-backend reactjs

Last synced: 27 Dec 2024

https://github.com/pritamtirpude/bmi-calculator-app

Easily calculate your Body Mass Index (BMI) with our intuitive BMI calculator. Get insights on your health and wellness from the comfort of your home.

framer-motion nextjs14 reactjs tailwindcss typescript

Last synced: 21 Dec 2024

https://github.com/keerthireddytummalapelly/myportfolio

This is a personal portfolio website built with Next.js, Tailwind CSS, and Framer Motion. It showcases my experience, education, and projects with a modern, responsive design and smooth animations.

framer-motion nextjs tailwind-css

Last synced: 21 Dec 2024

https://github.com/ajay-mandal/old.ajaymandal.me

Repo contain codes of my portfolio website built using Nextjs, Reactjs, Typescript, Tailwindcss , giscus.app, Framer Motion

framer-motion giscus nextjs14 reactjs tailwindcss typescript

Last synced: 20 Dec 2024

https://github.com/waffensultan/oct-feedback-board

Written in: Next.js 13, React.js, Firebase (Authentication & Firestore), Tailwind CSS

firebase framer-motion full-stack middleware nextjs13 seo-optimization usememo

Last synced: 16 Jan 2025

https://github.com/mhdzhhan/advanced-mern-auth

🔐 Advanced MERN Authentication System | 🚀 Secure user login, registration, and password management with modern UI enhancements.

cookie express framer-motion jwt-auth mailtrap mongodb nodejs react tailwindcss zustand

Last synced: 21 Dec 2024

https://github.com/abdulhammed24/abdul-tour

UI for a tour booking platform built with Next.js, Tailwind CSS, Framer Motion, Lucide React icons, and Swiper sliders.

framer-motion nextjs tailwind-css

Last synced: 21 Dec 2024

https://github.com/kailoon/firegram

A Photo Gallery With React & Firebase.

firebase framer-motion learning-by-doing react tutorial

Last synced: 01 Feb 2025

https://github.com/roshanpshetty/netflix-autoskip

A sleek and responsive website built with Next.js, Framer Motion, TailwindCSS, and TypeScript, showcasing the features and benefits of the Netflix AutoSkip Chrome extension. Streamline your Netflix experience with intuitive automation. 🚀

framer-motion nextjs tailwindcss typescript website

Last synced: 21 Dec 2024

https://github.com/ozantekin/portfolio

Portfolio built with Tailwind CSS, Next.js, and deployed on Vercel. (👨‍🍳 Cooking)

bun contentlayer framer-motion javascript nextjs react shadcn-ui supabase tailwindcss typescript vercel

Last synced: 27 Dec 2024

https://github.com/sohanemon/astro-template

Astro Template with Framer motion | Animation

astro framer-motion jsx shadcn-ui tailwindcss typescript

Last synced: 21 Dec 2024

https://github.com/taijulaman/tourbazz

Tour Bazz is an elegant and user-friendly travel website that allows users to explore top travel destinations, learn more about each location, and get in touch with the team for booking inquiries. The website is designed with a modern, responsive UI using TailwindCSS and ReactJS.

framer-motion react-vite tailwindcss

Last synced: 21 Dec 2024

https://github.com/p-kosinski/invoice-app

Invoice tracking app - frontendmentor.io challenge solution

framer-motion react react-router-dom redux redux-thunk styled-components typescript

Last synced: 21 Jan 2025

https://github.com/abhishek-bharti1/abhiburger

Burger_App - This is a E-commerce website where users can buy burgers put it in cart. Payment through RazorPay.

expressjs framer-motion nodejs razorpay reactjs redux

Last synced: 27 Dec 2024

https://github.com/yunyoungsik/react-effect

Framer-motion을 이용한 예제

framer-motion

Last synced: 05 Jan 2025

https://github.com/djimenezweb/flex-playground

Interactive CSS Flexbox playground made with React

css framer-motion react vite

Last synced: 19 Dec 2024

https://github.com/vandsonfalcao/portifolio

Portifolio online - em desenvolvimento.

framer-motion nextjs styled-components typescript

Last synced: 03 Feb 2025

https://github.com/davidbbe/portfolio-website

My personal portfolio website.

framer-motion nextjs tailwindcss typescript

Last synced: 21 Dec 2024

https://github.com/yousefraeis/watson-portfolio

Watson is a modern frontend web portfolio built with React.js, SCSS, and Framer Motion. It showcases my skills and projects, focusing on responsive design and smooth animations. Inspired by JavaScript Mastery tutorials, this portfolio enhances my web development expertise.

css3 framer-motion front-end frontend html javascript javascript-mastery javascriptmastery js react reactjs scss

Last synced: 03 Nov 2024

https://github.com/gabriel-durr/cars-in-the-garage

Projeto monolítico Reactjs e Node.js para criação de carros em uma conta de usuário.

framer-motion mongodb nodejs react react-hook-form reactjs tanstack-query typescript vite vitest

Last synced: 29 Dec 2024

https://github.com/gabriel-durr/gabdx-portfolio

🪄🎴 my portfolio, to present my projects and experience as a software developer

design framer-motion mongodb nextjs openai reactjs swr typescript

Last synced: 29 Dec 2024

https://github.com/p-kosinski/job-listings-with-filtering

Solution for frontendmentor.io frontend challenge

framer-motion jest react react-testing-library scss

Last synced: 21 Jan 2025

https://github.com/siddhesh-coder/hungryhub

You can quickly order your favorite food with a user-friendly interface. Easily search for your desired restaurant and select dishes and add them to your cart for a seamless ordering experience.

css3 express formik-yup framer-motion git html5 javascript jest razorpay-payment react react-hooks react-router redux-toolkit tailwindcss testing-library typescript vscode

Last synced: 05 Jan 2025

https://github.com/shadi-i2/meals_chef_app

A React application demonstrating basic CRUD (Create, Read, Update, Delete) operations.

context-api framer-motion react-bootstrap react-hook-form react-hooks react-js react-router styled-components sweetalert2

Last synced: 21 Dec 2024

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

This application potentially will be turned into full resume, but for now it is a cool-looking UI made with React & Framer Motion library

framer-motion react

Last synced: 07 Jan 2025

https://github.com/aymanabusura/layers_saaslandingpage

Layers is a modern, responsive, and customizable SaaS landing page built with best practices for web design and user experience. This project is designed to help businesses showcase their SaaS products with style and efficiency.

framer-motion nextjs react tailwindcss

Last synced: 26 Jan 2025

https://github.com/musiur/viso

At Viso Way Consultancy LLC, we specialize in connecting ambitious professionals with incredible career opportunities across Europe, Australia, the UK, and Canada. Based in Doha, Qatar, our dedicated team is committed to guiding you through the process of securing work permits.

framer-motion magic-ui nextjs scss shadcnui tailwindcss

Last synced: 16 Dec 2024

https://github.com/athrael-soju/shadcn-rag-component

A lightweight and fluid component that can be used for RAG applications

framer-motion lucide-react nextjs shadcn

Last synced: 26 Jan 2025

https://github.com/samuelribeiroo/lunnaris

A modern landing page for AI-based software as as service.

framer-motion lucide-icons next-14 postcss tailwindcss

Last synced: 26 Jan 2025

https://github.com/yunyoungsik/animatedportfolio

Next.js와 Tailwind를 이용하여 작업한 웹사이트입니다.

emailjs framer-motion nextjs

Last synced: 05 Jan 2025

https://github.com/chinmaykunkikar/sticky-cursor

Sticky cursor effect using framer motion

framer-motion nextjs

Last synced: 21 Dec 2024

https://github.com/grenish/dev-component

Component library combining TailwindCSS and Framer for greater developer flexibility and optimized components.

acternitu-ui components framer-motion nextjs reactjs syntax-highlighting tailwindcss

Last synced: 03 Feb 2025

https://github.com/samsyntx/nextjs-saas-landing-page

Developing a responsive, next-level SaaS landing page using React, Next.js, Framer Motion, TypeScript, and Tailwind CSS.

framer-motion nextjs nextjs14 react react18 reacthooks tailwindcss typescript

Last synced: 26 Jan 2025

https://github.com/dev-paull/ecommerce-sneakers-page

👉 This project was designed to meet the needs of a modern e-commerce product page with responsive and accessible features. 🚀 Features: Lightbox, picture gallery, cart, manage quantity, mobile menu 💫 Animations

context-api framer-motion react tailwindcss vite

Last synced: 13 Jan 2025

https://github.com/rendy752/personal-portofolio

My personal portofolio website, that build using React & Next.js (App Router & Server Actions), TypeScript, Tailwind CSS, Framer Motion, React Email & Resend, and Vercel hosting.

app-router-nextjs framer-motion nextjs14 react react-email resend server-actions tailwindcss typescript vercel-hosting

Last synced: 04 Jan 2025

https://github.com/nagpalnitesh/transactx

Your Gateway to Secure, Fast Crypto Transactions.

astro css framer-motion javascript tailwindcss typescript vercel

Last synced: 20 Dec 2024

https://github.com/jonoman55/jc-dev-portfolio

JC Dev Portfolio -- Browse and explore all of my development projects, see my skill, leave testimonials and more!

framer-motion lodash node-sass react react-icons react-tooltip sanity scss

Last synced: 19 Dec 2024

https://github.com/thatbeautifuldream/framer-tutorial

An honest attempt to learn animation techniquies using framer motion

animation framer framer-motion motion

Last synced: 05 Jan 2025

https://github.com/sajjadislam523/traceback-client

TraceBack is a web application designed to connect people who have lost items with those who have found them.

daisyui firebase framer-motion react-router reactjs sweetalert2 swiper-js tailwindcss

Last synced: 12 Jan 2025

https://github.com/bhuvan2018/women_safety

SafeWalk: Ensuring Women Safety in Public Spaces a web app built for the safety of women with features like safe routes, SOS alert messages and many more

emailjs framer-motion html nextjs reactjs shadcn-ui tailwindcss typescript

Last synced: 12 Jan 2025

https://github.com/aramshiva/playground

🛝 Random Experiments I am working on.

experiments framer-motion nextjs tailwindcss

Last synced: 20 Dec 2024

https://github.com/0xethsign/onlinepicturegallery

gallery webapp built in 5-6 hrs while learning firebase.

firebase framer-motion reactjs

Last synced: 18 Dec 2024

https://github.com/sathyaboopathi23/challenge-task-app

In Our Challenge task platform, you can set, track, and conquer challenges at your own pace. Whether it's personal growth or professional achievements.

animatepresence createportal css framer-motion html javascript link motion react-router reactjs router-dom usecontext useref usescroll usestate usetransform

Last synced: 21 Dec 2024

https://github.com/ahhmedsafwat/bento

a small grid bento built with reactjs and has some spices built with framer motion

framer-motion motion reactjs typescript

Last synced: 21 Dec 2024

https://github.com/rayen-belkhouja/metaversus

This is one of JSMastery's YouTube video tutorials where I built a Metaverse landing page with great Framer Motion effects. It was very fruitful, thanks to JSMastery.

framer-motion nextjs tailwindcss

Last synced: 21 Dec 2024

https://github.com/nayak-nirmalya/ecommerce-cart-nextjs

A Modern FullStack E-Commerce Shop Built with Next.js 14 App Router, PostgreSQL, TypeScript, TailwindCSS, Clerk, shadcn-ui & DrizzleORM.

clerk-auth drizzle-orm framer-motion neondb nextjs14 postgresql reactjs shadcn-ui tailwindcss typescript

Last synced: 21 Dec 2024

https://github.com/eduardoprofe666/eduardoprofe666.github.io

My personal portfolio made with Next.js

framer-motion github-pages magicui nextjs react

Last synced: 21 Dec 2024

https://github.com/dikshant441/profile.fyi_assignment

A small e-commerce like project with product listing, cart management (add/remove items, adjust quantities), and a checkout feature. Users can view their cart, see item details, and proceed to checkout.

framer-motion git javascript jsx netlify-deployment react-router-dom reactjs redux tailwindcss

Last synced: 21 Dec 2024

https://github.com/1999-sahil/sa-designlab

DesignLab is basically my digital porfolio to showcase my skills and technologies. You can check out by clicking link below.

aceternity-ui framer-motion lucide-icons nextjs14 react-icons reactjs shadcn-ui tailwind-css typescript

Last synced: 21 Dec 2024

https://github.com/deepak-tiwari-dt/portfolio-24

A Portfolio site made using Three.js, React.js, Framer Motion, Tailwind CSS and Email.js.

animation css emailjs framer-motion html javascript portfolio react tailwind-css three-js

Last synced: 21 Dec 2024

https://github.com/jrpatel47/portfolio-website

My portfolio website

css3 framer-motion html5 react

Last synced: 05 Jan 2025

https://github.com/shubhrajps/react-task-manager-and-movies

A repository hosting a TodoList and Movies app, both built using React, for efficient task management and movie exploration.

context-api framer framer-motion localstorage movies react tailwind todo

Last synced: 21 Dec 2024

https://github.com/ivansarabeev/mish-mash

🌐 **Mish Mash Fast Food**: Elevating Fast Food through Innovation 🚀 - 🍟 A UK-based online fast-food platform designed for convenience and flavor. - 💻 Tech Stack: React and Tailwind for a responsive UI. - 🌍 Leveraging Netlify for lightning-fast hosting.

framer-motion javascript react-router reactjs tailwind

Last synced: 10 Jan 2025

https://github.com/zyxzb/next14-website-figma-task

Next.js Website - Built with Tailwind, Typescript, Zustand, Embla Carousel

embla-carousel framer-motion next14 ssg tailwind tailwindcss typescript zustand

Last synced: 18 Dec 2024

Framer Motion Awesome Lists
Framer Motion Categories