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/loke-js/virtual-threads

A 3D-shop to Customize your own Tshirt's Logos and Patterns.

expressjs framer-motion hugging-face nodejs reactjs stable-diffusion-xl-1 three-js valtio

Last synced: 13 Feb 2025

https://github.com/sangamprashant/aa

Welcome to A to Z Classes! 📚 We offer comprehensive educational resources and expert coaching for students from Class 1 to 12. Our platform provides interactive learning, sample papers, and personalized support to excel in academics. From math to science, we cover it all with secure online access. 🎓✨

backend-development content-management database-management educational-project express-js framer-motion frontend-development jwt-authentication mongo mongoose nodemailer notifi reactjs responsive-design secure-payment typescript user-authentication validation vite

Last synced: 13 Feb 2025

https://github.com/the-coder-o/portfolios.world

Best place to find portfolio inspiration Browse our curated collection of 309+ exceptional designs to help you create your best portfolio yet.

aceternity-ui framer-motion nextjs15 react19 shadcn-ui tailwindcss typescript

Last synced: 30 Dec 2024

https://github.com/tuanh00/podcast-landing-page

The landing page serves as a central hub for my podcast series, showcasing each episode with embedded audio players, detailed descriptions, and source links. Demo Link: https://tuanh-podcast.vercel.app/

desktop-application eslint framer-motion fully-responsive nodejs react reacticons reactrouterdom typescript vercel-deployment vite

Last synced: 26 Jan 2025

https://github.com/hironkanishka97/my-portfolio

Web app Created Using React , Tailwind CSS and Framer Motion for Portfolio website

framer-motion reactjs tailwindcss

Last synced: 21 Jan 2025

https://github.com/takuyadev/ghibli-movielist-revamp

Ghibli Movielist (revamped) self project built using React.js and Framer Motion,

css framer-motion front-end html javascript react self-learning self-project

Last synced: 04 Feb 2025

https://github.com/prthub/realo

This project is built using the MERN stack, Tailwind CSS, Redux Toolkit, and Firebase. It offers a comprehensive solution for managing real estate properties, providing a seamless user experience for both property owners and seekers.

expressjs firebase framer-motion hashpassword jwt-authentication mern-project mern-stack mongoose nodejs nodemon react-helmet-async react-hot-toast react-router-dom react-select reactjs real-estate redux-persist redux-toolkit tailwindcss

Last synced: 29 Dec 2024

https://github.com/rohit-2012/mobicase-ecommerce-app

An e-commerce web application built with Next.js 14 where users can order customizable mobile cases. Features include product customization, secure payment gateway integration, and a seamless user experience. Perfect for showcasing your Next.js and e-commerce development skills.

framer-motion headlessui kinde-auth lucide-react nextjs14 prisma-orm react-dropzone react-email-component react-rnd reactjs resend shadcn-ui stripe tailwindcss tanstack-react-query typescript uploadthing

Last synced: 05 Jan 2025

https://github.com/tomascuevas/tomas-portfolio

Portfolio personal de Tomás Cuevas

framer-motion nextjs reactjs tailwind typescript

Last synced: 25 Dec 2024

https://github.com/prthub/myanimelist

Provide Information about Anime, Just like 'MyAnimeList.net'.

framer-motion myanimelist rapid-api react-router-dom reactjs tailwindcss

Last synced: 29 Dec 2024

https://github.com/rohit-2012/nextjs-portfolio

A sleek portfolio website built with Next.js, React, and Tailwind CSS. Showcases projects, skills, and experience with smooth animations using Framer Motion and custom cursors. Features Swiper for carousels, EmailJS for contact forms, and Moment Timezone for dates. Optimized with Sharp for performance.

clsx emailjs-browser framer-motion moment-timezone nextjs14 react-animated-cursor react-icons react-water-wave reactjs sharp swiper tailwind-merge

Last synced: 05 Jan 2025

https://github.com/samsze0/ui

A Next13 compatible React UI component library

framer-motion nextjs13 radix-ui react shadcn-ui supabase tailwindcss

Last synced: 31 Dec 2024

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: 23 Dec 2024

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/torvec/framer-animation-tests

Just testing different things with framer

framer-motion reactjs

Last synced: 30 Dec 2024

https://github.com/halvaradop/next-advice-generator

This is a project I developed using Next.js and TypeScript. The application generates and displays random tips that can be useful for everyday life. The tips are obtained from an external API and presented in a simple and attractive interface.

advice-generator-app framer-motion nextjs server-side-rendering tailwindcss typescript

Last synced: 06 Feb 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/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: 23 Dec 2024

https://github.com/ansaribrahim/fixmate

