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

My portfolio website. Created with Nextjs and sanity.

framer-motion nextjs sanity tailwindcss vercel

Last synced: 14 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/c-w-d-harshit/time-focus

A Next.js-based app combining a customizable Pomodoro timer with an integrated Kanban board for enhanced productivity.

framer-motion nextjs productivity shadcn-ui tailwindcss v0

Last synced: 10 Feb 2025

https://github.com/patrikarvidsson/horizon-studio

Independent portfolio website. Built with NextJS, Emotion, Tailwind, MDX and Framer Motion.

emotion framer-motion mdx nextjs reactjs tailwindcss

Last synced: 26 Jan 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/achntj/garden

My (old) personal website and blog πŸ“ˆ

blog contentlayer framer-motion nextjs react tailwindcss typescript

Last synced: 08 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/sheninthjr/linktopost

LinkToPost is a convenient post generator that transforms YouTube links into shareable, visually appealing images. Simply paste your YouTube URL, and LinkToPost creates a stunning card-like image ready for sharing on LinkedIn, Twitter, and Instagram.

framer-motion nextjs tailwindcss

Last synced: 20 Dec 2024

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

πŸ‘·β€β™‚οΈ Personal website made with Next.js 14

emailjs framer-motion nextjs radix-ui react-hook-form tailwindcss typescript zod

Last synced: 13 Nov 2024

https://github.com/saketkothari/3d-portfolio-webapp

threejs 3D developer portfolio - a webapp that showcases my work.

framer-motion higher-order-component react react-three-fiber tailwindcss threejs

Last synced: 26 Jan 2025

https://github.com/felixoder/felixcodez

This is a next level typescript portfolio having awesome stuff

express framer-motion mern-stack nodejs typescript

Last synced: 30 Dec 2024

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

A framer motion landing page.

framer-motion reactjs

Last synced: 30 Jan 2025

https://github.com/alexandrbig1/landing_team

Landing page for Seventh Sense: A team of computer science students dedicated to software engineering. Explore our projects, meet our team, and collaborate on innovative solutions for tomorrow's challenges.

computerscience css framer-motion framermotion frontend fullstack html-css-javascript html5 javascript landing-page react react-components react-hooks react-router-dom reactjs softwareengineer styled-components teamproject

Last synced: 23 Nov 2024

https://github.com/alexandrbig1/trail_quest

Trail Quest is a React-based SPA built with Vite, featuring technologies like React Hook Form, Styled Components, React Router DOM, and Axios. It highlights my ability to build dynamic, responsive web applications with modern JavaScript libraries and frameworks, along with a focus on clean code practices using ESLint and PropTypes.

axios computer-science css3 design framer-motion frontend fullstack html-css-javascript html5 javascript js react software-engineering styled-components ux-ui ux-ui-design webdeveloper webdevelopment

Last synced: 23 Nov 2024

https://github.com/devanonitos/metaver-web-dev

A Modern Next 13 Website With Framer Motion & Tailwind CSS

framer-motion framermotion frontend html-css-javascript nextjs reactjs tailwindcss web-3 webapp webpack

Last synced: 13 Oct 2024

https://github.com/fabianferno/portfolio

Personal Portfolio Site built using next-js and octokit-js

bootstrap-ui framer-motion github-api nextjs octokit-js portfolio react-js three-js

Last synced: 25 Jan 2025

https://github.com/waleeddotdev/snappet

Snappet is a web app that allows developers to easily convert their code into beautiful, shareable images for social media, with customizable options for framing, backgrounds, and more.

code-to-image framer-motion monaco-editor nextjs open-source react zustand

Last synced: 21 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/francislagares/awwwards-furrow-studio

Awwwards Furrow Website rebuilt with Gatsby, Framer Motion and Styled Components.

canvas framer-motion gatsby styled-components typescript

Last synced: 29 Jan 2025

https://github.com/omunite215/project_metaverse

A website which is a Landing Page of a Metaverse based Business.

framer-motion landing-page metaverse nextjs tailwindcss typescript

Last synced: 24 Jan 2025

https://github.com/andrewsolonets/banquee-app

Banking website with smooth animations, blog, faq and parallax effect - Next.js, tailwind.

framer-motion nextjs react tailwind

Last synced: 02 Nov 2024

https://github.com/yash12169/the-scripting-squad-reimagineround2

This repository contains the code and assets for our project for Re-imagine hackathon where we reimagine and recreate the website of out favourite Ice-Cream brand Baskin-Robbins

css framer-motion gsap html javascript reactjs scrolltrigger

Last synced: 13 Jan 2025

