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/ktgcreative/queenstown-coders-connect

QT Coders (Queenstown Coders Connect) - A growing tech community bringing together developers, data scientists, and tech enthusiasts in Queenstown, New Zealand. Share knowledge, build connections, and grow together in New Zealand's most beautiful backdrop. 🏔️ 💻

framer-motion nextjs tailwindcss

Last synced: 21 Jan 2025

https://github.com/muslehud77/talent-sphere

It's a contest website that enables users to participate in contests and win prizes.

axios firebase-auth framer-motion jwt-authentication mongodb nodejs react stripe tailwindcss tanstack-query

Last synced: 11 Jan 2025

https://github.com/jotap07/generic-portfolio

A generic portfolio built with React, Next.js, and Framer Motion

framer-motion nextjs

Last synced: 19 Jan 2025

https://github.com/aritra69/card-animation

Staggered card animation using framer motion library

animation featured framer-motion nextjs tailwindcss

Last synced: 15 Feb 2025

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

https://github.com/ricopella/nike-trivia-react

Trivia Game created to practice with React Hooks and Farmer Motion

framer-motion nike react

Last synced: 19 Jan 2025

https://github.com/abhijitnr/burger-hub-mern

This is the BURGER-HUB website, an online store for different types of burgers. It is designed using the MERN stack. For the frontend, I used HTML5, CSS3, JavaScript, ReactJS, Redux, and some other NPM libraries. For the backend, I used Node.js, Express.js, MongoDB, mongoose, passport, etc. You can visit the link below to check the code 👇👇👇

chartjs cookie-parser css3 expressjs framer-motion html5 jvascript mongodb-atlas nodejs passportjs razorpay reactjs redux sass

Last synced: 24 Jan 2025

https://github.com/muhammadasif-cse/muhammadasif

🚀 My personal portfolio showcasing my work as a Full Stack Developer.

framer-motion muhammadasif-wd nextjs portfolio portfoliowebsite

Last synced: 08 Feb 2025

https://github.com/k5va/fable-next

Internet shop prototype using Typescript, React, Next.js, React Query, NextAuth, Prisma ORM, tailwindcss

framer-motion nextauth nextjs prisma-orm radix-ui react reacthookform reactquery tailwindcss typescript

Last synced: 15 Feb 2025

https://github.com/barisbargun/portfolio1_client

A personal portfolio with information about you, work experience, projects and a contact area. Includes many motions, 3D models, dynamic cards, etc. supported by Framer-motion, Three.js and Aceternity.ui.

aceternity-ui framer-motion react shadcn-ui tailwindcss typescript vite

Last synced: 07 Feb 2025

https://github.com/sepidsoroush/avatar-circles

Overlapping avatar circles that reveal info on hover

framer-motion react tailwindcss typescript ui-components vite

Last synced: 07 Feb 2025

https://github.com/kaiesmahmud/newsapp-react-nextjs

In this project I use newsapi and nextjs framework to build . I also added tailwindcss and framer-motion to customize some components. I use lodash for pagination . Inspired by a YouTube video of "portEXE" channel

fetch-api framer-motion html-css-javascript lodash news-api nextjs pagination-components react tailwindcss-v3 vercel-deployment

Last synced: 09 Feb 2025

https://github.com/vijaysingh1621/acerternity-ui-demo

This repository showcases the integration and usage of Acertinity UI components within a Next.js application. It serves as a demonstration for incorporating these components into future projects, providing a practical example of their implementation and functionality.

framer-motion nextjs14 typescript

Last synced: 24 Jan 2025

https://github.com/chanmeng666/english-redefine

【Star light, star bright, make our repo shine tonight! ⭐️】Modern redefinition of English words from a contemporary perspective, powered by Google's Gemini AI.

education english-learning framer-motion gemini-ai nextjs react shadcnui svgexport tailwindcss typescript

Last synced: 19 Jan 2025

https://github.com/wallisonmoura/portfolio

Creation of portfolio landing page using Nextjs

framer-motion nextjs react-scroll tailwindcss

Last synced: 19 Jan 2025

https://github.com/annaindistress/frontend-mentor-coffeeroasters-subscription

This is a solution to the coffeeroasters subscription site challenge on Frontend Mentor

css-custom-properties framer-motion github-actions react react-router redux-toolkit styled-components vite

Last synced: 24 Jan 2025

https://github.com/mrigankdoshy/personal-website-v2

