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/nickemma/car-rental-app

Exotic Rentals is a car rental agencies primarily serve people who require a temporary vehicle, It allows users to create an account, log in, and book a car for a specific period of time. It also allows users to view all available cars, and view a specific car. It also allows users to view all bookings made by a specific user.

axios framer-motion material-ui react react-toast-notifications redux swiper-js tailwindcss unit-testing

Last synced: 15 Nov 2024

https://github.com/muslehud77/swiftrental-client

SwiftRental is a modern car rental platform offering seamless vehicle bookings with secure payments via Stripe and Aamarpay. Built with React, Redux, and TypeScript, it features role-based access, Google Maps integration, and dynamic UI animations using Framer Motion and GSAP.

aamarpay-payment-gateway framer-motion jwt-authentication react redux rtkquery shadcn-ui stripe tailwindcss typescript

Last synced: 11 Jan 2025

https://github.com/arnab-4/arnab-portfolio-v2

This portfolio serves as a showcase of my projects, skills, and experience as a web developer. It's designed to provide an overview of my capabilities and to help others learn more about me and my work.

animation animations api css framer-motion gemini geminiai github javascript nextjs openai portfolio portfolio-website react tailwindcss typescript

Last synced: 11 Jan 2025

https://github.com/sunnyallana/acm-nuces-website

Check out live at https://www.acmnuceskhi.com

acm framer-motion mui reactjs

Last synced: 01 Nov 2024

https://github.com/selvin-paul-raj/react-redux-todo-app

A minimalist Todo App built with React and Redux Toolkit for efficient task management. Features include adding, completing, updating, and removing tasks with dynamic sorting

framer-motion reactjs redux redux-toolkit

Last synced: 09 Feb 2025

https://github.com/sarahbabar/hues

A puzzle game where players guess hexadecimal colour codes

color-game framer-motion hexadecimal hexcolor nextjs reactjs tailwindcss typescript

Last synced: 01 Nov 2024

https://github.com/ryanlarge13/react-portfolio

This repository is a static porfolio site made with React, Sass & Framer Motion. This application along with the NodeJs server built for it was completely and totally written on a mobile device using Google Play Store ACode editor created by DealyJack and the Termux linux enviornment commandline for mobile.

axios-react framer-motion react sass

Last synced: 10 Feb 2025

https://github.com/prechy123/board-games

[web] A user friendly Real-Time Cross-Platform Application to play different board games(such as. Tic-Tac-Toe, Chess, Checkers, Scrabble, Ludo e.t.c) with your friends and family. NextJs, NodeJs, React-Native

clean-code cloudinary framer-motion frontend nextjs14 nextjs14-typescript nodejs socket-io tailwindcss vercel

Last synced: 01 Nov 2024

https://github.com/pradip19861/pradip_dolai_main_portfolio

This Next.js Creative Portfolio project guides you in building an advanced portfolio website using Next.js, Three.js, and Tailwind CSS. It includes interactive 3D models, dynamic animations, and enhanced UI/UX design. Follow along to create a stunning and functional portfolio that stands out!

3d 3dmodel blog emailjs framer-motion markdown nextjs playground portfolio react sonner talwindcss webdevelopment

Last synced: 12 Oct 2024

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

Portfolio v1 built with Styled Components and Framer Motion in React

framer-motion react styled-components

Last synced: 10 Jan 2025

https://github.com/rasulwebs/tic-tac-x0

🎮 Tic Tac Emoji - offering singleplayer & multiplayer.

framer-motion react styled-components typescript vite zustand

Last synced: 12 Feb 2025

https://github.com/mbozhik/spiller

multi-page website for selling cosmetics, featuring a catalog

bozzhik bozzhik-is-mobile framer-motion nextjs swiper tailwindcss zustand zustand-state-management zustandjs

Last synced: 11 Nov 2024

https://github.com/evansrobbie/burger-website

This is an implementation of a burger website designed by Mehar Sanaullah.

framer-motion react tailwind-css usestate

Last synced: 26 Dec 2024

https://github.com/anoopraju31/eat-curious

eat-curious, a plant-based food company. Build using next.js

framer-motion nextjs reactjs ssg ssr tailwindcss typescript

Last synced: 04 Feb 2025

https://github.com/drealdumore/minimalist

Whoa, just realized I've never coded a to-do app before! 😅 So here it is: a sleek, no-nonsense to-do app built with Next.js, Supabase, and TypeScript. Clean UI, buttery-smooth experience, and made simple.

framer-motion local-storage minimal supabase todo todoapp todolist todolist-application