https://github.com/nikhilgholap1304/nickfolio

This is 'NickFolio', as the name suggests - counts in as my personal portfolio which is underdevelopment and figuring out what animations, parallax and scroll effects are needed to add to make it a bit alluring

framer-motion paralax-effect reactjs tailwindcss vite

Last synced: 27 Jan 2025

https://github.com/ladunjexa-pbl/reactjs18-portfolio

stunning Responsive React Portfolio Website consisting Navbar, Landing, Skills, Projects, Testimonials and Footer sections built with React & TailwindCSS 🌈

framer-motion portfolio-website react react-anchor-link react-hook-form react-router tailwindcss

Last synced: 07 Jan 2025

https://github.com/adhirajcs/nextjs-portfolio

A Portfolio created using Nextjs, TailwindCSS and Framer.

aceternity-ui framer-motion magicui nextjs nextjs-portfolio portfolio reactjs tailwindcss

Last synced: 12 Oct 2024

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

Coffee-Shop is a NextJS 14 Static Frontend Webpage, using React.js, Typescript, TailwindCSS, Framer-Motion, Locomotive-Scroll, Gsap, React-Icons, Split-Type, Swiper, Mobile NavBar features and deploed on Vercel.

coffee-shop framer-motion frontend-development gsap locomotive-scroll mobile-navbar nextjs nextjs14 react-components react-icons reactjs swiper tailwindcss typescript typescript-react vercel-deployment

Last synced: 12 Oct 2024

https://github.com/harshxraj/blockchain-saas

A sleek, dark-mode SaaS website showcasing blockchain technology, built with Astro.js, Tailwind CSS, and Framer Motion for smooth animations and a modern UI.

astrojs blockchain framer-motion react responsive-design saas tailwindcss typescript

Last synced: 12 Oct 2024

https://github.com/ayush-kanduri/stopwatch-timers-counters-reactapp

This application comprises of a Timer, Stop Watch, Clicks Counter & Counter Animation. It is built using React.

css framer-motion material-ui react react-hooks react-toastify reactjs styled-components

Last synced: 13 Jan 2025

https://github.com/mukesh015/my-train

Responsive web app used for track live location and search queries for train and flights.

framer-motion nextjs14 nodejs postgresql rest-api vercel

Last synced: 15 Oct 2024

https://github.com/vadimghedreutan/portfolio-2024

Portfolio 2024 built with Next.js 14, Tailwind CSS, and Vercel.

aceternity-ui blog framer-motion mdx next-mdx-remote nextjs14 react tailwindcss

Last synced: 21 Dec 2024

https://github.com/ronaldprofile/rocket-ntfs

Desafio Discover da @Rocketseat.

framer-motion radix-ui react stitiches

Last synced: 31 Dec 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: 20 Dec 2024

https://github.com/andersondinizdev/portfolio

Projeto de PortfΓ³lio, onde vocΓͺ vai ficar por dentro da minha evolução como Desenvolvedor e conhecer meus projetos.

css framer-motion html i18next javascript react router-dom-v6 styled-components

Last synced: 17 Nov 2024

https://github.com/emersoncarneirodasilva/fresh-coffee

Fresh Coffee Γ© um projeto de uma landing page de uma cafeteria.

coffee-shop framer-motion landing-page nextjs react-icons tailwindcss

Last synced: 18 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/wilsonibekason/profile-me

This is a beautiful and responsive tailwind-css landing page with modern ui

css framer-motion portfolio react scss

Last synced: 15 Jan 2025

https://github.com/felipetodev/bloom-bar

first Chilean Nikkei-influenced Bar and Grill 🍣

contentful framer-motion graphql nextjs tailwindcss

Last synced: 07 Nov 2024

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

Astro "Dynamic Island" web example

astro framer-motion islands

Last synced: 28 Dec 2024

https://github.com/harshal0902/aerotrack

AeroTrack is a web app, which helps you learn about aerospace components and systems. AeroTrack is an AR-based web platform where students come across and learn about various aircraft and spacecraft with the help of interactive 3D Models and AR.

framer-motion nextjs tailwindcss typescript

Last synced: 09 Feb 2025

https://github.com/harshal0902/blog-wise

A blog app, build on Next, TypeScript, Tailwind CSS and Framer.

framer-motion jest-tests nextjs tailwindcss typescript

Last synced: 09 Feb 2025

https://github.com/khairislama/anime-world

Explore popular animes with a modern Next.js 14.2.3 app, featuring smooth Framer Motion animations and infinite scrolling using react-intersection-observer.

framer-motion infinite-scroll nextjs14