Version 2 of my personal portfolio website, built using Next.js and hosted with Vercel

framer-motion motion nextjs react tailwindcss vercel

Last synced: 19 Jan 2025

https://github.com/ycatuser1857235/pokedex-webapp

A modern, interactive Pokédex web application built with Next.js, TypeScript, and Framer Motion. Features real-time search, authentic Pokédex design, and comprehensive Pokémon information. For mobile users: View in "Desktop site" mode for the best experience! 🔴 ⚡

animation apollo-client fetch-api flatiron framer-motion ionic4 nodejs pokeapi pokemon-go react-web-development redux responsive-design typescript webapp

Last synced: 19 Jan 2025

https://github.com/rayeesrather99/seo-content-gen-bot

SEO Content Generator is a full-stack web application powered by AI that helps create SEO-optimized and engaging content based on user input. Built with React and Node.js, it integrates Gemini API for content generation and Framer Motion for smooth UI animations. The app simplifies content creation while ensuring it resonates with target audien

api asynchronous-programming cors express framer-motion gemini nodejs reactjs render seo

Last synced: 19 Jan 2025

https://github.com/mydeli-cybrog1/framesequenceanimation

Scrolling Web Image / Frame Sequence Animation by Sheriyans. build using HTML5 Canvas, GSAP, and ScrollTrigger.

framer framer-motion gsap gsap-animation gsap-scrolltrigger html5-canvas scrolling-animation sheriyans sheriyanscodingschool

Last synced: 19 Jan 2025

https://github.com/rithb898/crypto-price-tracker

A cryptocurrency tracking app built with React that shows real-time prices, market trends. It includes dark/light themes, advanced search, a watchlist, trending coins, and detailed charts.

context-api framer-motion html javascript react-router reactjs shadcn-ui tailwindcss

Last synced: 19 Jan 2025

https://github.com/atishaytuli07/framesequenceanimation

Scrolling Web Image / Frame Sequence Animation by Sheriyans. build using HTML5 Canvas, GSAP, and ScrollTrigger.

framer framer-motion gsap gsap-animation gsap-scrolltrigger html5 html5-canvas scrolling-animation sheriyans sheriyanscodingschool

Last synced: 19 Jan 2025

https://github.com/konyogony/nutrivibe

Possibility of a sustainable future starts with food

eco-friendly framer-motion nextjs15 protein protein-bar shadcn-ui typescript

Last synced: 19 Jan 2025

https://github.com/olgaprikhodko/evento

find events study project with next.js

framer-motion nextjs prisma radix-ui tailwindcss typescript zod

Last synced: 19 Jan 2025

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

Portfolio website, built with React & Next.js (App Router and Server Actions), TypeScript, Tailwind CSS, Framer Motion, React Email and Resend

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

Last synced: 19 Jan 2025

https://github.com/ribtas007/todo

your go-to todo app for conquering your day!

css framer-motion html javascript react reactrouter6 redux-toolkit

Last synced: 24 Jan 2025

https://github.com/takuma-ru/takuma-ru-react-template

Template projects with various modules pre-installed for comfortable and efficient development in Next.js

framer-motion jotai nextjs react storybook styled-components unplugin-auto-import

Last synced: 31 Jan 2025

https://github.com/fernandohiroshi/portfolio

🟣 My official portfolio, designed with a bento box style.

framer-motion nextjs14 nodejs shadcn-ui tailwindcss typescript

Last synced: 07 Feb 2025

https://github.com/marquis4484/marquis-portfolio-resume

A web portfolio with a collection of my most recent software development projects.

css framer-motion html javascript react vite

Last synced: 23 Jan 2025

https://github.com/drakealia/text-animation

A minimal text compilation visualizer that smoothly transforms between development states

framer-motion nextjs15 typescript

Last synced: 24 Jan 2025

https://github.com/daniarmakyev/shaar

Shaar is a website to boost tourism in Bishkek with maps, routes, and customizable parking, developed in 24 hours.

framer-motion google-maps-api i18next jotai jwt react react-query tailwind typescript vite

Last synced: 24 Jan 2025

https://github.com/rooben-me/flames

Future predicting game which can tell you the outcome of your relationship

chakra-ui emotion formik framer-motion nextjs react splitbee

Last synced: 24 Jan 2025

https://github.com/fernandohiroshi/konbini-code

💎 My official website, Konbini Code, offers web development services with unique, modern, and differentiated designs.