Last synced: 19 Dec 2024

https://github.com/vidmal001/fullstack-e-commerce-platform

End-to-End E-commerce Website with Admin Dashboard and Stripe Integration

axios cloudinary confetti express framer-motion jwt mongodb nodejs react recharts stripe tailwindcss zustand

Last synced: 04 Feb 2025

https://github.com/educlopez/supabase-remix-talkworld-chat

Project carried out with Remix.run and using Suppabase to create a chat. For styles Tailwind is being used. The tutorial that is based is this: https://egghead.io/courses/build-a-realtime-chat-app-with-remix-and-supabase-d36e2618

framer-motion remix supabase tailwindcss

Last synced: 24 Dec 2024

https://github.com/marihemori/marianahemorais

My personal website

framer-motion markdown nextjs

Last synced: 17 Nov 2024

https://github.com/shohan-pherones/elysian-feeds-server

Welcome to the server-side repository for Elysian Feeds, a charitable initiative website focused on making a positive impact on communities worldwide. This repository contains the backend code responsible for managing user roles, tracking contributions and consumption patterns, and ensuring the efficient operation of the platform.

axios bcrypt express framer-motion jwt mongodb mongoose nextjs nodejs react recharts redux-toolkit swr tailwindcss typescript validator

Last synced: 18 Dec 2024

https://github.com/yusha0123/textbook

Full Stack Thought Sharing Website. Uses Next Js 13 Client and Server Side Components,React Js,TypeScript,Prisma ORM,Supabase PostgreSQL database,Next Auth JS,Google OAuth2.0,Framer Motion, Prime React Library and Tailwind Css

framer-motion nextauth nextjs postgresql primereact prisma tailwindcss tanstack-react-query

Last synced: 13 Jan 2025

https://github.com/aswin187/kanban-board

A lightweight, visually engaging Kanban board application built using Framer Motion, Next.js 14, Shadcn, and Tailwind CSS. This project was developed for learning purposes, focusing on creating a sleek and responsive task management tool.

framer-motion kanban-board nextjs shadcn-ui tailwindcss

Last synced: 12 Feb 2025

https://github.com/roblesdotdev/next-stack

Next.js starter template built using the new app router, server components, and all the latest features of Next.js 13.

framer-motion nextjs postgresql prisma radix-ui tailwindcss typescript

Last synced: 13 Jan 2025

https://github.com/beingofexistence13/dx-ux

Introducing ██▓▒­░⡷⠂𝚍𝚡-𝚞𝚡⠐⢾░▒▓██ 🎉, an open-source software project that’s set to revolutionize web user experience! 🌐💡 Say goodbye to UX issues and hello to seamless, joyful browsing. Let’s make the web a happier place together! 😊🚀

animejs framer-motion matter-js react-spring threejs ux-design

Last synced: 26 Jan 2025

https://github.com/muhdhanish/kanban_board

This is a dynamic and interactive Kanban board built with Next.js, Tailwind CSS and Framer Motion.

board framer-motion kanban-board nextjs nextjs14 tailwindcss typescript

Last synced: 30 Jan 2025

https://github.com/kooya3/kooya3

An updated version of my portfolio built with threejs and react. This is my personal website to host all of my works, I did not have enough money to go for premium hosting services so the load might be a little lazy. Will upgrade it though in time.

3d amazing beautiful-ui emailjs framer-motion github graph maath portfolio-website profile react reactthreedrei reactthreefiber threejs

Last synced: 15 Jan 2025

https://github.com/jsonfm/brand-experience-studio

A framer motion landing page.

framer-motion reactjs

Last synced: 30 Jan 2025

https://github.com/devsujay19/personal-portfolio

This is a personal portfolio website built with next generation technologies, such as - ReactJS and NextJS (App Router & Server Actions), TypeScript, Tailwind CSS, Framer Motion, React Email & Resend.

animate animated animation cv framer-motion framework javascript js next next13 nextjs nextjs13 personal personal-portfolio portfolio project react reactjs resume website

Last synced: 30 Jan 2025

https://github.com/mrinspection/saas-landing-page

A magnificient dark landing page for a SaaS application

framer-motion landing-page nextjs shadcn-ui tailwindcss

Last synced: 01 Jan 2025

https://github.com/karsten-uy/karsten_website

My website is a dynamic showcase of my projects and experiences, skillfully built with Vite, React.js, and Tailwind CSS for a seamless and stylish user experience. Dive into my portfolio, explore featured projects, and connect with me through this creatively crafted digital space.