Fix-Mate-Frontend is built with React, Redux, Frame Motion, Tailwind CSS, and Slider.js. This tech stack ensures a seamless and visually appealing user experience. React powers interactivity, Redux manages state efficiently, Frame Motion adds smooth animations, Tailwind CSS brings modern styling, and Slider.js enhances dynamic content presentation

eslint framer-motion linter prettier react redux slider tailwindcss

Last synced: 04 Feb 2025

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

Overnote is a simple notes app. It allows you to create, edit, customize, and delete notes.

bootcamp-project chakra-ui express framer-motion full-stack fullstack-development javascript nodejs notepad notes notes-app react reactjs todo todo-app

Last synced: 13 Feb 2025

https://github.com/rafialfatih/irappy

Little project to practice next js with tailwindcss and framer motion

framer-motion nextjs react tailwindcss

Last synced: 06 Feb 2025

https://github.com/sohanemon/astro-template

Astro Template with Framer motion | Animation

astro framer-motion jsx shadcn-ui tailwindcss typescript

Last synced: 13 Feb 2025

https://github.com/laraib-azmat/food_order_website

A react Js project for ordering food. Implemented the functionality of order food, add to cart, check for payment, login and signup

emailjs emailjs-com food-ordering framer-motion frontend react-toastify reactjs responsive-design

Last synced: 04 Dec 2024

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

Slicing UI Design The Zeitplan

framer-motion reactjs tailwindcss vite

Last synced: 26 Jan 2025

https://github.com/featitx/featitx

Elevate your online presence with my React-powered portfolio, seamlessly blending style with substance. Using SCSS for sleek design and Framer Motion for interactive flair, the site offers a captivating user experience. Backed by Sanity CMS, it ensures effortless content management, making updates a breeze.

animation-css cms-framework framer-motion interactivedesign javascript portfolio portfolio-website react reactjs responsive resume resume-website sanity sanity-io scss scss-framework

Last synced: 11 Feb 2025

https://github.com/vadimghedreutan/collection-of-stunning-wallpapers

Collection of Stunning Wallpapers build with Next.js 13, Tailwind CSS, Supabase

framer-motion nextjs13 supabase tailwindcss

Last synced: 13 Feb 2025

https://github.com/majidraimi/my-portfolio

My new portoflio using React, Three.js, Framer Motion, Tailwind.

framer-motion react threejs typescript

Last synced: 30 Dec 2024

https://github.com/antidote003/celsius_2023_ciem

The Official website of the fest conducted by CIEM Kolkata named as CELSIUS

chakra-ui framer-motion html5 javascript react sass

Last synced: 25 Jan 2025

https://github.com/santosalarcon/3dportfolioremix

Versión de mi portfolio principal que usa Remix para el SSR

framer-motion portfolio react remix tailwindcss threejs vite

Last synced: 04 Feb 2025

https://github.com/freshposh-code/bravaaart_webapp

A website with distinct layout , Cool NFT's Colections . SUPRA

framer-motion nextjs threejs

Last synced: 20 Jan 2025

https://github.com/gowth6m/online-tictactoe-frontend

Frontend for Online TicTacToe game - invite friends to play TicTacToe on a board of any size and winning condition! Built with React, Zustand, Framer Motion, Tailwind and React Query

framer-motion online react reactquery tailwind vercel vite zustand

Last synced: 24 Jan 2025

https://github.com/sepidsoroush/stepper

A multi-step component with smooth sliding transitions between steps

framer-motion react typescript ui-components vite

Last synced: 13 Feb 2025

https://github.com/wojciech-turek/tokenhatchery

A Next.js app that allows you to create your own tokens.

framer-motion mongodb mongoose nextjs react react-query tailwindcss wagmi

Last synced: 13 Feb 2025

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

RColl Dev, an aspiring developer, shows off his work in this spectacular portfolio site.

contentful-api framer-motion nextjs

Last synced: 08 Jan 2025

https://github.com/audrbar/portfolio-backend

A Full Stack Project Portfolio App Backend, build on React, deployed on Netlify

framer-motion netlify-deployment nextjs node-sass react-icons reactjs sanitycms tooltip

Last synced: 11 Feb 2025

https://github.com/bgf0007/sslviewer

A modern, user-friendly SSL certificate analysis tool built with React and TypeScript.

claude-3-5-sonnet framer-motion node-js reactjs ssl-certificate tailwind-css vercel-deployment vercel-serverless vitejs windsurf

Last synced: 23 Jan 2025

https://github.com/fun117/nextjs-rich-tpl

This project is a Next.js template aimed at providing a robust starting point for building modern web applications. It comes with pre-configured localization support, theme toggling, and various other features to streamline development.

autoprefixer framer-motion i18n lucide-icons next-intl next-themes nextjs rich tailwindcss template vercel-hosting