framer-motion next-intl nextjs nodejs shadcn-ui tailwindcss typescript

Last synced: 14 Feb 2025

https://github.com/alessandroryo/alessandroryo.github.io

A personal portfolio website showcasing my projects, skills, and experiences. Built with React.js, Tailwind CSS, and Framer Motion to provide a modern and interactive user experience. Visit alessandroryo.com to learn more.

developer-portfolio framer-motion frontend javascript personal-website portfolio-website reactjs responsive-design tailwindcss web-development

Last synced: 14 Feb 2025

https://github.com/pronoia9/pun-manteau

Experience a delightful fusion of timekeeping and humor with Pun Manteau, a whimsical clock app that adds a touch of wit to your day. Featuring real-time location and time information, Pun Manteau combines functionality with entertainment, ensuring each moment is greeted with a clever pun. Let Pun Manteau brighten your day, one pun at a time.

axios framer-motion reactjs styled-components vitejs

Last synced: 24 Jan 2025

https://github.com/pronoia9/portfolio

Embark on a visual odyssey through the captivating universe of my portfolio. From mesmerizing animations to sleek user interfaces, each project is a testament to creativity, craftsmanship, and innovation. Explore the intersection of design and technology and discover a world where imagination knows no bounds.

emailjs fancybox formik framer-motion framer-motion-3d nextjs progressbar-js react react-countup react-three-drei react-three-fiber smooth-scrollbar-react styled-components swiperjs threejs typedjs vitejs yup zustand

Last synced: 24 Jan 2025

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

Behold the enchanting realm of your coding prowess, brought to life through a captivating developer portfolio web app. Unveil your wondrous projects, skills, and triumphs in an interface that radiates charm and leaves onlookers grinning like whimsical kittens chasing lines of code.

emailjs emailjs-browser framer-motion react-animated-cursor react-router-dom reactjs styled-components swiper-js typedjs vitejs zustand

Last synced: 24 Jan 2025

https://github.com/chiqors/wgs-absence-frontend

WGS Absence Repository for Frontend Services. Powered by ReactJS with Google oAuth 2.0

absence daisyui framer-motion frontend-server google-oauth2 react reactjs tailwind tailwindcss wegeeks wgs wgs-bootcamp wgs-final-project-bootcamp

Last synced: 24 Jan 2025

https://github.com/nandkumar1000/refokus

A React+VITE single-page website featuring Locomotive Scroll for smooth scrolling 🌀 and Framer Motion for animations 🎥. Inspired by Refokus, it's optimized for responsiveness, creativity, and performance. 🚀

css3 framer-motion locomotive reactjs vite

Last synced: 25 Jan 2025

https://github.com/gosia-magdzik/login-form

🗝️ Visit my interactive log in / sign in form

framer-motion reactjs usecontext-hook

Last synced: 31 Jan 2025

https://github.com/rushikeshwaghmare07/docs-task-manager

A React-based document task manager app

css framer-motion html javascript reactjs tailwindcss

Last synced: 25 Jan 2025

https://github.com/fabianferno/kathirkreation.com

ReactJS Landing Website for Kathir Kreations. Branding & Marketing Professionals.

bootstrap-ui fluid-animation framer-motion freelance react-js static website

Last synced: 25 Jan 2025

https://github.com/anasyakubu/proptter

Proppter Account landing page! Discover our innovative solutions designed to streamline financial management for freelancers and small business owners. Explore our features, plans, and services that make invoicing and account management effortless and efficient. Join us to simplify your financial tasks and focus on what you do best.

framer-motion nextjs react-icons scss shadcn-ui tailwindcss threejs typescript

Last synced: 25 Jan 2025

https://github.com/chandan8018/onlinequiz

This project is a simple Online Quiz Platform built using the MERN (MongoDB, Express.js, React.js, Node.js) stack

firebase firebase-auth flowbite framer-motion mangodb mongoose mui mui-icons nodejs react-icons reactjs tailwindcss

Last synced: 25 Jan 2025

https://github.com/chandan8018/invoicegeneration

Develop a programmatic way of generating an invoice for orders placed on an e-commerce platform.

aceternity-ui firebase-auth firebase-storage flowbite framer-motion html2canvas material-ui mern-stack react-pdf-renderer render swagger-ui tailwindcss

Last synced: 25 Jan 2025

https://github.com/amany091/portofolio

My Personal Portfolio is a React project designed to showcase my skills, projects, and professional journey. Highlights my expertise in front-end development and includes sections for my work experience, technical skills, and contact information.

