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/romijulianto/web-anime-list

Web Anime List with Server Action Next JS

anime framer-motion nextjs14

Last synced: 19 Jan 2025

https://github.com/ivan-corporation/ws-test-landing

test landing page (static and animated version) for WS

framer-motion react styled-components typescript

Last synced: 19 Jan 2025

https://github.com/mirayatech/bogetta

A full-stack e-commerce site focused on sunglasses 😎

ecommerce framer-motion fullstack nextjs postgresql prisma react stripe sunglasses tailwindcss typescript ui ux zustand

Last synced: 19 Jan 2025

https://github.com/mirayatech/v3-portfolio

Third version of my personal website 🌐

darkmode framer-motion lightmode protfolio react vite

Last synced: 19 Jan 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/mdkaifansari04/pizza-joint

Explore our dynamic website built with Framer Motion! 🌐✨ Experience fluid animations 🌀, sleek transitions 🚀, and a user-friendly interface 🖱️. Perfectly responsive on all devices 📱💻, it's where design meets performance! 🔥🔧

framer-motion reactjs

Last synced: 19 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/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/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/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/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

https://github.com/wtlow003/nextjs-theme-simple

Minimalistic blog theme with Next.js, adapted from Hugo Mini.

framer-motion mdx nextjs shadcn-ui velite

Last synced: 08 Feb 2025

https://github.com/tapader13/portfolio_with_reactjs

A sleek portfolio built with Vite, React, Tailwind CSS, Framer Motion, and React Router. Features EmailJS, contact form, Lucide icons, and React Hot Toast. Includes Home, About, Skills, Projects, Education, and Contact sections.

emailjs framer-motion lucide-react react-hot-toast react-icons react-responsive-masonry react-router react-scroll react-simple-typewriter reactjs tailwindcss

Last synced: 08 Feb 2025

https://github.com/mumuuh6/mentor-mate

MentorMate is a dynamic online platform that connects students with expert tutors from around the world. Offering a wide range of subjects and languages, MentorMate simplifies the process of finding, reviewing, and booking personalized tutoring sessions.

firebase framer-motion lottie react-countup react-router-dom reactjs swiper tooltip

Last synced: 08 Feb 2025

https://github.com/imroknujjamanrony/edu-connect-client

EduConnect will revolutionize the way educational institutions, tutors, and students interact, making skill learning and class management more efficient and accessible than ever before.

axios-react cloudinary-api daisyui firebase framer-motion react react-helmet-async reacthook reactjs router-dom sweetalert2 tailwind-css tanstack-query

Last synced: 08 Feb 2025

https://github.com/purnendu-sarkar/volunteer-connect-clint

Volunteer Network is a dynamic platform designed for managing and engaging with volunteer opportunities. The platform allows users to seamlessly create, manage, and participate in volunteer posts. Built with React and Node.js, it offers a smooth, responsive experience across devices, while ensuring data security through Firebase and MongoDB.

daisyui express-js firebase framer-motion jwt mongodb node-js react react-helmet react-router-dom tailwindcss

Last synced: 08 Feb 2025

https://github.com/shoptorshichowdhury/learn-link

Learn Link is a modern service-sharing web application that connects instructors and students, making education more accessible and collaborative. It allows users to browse, add, and manage courses, offering personalized interactions and a dynamic platform for both course creators and learners.

axios daisyui expressjs firebase framer-motion javascript mongodb nodejs react react-helmet reacthottoast swiper-js tailwindcss

Last synced: 08 Feb 2025

https://github.com/imtiazahmed01/hotel-inner-heritage-client-side

Hotel Inner Heritage is a web application that showcases a luxurious heritage hotel, allowing users to explore available rooms, book accommodations, and share reviews. The platform offers a seamless user experience with interactive UI elements, a booking system, and an integrated review mechanism.

firebase firebase-auth framer-motion momentjs react-helmet react-leaflet react-router reactjs tailwindcss

Last synced: 08 Feb 2025

https://github.com/sk-jabed/primescope-news-client

PrimeScope News is a modern, feature-rich, and interactive news platform designed to provide real-time access to the latest news, trending stories, and premium content.

aos axios framer-motion gsap jwt nodejs react-router reactjs sweetalert2 tailwindcss vite

Last synced: 08 Feb 2025

https://github.com/imtiazahmed01/imtiaz-tourism-ltd-client-side

Imtiaz Tourism Ltd is an online platform that helps travelers explore Bangladesh by providing detailed information about destinations, culture, cuisine, and activities. It features dynamic layouts for tourists and tour guides, booking forms, community-driven stories, and role-based dashboards for different user types (tourist, tour guide, admin).

aos axios-react css3 daisyui firebase firebase-auth framer-motion html5 react-animations react-share react-spring react-tabs react-toastify reactjs stripe-payments sweetalert2 tailwindcss vite

Last synced: 08 Feb 2025

https://github.com/rownakabdullahomi/swift_parcel_client_12

Designed to streamline logistics, it offers a feature-rich experience for admins, delivery personnel, and users alike. With role-based access control, real-time data insights, and modern design aesthetics, SwiftParcel ensures seamless parcel handling and delivery operations.

axios context-api daisyui firebase-auth framer-motion jwt-authentication momentjs react react-hot-toast react-leaflet react-router-dom stripe-payments sweetalert2 tailwindcss tanstack-react-query

Last synced: 08 Feb 2025

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

Personal Portfolio Website design to showcase my skills, accomplishments, certifications and important projects. Optimized for cross-platform compatability.

framer-motion react tailwindcss theme-switcher

Last synced: 08 Feb 2025

https://github.com/motiur-rahman-dhrubo/assignment-11-client

JO.Car!!! JO.Car is a feature-rich and user-centric car rental platform that allows users to seamlessly book, manage, and review cars. With a focus on real-time updates and an intuitive interface, JO.Car simplifies the car rental experience for both customers and service providers.

daisyui firebase framer-motion localforage lottie-react react react-icons react-router react-toastify recharts sweetalert2 tailwindcss

Last synced: 08 Feb 2025

https://github.com/mahmudul35/medi-camp-hub-client

MediCamp Hub is a comprehensive platform designed to organize and manage medical camps effectively. From participant registration to analytics and feedback collection, this platform ensures seamless operations and better outcomes for all stakeholders.

expressjs framer-motion mongodb reactjs stripe-payments tailwindcss

Last synced: 08 Feb 2025

https://github.com/asifurrahman10/artifactarcade-website-client

A web application dedicated to tracking historical artifacts like the Rosetta Stone, Antikythera Mechanism, and more. ArtifactArcade allows users to explore, view details, and contribute their own artifact entries, creating a vibrant repository of history.

expressjs flowbite framer-motion mongodb nodejs reactjs tailwindcss

Last synced: 08 Feb 2025

Framer Motion Awesome Lists
Framer Motion Categories