css framer-motion javascript react react-router-dom reactjs tailwind-css tailwindcss vite vitejs-react

Last synced: 05 Dec 2024

https://github.com/benmar2406/meat_consumption_infographic

Interactive web app with scrollytelling elements that uses creative approaches to visualize data beyond typical visualization methods.

d3 d3js data-visualization data-visualization-design datavisualization framer-motion framermotion information-visualization react scrollama scrollanimation scrollytelling

Last synced: 05 Feb 2025

https://github.com/devprashantt/prashant

I'm Prashant Kumar Singh, a programmer and product designer in New Delhi, India. I work with languages like Python, Java, and JavaScript/TypeScript. My expertise includes frameworks like Node, Express, Flutter, React, Redux, React Native, and Flask. I excel in creating user-centric interfaces for CRM products.

emailjs framer-motion portfolio reactjs sanity scss-framework

Last synced: 09 Feb 2025

https://github.com/audrbar/realestate

A Single Page Real Estate App built on React, Next.js - Server Side and Client rendering

axios bayut-api chackra-ui emotion framer-motion material-ui millify nextjs nprogress react vercel

Last synced: 06 Jan 2025

https://github.com/himarplupi/lomba-himarpl

Landing Page Lomba Poster Dies Natalis RPL ke-5

competition framer-motion landing-page

Last synced: 09 Nov 2024

https://github.com/prateekshuklaps0/growfin-interactive-stock-trading-simulator

An Interactive Stock Trading Simulator allowing users to manage their financial portfolio such as Stocks, Bonds, Mutual Funds etc.

chakra-ui framer-motion material-ui mongodb node react redux

Last synced: 23 Jan 2025

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

Memory test application created using React and Tailwind

firebase framer-motion material-ui react tailwindcss uniqid vite

Last synced: 26 Jan 2025

https://github.com/harundogdu/animation-react

This project is my application where I show popular movies with animation examples that I developed using create-next-app and The Movie Database (TMDB). It was created as a simple example.

framer-motion react tmdb-api

Last synced: 26 Jan 2025

https://github.com/manju1807/speedtype

SpeedType is a typing game built with React, Next.js, and TypeScript. It features real-time error tracking, WPM calculation, and a sleek UI with Tailwind CSS and Framer Motion. Challenge yourself with random text snippets, track progress, and boost your typing skills. Ideal for coders and writers.

framer-motion magicui nextjs14 opengraph reactjs real-time seo tailwindcss typescript typing typing-game typing-practice typing-test typingspeedcheck typingspeedtest

Last synced: 11 Feb 2025

https://github.com/siegfriedbz/nextjs-miozio

🍔 Next.js 14 app (App Router) enabling users to authenticate via Google or a magic link (powered by Brevo), order food, and securely pay using Stripe. Built with TypeScript and Tailwind CSS, Prisma with PostgreSQL for backend data management.

app-router-nextjs cloudinary framer-motion google-authentication magic-link-authentication next-auth nextjs postgresql prisma stripe-api tailwindcss typescript zustand zustand-persist

Last synced: 06 Nov 2024

https://github.com/siegfriedbz/nextjs-carhub

🏎️ Next.js 14 app (App Router) for discovering and renting cars, featuring Google authentication, car exploration, rental booking, and secure Stripe payments. TypeScript, Tailwind CSS with dark theme support, and Prisma ORM with PostgreSQL backend.

app-router-nextjs brevo-api dark-theme framer-motion google-authentication headlessui-react next-auth nextjs postgresql prisma react-suspense stripe-api tailwindcss typescript zustand zustand-persist

Last synced: 06 Nov 2024

https://github.com/devprashantt/density-exchange

This project is a part of the application for the Frontend UI Intern position at Density Exchange. The goal of this project is to develop a webpage with animation based on a provided design using Next.js and the chosen CSS library (Tailwind CSS, SCSS or Material-UI).

density-task framer-motion next scss

Last synced: 09 Feb 2025

https://github.com/prateekshuklaps0/meshop-e-commerce-platform

An e-commerce platform for resellers to showcase and sell products, while providing suppliers access to a vast network of resellers and customers.

framer-motion mongodb nodejs react redux typescript

Last synced: 23 Jan 2025

https://github.com/aleksandromilenkov/3d_portfolio

My 3D Portofolio, you can check it here: https://aleksandromilenkov.netlify.app/

emailjs framer-motion maath reactjs reactrouter6 tailwindcss three-js tiltjs

Last synced: 04 Dec 2024

https://github.com/miladjoodi/photography_website