content-management-system framer-motion react-bootstrap reactjs theme

Last synced: 25 Jan 2025

https://github.com/khaledssbd/sa-tourism-project-client-side

SA-Tourism is a tourism based web application for South Asian spots where tourists can get details of spots for future tour.

animatecss aos firebase-tools framer-motion lottie-react react-helmet-async react-hot-toast react-icons react-simple-typewriter react-tooltip swiper

Last synced: 07 Feb 2025

https://github.com/urvish-j-p/Urvish_Site

This project showcases my work and skills through smooth animations and an intuitive user interface, making it easy to explore my professional journey.

framer-motion react tailwind-css vite

Last synced: 14 Feb 2025

https://github.com/satyamvyas04/portfolio

My Portfolio Project, made with <3

framer-motion portfolio react tailwindcss vite

Last synced: 07 Feb 2025

https://github.com/lai-kevin/kevin-lai-portfolio

Discover a sleek showcase crafted with React, Tailwind CSS, Framer Motion, and Daisy UI. Seamless navigation, captivating animations, and responsive design creating an immersive digital experience

daisyui framer-motion frontend nextjs reactjs tailwindcss

Last synced: 31 Jan 2025

https://github.com/dennisbyberg/next-portfolio

My portfolio built with Next.js. Explore my projects, skills and creative journey, all showcased through a responsive and dynamic design

app-router-nextjs framer-motion material-ui nextjs react react-email resend server-actions typescript vercel

Last synced: 31 Jan 2025

https://github.com/apicgg/portfolio

My portfolio website built with Next.js app router, Tailwind CSS, Framer Motion and Vercel.

framer-motion nextjs tailwind-css vercel

Last synced: 25 Jan 2025

https://github.com/zan3lla/next-firebase-js

Next.js template with Firebase integration for building scalable web applications. Features include real-time data management and user authentication

firebase-realtime-database framer-motion mobx mongodb react sendgrid server-rendering strapi strapi-cms stripe tailwind typescript vercel xstate

Last synced: 07 Feb 2025

https://github.com/jonperk318/portfolio

My personal website built in React and Next.js, deployed on Vercel

framer-motion gallery nextjs portfolio portfolio-website react reactjs vercel

Last synced: 14 Feb 2025

https://github.com/muhammedt1207/e-tutor-client

E-tutor is an e-learning platform built with React. It connects students with instructors, enabling course creation and management by instructors, and allowing students to browse, purchase, and enroll in courses. The platform simplifies course creation and enrollment, enhancing the educational experience for all users.

aos-animation daisyui framer-motion google-auth react redux stripe tailwindcss

Last synced: 14 Feb 2025

https://github.com/emekankwo/ecomm_3d

This project is a E Commerce App that allows 3d Visualization and Customization built using Reactjs and TailwindCSS

framer-motion interactive-visualizations javascript tailwindcss threejs

Last synced: 01 Feb 2025

https://github.com/mavadev/proyectofinalweb-soyhenry

Proyecto Final para SoyHenry (Sin actualizar servidor en Heroku )

framer-motion react redux sass

Last synced: 14 Feb 2025

https://github.com/ggturan/sporting-goods-client

This frontend application is designed to support an e-commerce platform specializing in selling sporting goods.

framer-motion react react-hot-toast react-router redux-persist redux-toolkit rtk-query shadcn tailwindcss

Last synced: 07 Feb 2025

https://github.com/mehassanhmood/johnsnow-cholerascrolly

Scrolly Telling and Significance of data oriented approach

chakra-ui framer-motion python react vite

Last synced: 01 Feb 2025

https://github.com/hugo-farias/ecomm-web-mockup

Ecommerce Page Prototype. Challenge issued as part of a hiring process.

framer-motion react react-query redux-toolkit sass typescript

Last synced: 01 Feb 2025

https://github.com/daotanhao1406/saas-healthcare-landing-page

SaaS Healthcare Landing Page using React, Framer motion and tailwindCSS

framer-motion react tailwindcss

Last synced: 01 Feb 2025

https://github.com/syed-alimohsin/ecommerce-mern

This practise project "E-Commerce" website built with MERN stack is live on Render.com for testing.

axios-interceptor axios-react chartjs cloudinary framer-motion jsonwebtoken lucide-react mongoose react-router redis-cache stripe-payments zustand-state-management

Last synced: 01 Feb 2025