Last synced: 02 Feb 2025

https://github.com/ake144/animated_nextportfolio

πŸš€ Explore my personal portfolio built with Prisma, Next.js, and JavaScript. Experience seamless animations powered by Framer Motion and discover a modern showcase of my projects.

emailjs framer-motion javascript nextjs14 prisma-orm tailwindcss

Last synced: 05 Feb 2025

https://github.com/sanjayheaven/motion-ui

A React UI library without opinionated UI.

ahooks framer-motion headless headlessui headlessui-react motion react reactjs ui

Last synced: 24 Jan 2025

https://github.com/megalithofficial/mp3-metadata-editor

An MP3 Metadata Editor built with React, allowing users to edit MP3 tags, add album art, and manage music metadata, all with a clean, responsive design using Chakra UI and Framer Motion.

chakra-ui framer-motion frontend mp3 mp3-tags react vite

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

Interview Task with Next,React,TailwindCSS,Context,framer-motion,TS

context context-api framer-motion next13 nextjs react react-icons reactjs tailwindcss typescript

Last synced: 30 Nov 2024

https://github.com/timtbdev/sign-dictionary

Sign language dictionary app build with Next.js 13 and Supabase. https://signapp.net

framer-motion headlessui-react heroicons lucide-react nextjs shadcn-ui supabase-auth supabase-db supabase-storage tailwindcss typescript zod

Last synced: 06 Jan 2025

https://github.com/daxter-army/daxui

A 3D Isometric component library for your custom projects, designed differently and elegantly, because custom needs, demands custom measures.

adobe-illustrator framer-motion react-icons reactjs ui-library

Last synced: 22 Jan 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/mohamed-khaled0/mohamed-khaled-portfolio-v2

*Mohamed Khaled Portfolio**! This project is a personal website designed to showcase my skills, projects, and experience in web development.

framer-motion nextjs reactjs resend-email-api tailwindcss typescript

Last synced: 01 Nov 2024

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

A beautifully animated Alias game

alias framer-motion mobx

Last synced: 23 Nov 2024

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

VisionForge is an open-source platform that empowers users to generate stunning images for free using prompts, with unlimited creations and customizable effects. VisionForge is your go-to tool for limitless creativity!

framer-motion next-auth nextjs prisma-orm typescript zod

Last synced: 01 Nov 2024

https://github.com/omer-os/my-portfolio

full stack portfolio website. includes portfolio, about, contact, blog pages and much more.

framer-motion nextjs react sanity tailwindcss

Last synced: 12 Jan 2025

https://github.com/remcostoeten/nextjs-lucia-neon-postgresql-drizzle-dashboard

A personal all-in-one panel with tons of productivity tools and utillity helpers I use on a day-to-day basis. Build in NextJS, Lucia auth, PostgreSQL, TypeScript, drizzle-orm and more

crud drizzle-orm framer-motion lucia-auth neondb nextjs14 notes-app postgresql react server-actions tailwindcss typescript

Last synced: 01 Nov 2024

https://github.com/whosramoss/clean-nextjs-github

Project implementing clean architecture consuming data from Github Api with NextJs

clean-architecture framer-motion github ioc nextjs react tailwindcss typescript vitest zod

Last synced: 10 Feb 2025

https://github.com/shant99/blog-app

! Attention ! This is v0.6.0-alpha version , and The application is in the early stages of development. This is Fullstack app that has built with Next.js / Prisma / PostgreSQL / Auth.js / Zod / TypeScript.This app about blog with registration , authorization and authentication , Realtime chat , notifications , likes , etc.

authjs bcryptjs cloudinary framer-motion fullstack-development jwt neon next-intl nextjs15 nextui postgressql prisma-orm pusher resend tailwind-css typescript zod zustand

Last synced: 31 Jan 2025

https://github.com/oirhyan/stringo-app-music

Aplicação Web integrada ao Spotify capaz de realizar a busca e a reprodução de músicas sem necessitar de uma assinatura premium

api-client api-rest framer-motion music-player music-visualizer next-auth nextjs14 spotify-web-api tailwind-css webapp website

Last synced: 14 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: 09 Feb 2025

https://github.com/haikelz/the-zeitplan

Slicing UI Design The Zeitplan

framer-motion reactjs tailwindcss vite

Last synced: 26 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/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/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/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/mugisha-pascal/agrigrowth

a web landing page about managing farmers with an intuitive UI and compatibility to mobile phones

framer-motion reacttsx tailwindcss

Last synced: 20 Jan 2025

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

Framer Motion Awesome Lists
Framer Motion Categories