In this project, I employed a range of cutting-edge technologies, including Next.js, Tailwind CSS, ShadCN UI, Framer Motion, React Count Up, React Awesome Reveal, and next-theme. For a comprehensive demonstration and additional details, please refer to the project description. ✔️⛳️

framer-motion next-theme nextjs reactjs tailwindcss

Last synced: 08 Jan 2025

https://github.com/arnobt78/restaurantts--tailwindcss-fundamental-project-4

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: 11 Feb 2025

https://github.com/venky-1710/react-portfolio

A modern, responsive personal portfolio website built with React and Next.js. Showcases projects, skills, and experience with a clean, interactive design. Features dark mode, animated sections, and a contact form. Utilizes Tailwind CSS for styling, Framer Motion for animations, and React Email for the contact functionality.

framer-motion next-js react react-email react-hot-toast react-vertical-timeline-component tailwindcss typescript

Last synced: 03 Dec 2024

https://github.com/abdulhadi806/abdulhaadiportfolio

my-portfolio site made with Bootstrap and next.js

bootstarp5 framer-motion nextjs

Last synced: 03 Jan 2025

https://github.com/adairjuneoaf/prisma-systems-website

O projeto é um site institucional da startup Prisma Systems para divulgar seus serviços e soluções tecnologicas.

framer-motion material-ui react react-toastify styled-components typescript

Last synced: 08 Jan 2025

https://github.com/aritra69/scramble-text

Scrambled Text animation using framer motion

featured framer-motion nextjs tailwindcss

Last synced: 23 Dec 2024

https://github.com/frontendadvance/build-typescript-react-next-js-with-framer-motion

Build a Stunning Website with React, Next.js, TailwindCSS & FramerMotion | Next js Beginner Project

framer-motion nextjs nextjs14 reactjs tailwindcss typescript

Last synced: 23 Jan 2025

https://github.com/vipulkatwal/startup-landing-page

This project is focused on building a visually striking landing page for a SaaS (Software as a Service) application. The goal is to showcase the developer's front-end development skills and create an engaging user experience.

framer-motion nextjs shadcn-ui tailwindcss

Last synced: 03 Dec 2024

https://github.com/yoni-deserbaix/kronix

Kronix is a project focused on creating a landing page for a SaaS application.

framer-motion magic-ui react tailwindcss typescript

Last synced: 22 Dec 2024

https://github.com/unllamas/nextjs-page-transitions-with-framer-motion

Page transitions simulating on online store with NextJS and Framer Motion

animation framer framer-motion nextjs page-transitions page-transitions-next react reactjs

Last synced: 07 Feb 2025

https://github.com/kazemmdev/music-landing-react

React landing page with framer

framer-motion react reactjs

Last synced: 08 Jan 2025

https://github.com/achntj/garden

My (old) personal website and blog 📈

blog contentlayer framer-motion nextjs react tailwindcss typescript

Last synced: 08 Feb 2025

https://github.com/liinkiing/myanimerecs-client

A webapp to show anime recommendations based on a MyAnimeList username

anime apollo framer-motion graphql hook react recommendations typescript web-animation

Last synced: 05 Feb 2025

https://github.com/abdulbasit-dev/kurd-freelancers

A Platform that made for Kurdish developer, to find and seek jobs

axios framer-motion material-ui reactjs tailwindcss

Last synced: 06 Feb 2025

https://github.com/ivansarabeev/portfolio-v2

I'm creating a new portfolio with the idea to be more profesional oriented with key additional features

cloudinary framer-motion react tailwindcss typescript

Last synced: 11 Nov 2024

https://github.com/shubhammehra4/tellus-private

A Tourism Company Website built using GatsbyJS.

framer-motion gastby landing-page react tailwindcss

Last synced: 08 Jan 2025

https://github.com/lobooooooo14/olobo

🐺 (WIP) Simple & modern portifolio built with React, TypeScript, TailwindCSS, Shadcn/ui and Vite.

framer-motion i18next portifolio reactjs shadcn-ui tailwindcss typescipt vite

Last synced: 05 Nov 2024

https://github.com/oscargonzalezdev/oscargonzalezdev

Oscar Gonzalez's Portfolio - Web Development Blog, Works and More 👨‍💻

blog coding framer-motion javascript nextjs particles-js portfolio programming reactjs tech webdeveloper webdevelopment

Last synced: 22 Dec 2024

https://github.com/dev-kawser/bazaarnest-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: 01 Dec 2024

https://github.com/jonasschultheiss/portfolio

My portfolio website. Created with Nextjs and sanity.