https://github.com/bouzayenilyes/swiftdocs

SwiftDocs is a streamlined, AI-powered document management system designed to optimize how users organize, store, and retrieve documents efficiently. Built with modern web technologies, it offers a clean and intuitive interface for enhanced productivity.

clerkauth framer-motion liveblocks nextjs reactjs tailwindcss

Last synced: 01 Feb 2025

https://github.com/kenkyoo/react-app-news

Una aplicación creada con React que consume una API para mostrar noticias. Permite filtrar noticias por categorías y realizar búsquedas de contenido específico.

animatecss daisy-ui daisyui framer-motion javascript news newsapi react react-components react-native sass scss tailwind tailwindcss tsx typescript vite vitejs

Last synced: 01 Feb 2025

https://github.com/kenkyoo/react-app-recipes

Una aplicación de recetas creada con React, diseñada para buscar, explorar y visualizar recetas culinarias. La app permite realizar búsquedas avanzadas, mostrar resultados y obtener detalles como instrucciones e ingredientes de las recetas seleccionadas.

axios daisyui fancyapps framer-motion javascript react recipe-app recipes sass tailwindcss typescript vite

Last synced: 01 Feb 2025

https://github.com/mudasssirr/new-portfolio

A new & Improved portfolio website built with Vite & Tailwind CSS, featuring interactive animations, responsive design, and a showcase of professional projects and details.

framer-motion tailwind-css vite

Last synced: 01 Feb 2025

https://github.com/selmasaltik/framer-motion-essentials

Animating React Apps /// What I learned from "React - The Complete Guide 2024 (incl. Next.js, Redux) - Academind by Maximilian Schwarzmüller"

animation-library animations framer framer-motion motion react

Last synced: 01 Feb 2025

https://github.com/yousefraeis/wizard-landing-page-site

Wizard Landing Website lets you design stunning, responsive landing pages with ease. 🚀 Built with React, Tailwind CSS, and Framer Motion, it offers smooth layouts and slick animations. 🎨✨ Create pro-level pages fast and simple! ⚡

framer-motion front-end front-end-development frontend javascript react react-hooks reactjs reactjs-demo tailwind tailwind-css tailwindcss

Last synced: 01 Feb 2025

https://github.com/tchasinga/magazine-shopping

Magazine shopping refers to the practice of purchasing goods or services directly from advertisements or featured products found in magazines. Consumers may be influenced by the recommendations, reviews, or promotions showcased within the pages of magazines, leading them to make purchasing decisions based on the information and visuals presented in

express framer-motion material-ui mongodb nestts nextjs14 nodejs oop-principles shadcn-ui tailwindcss

Last synced: 01 Feb 2025

https://github.com/tchasinga/markting

Marketing is the act of satisfying and retaining customers. It is one of the primary components of business management and commerce. Marketing is typically conducted by the seller, typically a retailer or manufacturer. Products can be marketed to other businesses (B2B) or directly to consumers ...

css framer-motion nextjs react-scroll react-slick tailwindcss

Last synced: 01 Feb 2025

https://github.com/tchasinga/techsolve

A tech developer service offers expert guidance and solutions in software development, encompassing areas like web and mobile app creation, cloud computing, and cybersecurity. These services typically include custom software development, system integration, and IT consulting to optimize

framer-motion nextjs tailwindcss

Last synced: 01 Feb 2025

https://github.com/tchasinga/digital-creative

Digital creatives often leverage a combination of technical skills, artistic talent, and creative thinking to produce visually compelling and innovative works in the digital realm. The advent of digital technologies has significantly expanded the possibilities for artistic expression

animation-css framer-motion material-ui nextjs shadcn-ui tailwindcss

Last synced: 01 Feb 2025

https://github.com/saksham-21/docs-app

Initially ,Created a pdf Storage System of my own using ReactJS , Firebase ,Auth0. Made a Document Segregation and Chat with PDF functionality

auth0 firebase framer-motion reactjs tailwind-css

Last synced: 01 Feb 2025

https://github.com/asadkhan911/react-animated-website

This is a fully responsive land dealing website built in ReactJS, I added a sleek dark mode with a draggable toggle, animations powered by Framer Motion, and a modern UI. The dark mode enhances the aesthetics, offering a beautiful browsing experience. Check out the demo for a live preview!

context-api framer-motion javascript npm reactjs vite

Last synced: 01 Feb 2025

Framer Motion Awesome Lists
Framer Motion Categories