Last synced: 10 Dec 2024

https://github.com/skyybbanerjee/gym-app-react-typescript

A fitness app 💪🏻 built with TypeScript 🔵 + ReactJs ⚛️, along with features like EMAIL sending and responsive web design

formsubmit-co framer-motion html5 javascript react tailwindcss typescript useform-hook

Last synced: 06 Jan 2025

https://github.com/barisbargun/bussli.io

A business website that stands out with our customizable options. Built with React and Tailwindcss, our platform ensures seamless navigation and functionality across home, pricing, about, terms and contact pages.

framer-motion landing-page reactjs tailwindcss

Last synced: 13 Feb 2025

https://github.com/thebigsasha/nasa-gallery

An interactive gallery of NASA's photos of the day, with a like system :)

framer-motion gatsby scss spring-boot typescript

Last synced: 13 Feb 2025

https://github.com/calebbenjin/ai-shirt-generator

This is an AI T-Shirt 3D generator build with React + Vite, threeJS, Drei, Valtio, Framer-motion, react-color, tailwindCSS

framer-motion react react-color react-three-drei react-three-fiber tailwindcss threejs valtio vite

Last synced: 26 Jan 2025

https://github.com/siegfriedbz/nextjs-aquaman-surfschool-bali

🏄 Next.js 13 app developed to enhance the online presence of a surf school in Bali.

cloudinary dark-theme framer-motion mapbox next-pages-router nextjs tailwindcss

Last synced: 06 Nov 2024

https://github.com/de3ph/formik-chakraui-form

Created to practise on Formik and ChakraUI (with Yup validation schema)

chakra-ui formik-yup framer-motion react

Last synced: 02 Feb 2025

https://github.com/audrbar/folio

A One Page NextJS 13 Application, build on ReactJS, TypeScript, Advanced Animation with Framer Motion, Tailwind CSS, React Email and Resend, hosted on Versel

framer-motion nextjs13 react-email reactjs resend tailwindcss typescript vercel-deployment

Last synced: 06 Jan 2025

https://github.com/keanteng/solo-leveling

※ Solo Leveling System Experience Website

framer-motion nextjs radix-ui solo-leveling typescript

Last synced: 13 Feb 2025

https://github.com/codewithalamin/rock-paper-scissors

A Rock-Paper-Scissors game built with React, TypeScript, and Framer Motion. Enjoy a clean, interactive experience with smooth animations

codewithalamin framer-motion framermotion frontend frontend-app frontend-mentor frontendmentor-challenge rock-paper-scissors rock-paper-scissors-game typescript

Last synced: 13 Feb 2025

https://github.com/santosl2/dev-hunter

Você precisa de encontrar desenvolvedores? Tente Dev Hunter

developer flowbite framer-motion jest next-auth nextjs react react-query react-select redux tailwindcss typescript zod

Last synced: 28 Jan 2025

https://github.com/sarmad426/portfolio-template

Portfolio website built with Next.js, Tailwind CSS and Framer Motion.

framer-motion nextjs portfolio-template-free portfolio-website react tailwindcss typescript

Last synced: 11 Jan 2025

https://github.com/yikzero/roominess4

This is the fourth version of the 'Roominess' personal portfolio repository, built with React, Vite, and Tailwind CSS.

css figma framer-motion profile react tailwind tailwindcss typescript vite

Last synced: 28 Dec 2024

https://github.com/andreyhuey/portfolio

Step into my world of code and creativity, where pixels come alive and ideas turn into digital realities. I'm thrilled to have you here, exploring my projects, skills, and passion for technology.

framer-motion nextjs react react-countup react-icons react-scroll react-type-animation tailwindcss variants

Last synced: 18 Jan 2025

https://github.com/ritikprajapat21/reflexrush

ReflexRush is a fun web game to test your reaction time! 🕹️ Click the box as fast as you can when it turns green, and see your speed in milliseconds. Built with React, Vite, TypeScript, TailwindCSS, and Framer Motion for a smooth, modern experience. 🚀

bun framer-motion react tailwindcss typescript vite

Last synced: 10 Feb 2025

https://github.com/1999-sahil/devlab-myportfolio

DevLab is basically my digital porfolio to showcase my skills in Frontend Development and technologies. You can check out by clicking link below.

aceternity-ui framer-motion google-fonts lucide-react react-icons react-pdf react-router-dom reactjs shadcn-ui tailwind-css typescript vite

Last synced: 13 Feb 2025

https://github.com/shivankk26/shivank-latest-portfolio

This is the Latest Version of my Portfolio which can be viewed at shivank.xyz

aceternity-ui framer-motion nextjs portfolio-website tailwindcss typescript