framer-motion nextjs sanity tailwindcss vercel

Last synced: 14 Jan 2025

https://github.com/evanstef/personal-website-evan

personal website yang saya buat menggunakan framework React JS yaitu nextJS sebagai bahan latihan mengambil referensi desain dari salah satu video tutorial di youtube namun saya desain lagi dengan UI yang lebih interaktif

css framer-motion javascript nextjs shadcn-ui tailwindcss typescript

Last synced: 26 Jan 2025

https://github.com/mipmipp/portfolio

This repository contains the source code for my personal portfolio website built with React, Material-UI, TypeIt and Framer Motion. It showcases my skills, projects, and experience in a visually appealing and user-friendly manner.

experience framer-motion front-end javascript material-ui portfolio projects react skills typeit

Last synced: 08 Nov 2024

https://github.com/tommyriquet/react-svg-reveal

lightweight and customizable React component to smoothly animate text reveals through SVG animations.

animation framer-motion react svg ui

Last synced: 13 Feb 2025

https://github.com/siegfriedbz/nextjs-wild-oasis

🌿 Next.js 14 app enabling users to book cabins, featuring responsive design, optimistic UI, Google sign-up, Stripe payments and refund options.

app-router framer-motion next-auth nextjs optimistic-ui react-hook-form react-select responsive-design stripe-api supabase tailwind-css typescript zod

Last synced: 06 Nov 2024

https://github.com/nox-hd/ui

Craft stunning user interfaces with our comprehensive UI library. Accessible, customizable, and open-source.

framer-motion javascript nextjs reactjs shadcn-ui tailwindcss ui-components uikit

Last synced: 09 Feb 2025

https://github.com/mo-hassann/developer-portfolio

Using Next.js, and Framer Motion, this portfolio showcases developer skills and projects. It's responsive and visually appealing.

code-editor developer developer-portfolio framer-motion nextjs portfolio portfolio-website react tailwindcss vscode

Last synced: 09 Feb 2025

https://github.com/israelkilday/gabrielle-medeiros

Este é um projeto freelancer desenvolvido para o salão de beleza Gabrielle Medeiros. O objetivo do projeto foi criar uma landing page moderna e funcional, destacando os serviços oferecidos pelo salão, com foco na especialidade de alisamento personalizado.

context-api eslint framer-motion git husky jsx nextjs14 prettier react-countup react-icons react-player react-responsive reactjs shadcn-ui tailwindcss typescript vercel

Last synced: 23 Jan 2025

https://github.com/kei-k23/mac-os-dock-demo

Mac OS Dock animation with React and Framer Motion

framer-motion react

Last synced: 09 Feb 2025

https://github.com/sonamgupta21/plantify

Plantify -Plant delivery application allows to the user(admin) to add new items to the application. User can Login and add items to cart.

firebase framer-motion reactjs redux tailwindcss

Last synced: 07 Jan 2025

https://github.com/snowycrest/discover_qatar

Qatar Tourism website built with React JSX

css framer-motion qatar reactjs supabase-db swiper-js tourism-website

Last synced: 03 Feb 2025

https://github.com/felipetodev/dynamic-island

Astro "Dynamic Island" web example

astro framer-motion islands

Last synced: 28 Dec 2024

https://github.com/livewithcodeankit/thief-detection-alarm-system

A real-time object detection system built with Next.js 14, TensorFlow.js, and the COCO-SSD model. This application uses your device's webcam to detect objects and potential security threats in real-time.

coco-ssd framer-motion javascript nextjs14 react-webcam tailwindcss tensorflowjs

Last synced: 13 Feb 2025

https://github.com/edidiesky/hirehalo

HireHalo is a platform which connects job seekers to wide range of remote job opportunites. I built Hirehalo with Go, NextJs, MongoDB, and Typescript.

cypress framer-motion go gsap mongodb nextjs typescript

Last synced: 13 Feb 2025

https://github.com/devdignesh/twitter-clone

Twitter Clone: A Next.js 14 project with Sass, TailwindCSS, Framer motion, TypeScript, Tanstack Query, MongoDB, Prisma, NextAuth and Zustand

docker-images framer-motion mongodb nextjs14 nextjs14-typescript sass shadcn-ui tanstack-query tanstack-react-query twitter-clone typescript zustand

Last synced: 21 Jan 2025

https://github.com/kei-k23/drag-cards

Drag cards component with React + Framer Motion

animation draggable framer-motion react tailwindcss typescript vite webanimation

Last synced: 31 Jan 2025

Framer Motion Awesome Lists
Framer Motion Categories