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/annaburd/web-portfolio

A website-portfolio for a beginner developer/freelancer.

beginner framer-motion i18n nextjs portfolio simple-project website

Last synced: 07 Dec 2024

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/fellipeutaka/react-quiz

:brain: A Quiz using React, TypeScript and Chakra UI

chakra-ui framer-motion lottie lottie-react react typescript vite

Last synced: 27 Jan 2025

https://github.com/rustam-tolipov/rasmga-ol

Rasmga Ol UI is a social media platform that allows users to share their photos and videos with their followers. It is built with React, React Query, and Tailwind CSS. The UI is designed to be simple and easy to use, with a focus on the user experience.

framer-motion react-query reactjs tailwindcss

Last synced: 03 Feb 2025

https://github.com/pungrumpy/og-tester

🧪 A tool to help you debug and preview your metadata

framer-motion nextjs shadcn-ui tailwindcss turborepo

Last synced: 27 Jan 2025

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/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/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/kertsu/v2

A personal website designed to elegantly and minimally showcase your projects, built with React and Vite.

aceternity-ui framer-motion portfolio portfolio-website react react-portfolio-website shadcn-ui tailwindcss

Last synced: 14 Feb 2025

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/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/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/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/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/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/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/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/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/anchit1909/morphx-file-convertor

MorphX is an open source online file conversion platform. It can be used to convert images, videos, and audio files. It also supports bulk file conversions.

ffmpeg framer-motion nextjs shadcn-ui tailwindcss typescript

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

Portfolio of Gowthaman Ravindrathas built with React JS, Framer Motion & Tailwind CSS

framer-motion gowtham gowthaman nextjs nocxa portfolio portfolio-website software-engineer tailwindcss

Last synced: 24 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/kmanadkat/full-stack-next-fe

A Full Stack Next Js, GraphQL, Strapi, Auth0 & Stripes project

auth0 cloudinary framer-motion graphql nextjs strapi-cms stripes styled-components

Last synced: 01 Feb 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/daveanthonyc/portfolio-site

💼 My portfolio website in React, TypeScript with the Framer Motion library for animations

framer-motion portfolio-website react typescript

Last synced: 13 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/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/mersadhabibi/wiki-sefaresh-redesign

پلتفرمی برای به اشتراک گذاری تجربیات از سفارشات آنلاین ✨

apollo-client apollo-server daisyui framer-motion graphql html-css javascript mongodb nextjs prisma react react-hook-form tailwindcss typescript zod

Last synced: 09 Nov 2024

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/soumwadeep/sgtees

3d T-shirt Designer Website

expressjs framer-motion nodejs reactjs threejs

Last synced: 18 Jan 2025

https://github.com/infinite-null/blog

Created a full stack blog webapp where user can create blogs, view other blogs, comment on them and even like a blog.

framer-motion full-stack fullstack-development next-auth nextjs nextjs13 nextui

Last synced: 15 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/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/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/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/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/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/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: 13 Feb 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/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/jramke/spotify-timeline

Beautiful Timelines of your 🟢 Spotify Playlists

framer-motion nextjs

Last synced: 13 Feb 2025

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/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/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/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/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/aritra69/scramble-text

Scrambled Text animation using framer motion

featured framer-motion nextjs tailwindcss

Last synced: 23 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/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/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/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/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/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/kazemmdev/music-landing-react

React landing page with framer

framer-motion react reactjs

Last synced: 08 Jan 2025

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

Framer Motion Awesome Lists
Framer Motion Categories