Last synced: 13 Feb 2025

https://github.com/salamjillani/abdulsalam-portfolio

Portfolio site built with React, Tailwind, Framer Motion

framer-motion reactjs tailwindcss

Last synced: 12 Feb 2025

https://github.com/hakkaofdev/hakkaofdev.fr

My personal site's repo in opensource. Built with Next.js, Chakra-UI and Framer-Motion.

blog chakra-ui chakra-ui-react framer-motion mdx nextjs portfolio react typescript

Last synced: 03 Nov 2024

https://github.com/tedjenkler/arch-studio-scss-portfolio

Project by Teodor Jenkler for Frontend Mentor's challenge is a multi-page website for Arch Studio built with React and SCSS. It showcases a fully responsive design, optimized for various screen sizes, interactive hover states, and robust form validation. This project highlights my skills in converting Figma designs into code

figma formik framer-motion leaflet react react-router scss vite yup-validation

Last synced: 13 Feb 2025

https://github.com/caionikolas/empire

Projeto web de uma hamburgueria fictícia chamada Empire Burger utilizando NextJS

figma framer-motion nextjs react

Last synced: 15 Jan 2025

https://github.com/zacharybear/learn-framer-motion

A repo record the learning trajectory of Framer Motion

framer-motion motion notes

Last synced: 13 Feb 2025

https://github.com/hakkaofdev/flonoa-homepage

Official website for Florine Leroy

chakaraui framer-motion graphics graphisme next vercel

Last synced: 13 Feb 2025

https://github.com/saibarathr/personal-portfolio-react

Clean and Concise Portfolio Site using react with tailwind & react router with options like dark, light, clean, monospaced and grain options

css-animations framer-motion react shaders tailwindcss threejs

Last synced: 08 Jan 2025

https://github.com/giomjds/personal-portfolio-reactjs

Personal portfolio for future usage

aos framer-motion react-jsx scss

Last synced: 10 Dec 2024

https://github.com/lakshaybhushan/pixelverse

A free to use text-to-image generator made using HuggingFace's API [DEPRECATED]

ai ai-image-generation framer-motion huggingface reactjs stable-diffusion tailwindcss

Last synced: 23 Dec 2024

https://github.com/vitorserrano/next-tailwind-framermotion

🖥 Repositório para aprender como utilizar TailwindCSS no Nextjs e Framer Motion.

framer-motion nextjs reactjs tailwindcss typescript

Last synced: 31 Dec 2024

https://github.com/slusy/readrealm

Landing page for the website 'Read Realm', which sells and rents books online and hosts discussions. Constructed with Next JS, Tailwind CSS, Framer Motion, and GSAP.

framer-motion gsap nextjs reactjs tailwindcss

Last synced: 11 Dec 2024

https://github.com/olawale-o/nutritionist

A nutritionist personal website

bun framer-motion nextjs tailwindcss

Last synced: 15 Jan 2025

https://github.com/kanadshee-18/learnsphere

👨‍💻LearnSphere is a MERN-based EdTech platform enabling instructors to create courses and students to explore, enroll, and track progress. Features OTP-based login, secure payments, and smooth animations for an engaging experience.

cloudinary-api css-animations css-grid expressjs framer-motion googlecloudstorage lazy-loading mern-project mongodb nodejs nodemailer nodemailer-smtp-transport reactjs redux-toolkit tailwindcss

Last synced: 09 Feb 2025

https://github.com/selvin-paul-raj/speed-typing

created an Animation-rich React and TypeScript Application. Testing and styling were done using Framer-motion, Jest, and Tailwind CSS

custome-hooks framer-motion jest reactjs tailwindcss typescript vercel

Last synced: 09 Feb 2025

https://github.com/kemi-oluwadahunsi/news-alive

NewsAlive is a modern, responsive news aggregation web application built with React and Vite. It provides users with a seamless experience to browse, search, and filter news articles from various sources. Redux Toolkit is used to manage the appliction states, and tailwind CSS was usd for styling. Visit the README file to learn how to view the app.

axios framer-motion intersection-observer lodash lucide-react raectjs react-components react-hooks react-query react-redux react-slick-carousel redux-persist redux-toolkit sonner

Last synced: 04 Feb 2025

https://github.com/ukhang/ukeme

My portfolio website

framer-motion nextjs react tailwindcss threejs

Last synced: 20 Jan 2025

https://github.com/yshplsngh/feedback-testimonial

Web app for collecting and embedding customer testimonials. and allows easy integration of testimonials into websites

expressjs framer-motion nodejs passport-google postgresql prisma reactjs redux typescript

Last synced: 08 Nov 2024

Framer Motion Awesome Lists
Framer Motion Categories