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/the-bipu/metaverse-nextjs

Powered by Next.js, Framer Motion, and Tailwind CSS, our one-page website offers an immersive experience filled with captivating animations. Dive into the world of digital creativity and innovation today!

framer-motion nextjs reactjs tailwindcss

Last synced: 06 Jan 2025

https://github.com/sinhaparth5/p4rth-portfolio

Portfolio website on kubernetes with helm

framer-motion gsap remix typescript

Last synced: 26 Jan 2025

https://github.com/1-blue/portfolio

📖 나만의 포트폴리오 웹사이트 📖

framer-motion headlessui nextjs tailwindcss typescript

Last synced: 06 Jan 2025

https://github.com/vicenteroa/portfolio

Web Developer Portfolio: Showcasing my projects built with Next.js, Framer Motion, and Tailwind CSS. Focused on creating smooth, responsive, and dynamic user experiences. Check out my repositories for more!

framer-motion nextjs portfolio portfolio-website tailwindcss

Last synced: 14 Dec 2024

https://github.com/heyitsuzair/framer-motion-react

Learning Framer Motion From The Net Ninja

framer-motion react react-framer reactjs

Last synced: 26 Jan 2025

https://github.com/jorjishasan/cornflix

CornFlix: AI-Powered Movie Discovery Platform ⚡️ Covering: Sleek UI/UX, Real-time Data, Authentication, Perf Optimization

ai express firebase framer-motion nodejs react react-router redux render tailwindcss

Last synced: 06 Feb 2025

https://github.com/tipizzo/david_kabanga

This website serves as a hub for my work in technology, innovation, and problem-solving. Built with modern web technologies, it's a reflection of my passion for coding and impactful solutions. Feel free to connect with me or collaborate on exciting projects!

framer-motion react-toastify reactjs tailwindcss

Last synced: 02 Feb 2025

https://github.com/devalpha18/evogym

🏋🏽 A Gym Landing Website using Framer Motions, Tailwind CSS and TypeScript.

framer-motion hero-icon react tawilwindcss typescript vite

Last synced: 03 Feb 2025

https://github.com/kenkyoo/react-password-checker

Una aplicación web simple que verifica la seguridad de una contraseña.

firebase framer-motion javascript password-checker react tailwindcss typescript vite

Last synced: 02 Feb 2025

https://github.com/mavadev/practica-dager_portafolio

Portafolio creado para Dager, creador de contenido, como práctica y desafío dado por un video en su canal Dog Dager

framer-motion nextjs react-icons react-image-gallery shadcn-ui tailwindcss

Last synced: 20 Jan 2025

https://github.com/georgiirocket/tables

Implementation of tables with TanStack Table

dexie framer-motion nextjs react-icons sass tailwind tanstack-table

Last synced: 21 Dec 2024

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

Una aplicación web de carrito de compras simple creada con **React** y desplegada en **Firebase**.

axios framer-motion javascript material-ui react shopping-cart typescript vite

Last synced: 02 Feb 2025

https://github.com/ags263/my_portfolio_website

This portfolio is more than just a collection of projects; it’s a reflection of your professional identity. With its stunning design, smooth animations, and powerful content management capabilities, it serves as an impressive platform to showcase your skills and achievements.

css framer-motion html javascript portfolio-website react react-portfolio react-portfolio-website sanity-content-studio sanity-studio sass typewriter-animation

Last synced: 21 Dec 2024

https://github.com/basia1111/rocket-tasks

Blast off into productivity with Rocket Tasks, a sleek MERN application designed to help you manage tasks! With seamless user authentication, dynamic task management, and engaging animations, Rocket Tasks transforms your to-do list into an interstellar experience.

authnetication framer-motion full-stack mern-stack react todoapp

Last synced: 21 Dec 2024

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

Landing Page Wizard is a user-friendly web app that lets you easily create stunning, responsive landing pages. ✨ Built with Next.js and Tailwind CSS, it features customizable components for all skill levels.

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

Last synced: 21 Dec 2024

https://github.com/zeynallizeynal/everest-ui

Animated, easy to use, fully customizable React UI components

component framer-motion geist geist-ui radix-ui react reusable-components shadcn-ui ui vercel

Last synced: 01 Feb 2025

https://github.com/cobbyelsonfx/portfolio

Check out my portfolio website, built with React, framer motion. Featuring responsive design and modern animations, this website showcases my skills and projects. You can also learn more about me and my experience in the tech industry. Let's connect and collaborate

framer-motion reactjs tailwindcss

Last synced: 26 Dec 2024

https://github.com/sajjadislam523/traceback-client

TraceBack is a web application designed to connect people who have lost items with those who have found them.

daisyui firebase framer-motion react-router reactjs sweetalert2 swiper-js tailwindcss

Last synced: 12 Jan 2025

https://github.com/bhuvan2018/women_safety

SafeWalk: Ensuring Women Safety in Public Spaces a web app built for the safety of women with features like safe routes, SOS alert messages and many more

emailjs framer-motion html nextjs reactjs shadcn-ui tailwindcss typescript

Last synced: 12 Jan 2025

https://github.com/srijaadhya12/prisma-ai

Introducing an AI-driven virtual companion named Prisma AI that provides personalized mental health support tailored to each user’s unique emotional needs. Using advanced mood analysis, it suggests activities and coping strategies based on the user’s current state of mind.

aceternity-ui auth0 express faceapi-js framer-motion gemini-flash javascript mongodb mongoose nodejs nodemon radix-ui reactjs shadcn-ui streamchat tailwindcss three-js virtual-reality

Last synced: 27 Dec 2024

https://github.com/soun1005/portfolio_v1

Personal portfolio v1

framer-motion nextjs typescript

Last synced: 27 Jan 2025

https://github.com/hugovarellaa/clone-homepage-pinterest

Recriando pagina da Pinterest com as animações

css3 framer-motion html5 javascript sass

Last synced: 23 Dec 2024

https://github.com/vikasipar/get-a-bit-assignment

Get A Bit Assignment 🧩

framer-motion reactjs tailwindcss

Last synced: 12 Jan 2025

https://github.com/isayanpal/learnsync

LearnSync is an innovative adaptive learning assessment system that incorporates personality tests to detect disorders like ADHD, dyslexia, and autism, followed by personalized AI responses. This project aims to create a more inclusive and effective learning environment for all users.

cohere-ai expressjs framer-motion mongodb nodejs postman reactjs redux-toolkit tailwindcss

Last synced: 12 Dec 2024

https://github.com/jishnusv23/hirehub-frontend

HireHub Frontend is a responsive interface built with React and Tailwind CSS, offering a seamless experience for interviewers and candidates with real-time communication, collaborative coding, and interview scheduling.

framer-motion lottie monaco-editor peerjs-webrtc react reactvite socket-io tailwindcss

Last synced: 13 Jan 2025

https://github.com/reaperdragon/movium

Movium is a Streaming App created with Next Js, the TMDB API, and all of the CSS magic, including Framer motion and Styled-Component with Search Functionality.🎥

css3 framer-motion hooks imdb movies moviesapp netflix netlify-deployment nextjs react reactjs ssr streaming styled-components tmdb-api tv-shows

Last synced: 20 Dec 2024

https://github.com/dhimanankita54/hover-animation

A project for hover animations using framer-motion with tsparticles

animations css3 framer-motion hover-animations reactjs tsparticles

Last synced: 20 Dec 2024

https://github.com/syahdaromansyah/dicoding-mrwde-final-submission

The final submission of the 'Menjadi React Web Developer Expert' (Become an Expert React Web Developer) course on the Dicoding web platform about creating a forum app with React.js

cypress framer-motion javascript react-testing-library reactjs redux-toolkit storybook tanstack-router typescript vitejs vitest

Last synced: 03 Feb 2025

https://github.com/menathndgd/menath-portfolio

This is my personal portfolio website built with Next.js, styled using Tailwind CSS, and enhanced with Framer Motion for smooth animations. The project showcases my skills, projects, and professional journey as a Full-stack Web Developer, with a focus on responsive design and interactive user experiences.

framer-motion nextjs tailwindcss

Last synced: 20 Dec 2024

https://github.com/wafaa-assem/fahd-website

Responsive react website with ReactJS + Redux-toolkit + Tailwind + Framer Motion

api-rest framer-motion react redux-toolkit rest-api tailwind

Last synced: 21 Dec 2024

https://github.com/paulopbi/saas

A beautiful SaaS landing page with smooth animations and effects.

framer-motion landing-page motion nextjs react saas tailwind vercel

Last synced: 21 Dec 2024

https://github.com/mahmoudaliaboelhassan/posts-crud-fullstack

a web-based platform where users can view, add, edit, and delete posts and comments. It also supports searching for posts, pagination, and managing user authentication using JWT tokens.

axios bycryptjs cookie formik framer-motion jsonwebt nextjs prisma react-bootstrap react-hot-toast sweetalert2 typescript yup zod

Last synced: 20 Dec 2024

https://github.com/alirezanaghdi47/sale-frontend

A retail store app for communication between sellers and buyers.

framer-motion next-auth next-js react-query tailwindcss typescript

Last synced: 27 Dec 2024

https://github.com/nakibiqbal/scroll_parallax_effect

This interactive animation is based on smooth scrolling with parallax movement for the images and the text.

css framer-motion html javascript lenis-scroll react

Last synced: 21 Dec 2024

https://github.com/issam-ab/next-ecommerce-shopco

Shopco - Free Next.js 14 App Router, TypeScript, TailwindCSS, shadcn-ui, framer-motion, redux toolkit E-commerce Website.

css e-commerce framer-motion html javascript nextjs nextjs14 react redux scss shadcn-ui storefront tailwindcss typescript

Last synced: 21 Dec 2024

https://github.com/dineshkumarc9102/dineshkumar_mens_look

This project involves creating a dynamic, visually appealing, and user-friendly website for a local salon shop. The website aims to provide an engaging online presence, showcasing the salon's services, while also incorporating interactive features to enhance the user experience.

css framer-motion html javascript react vite

Last synced: 28 Jan 2025

https://github.com/dadvaiahpavan/newsai

NewsAI is a modern, responsive news aggregation platform built with React, TypeScript, and Tailwind CSS. It provides users with a seamless experience to browse, search, and summarize news articles from various categories and sources worldwide.

axios framer-motion lucide-icons lucide-react newsdataapi rapid-api reacat react reactrouterdom tailwandcss typescript

Last synced: 21 Dec 2024

https://github.com/hitarthchudgar/motioncraft

MotionCraft is an experimental UI website showcasing a series of creative UI animations and components, built using Framer, React, and Tailwind CSS. Each experiment explores dynamic user interactions, focusing on enhancing the digital experience through fluid, responsive motion design.

framer-motion react tailwindcss ui-components

Last synced: 20 Dec 2024

https://github.com/mrkkvnsndvl/weather-web-app

🌤️ Weather Web App: Real-time forecasts with dynamic backgrounds, animations, and responsive design. Built with React, TypeScript, Tailwind CSS, and Framer Motion. Features include location search, temperature toggles, and smooth UI animations.

api framer-motion frontend react reacthooks real-time recharts responsive-design tailwindcss typescript vite weather-app webdevelopment

Last synced: 21 Dec 2024

https://github.com/nathan-somto/portfolio-v1

Hi there, my name is Mkparu Somtochi, but i mostly go by Nathan Somto, I am a Full Stack Developer who loves to push the boundaries of what he knows but taking on challenging projects

blobity framer-motion lenis mobile-responsive motion portfolio portfolio-website react react-19 tailwindcss tailwindcss-v3 typescript

Last synced: 22 Jan 2025

https://github.com/crane-cele/hull

Headless Shopify Starter – powered by Next.js + Sanity.io

ecommerce framer-motion headless jamstack next-js nextjs react sanity shopify starter starter-template tailwindcss vercel

Last synced: 21 Dec 2024

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

Personal portfolio website showcasing my skills, projects, and contact information in a clean, minimal design.

framer-motion nextjs shadcn-ui tailwindcss typescript vercel

Last synced: 20 Dec 2024

https://github.com/talhat298/mediumopen

A platform where you can effortlessly use ChatGPT through Bengali prompts

antdesign chatgpt framer-motion javascript nodejs react-router-dom reactjs tailwindcss

Last synced: 22 Jan 2025

https://github.com/devrihan/crewverse.io

Crewverse.io is an AI-powered platform that enables effortless content creation and collaboration for creators, developers, and businesses.

firebase framer-motion gemini-api html-css javascript nodejs tailwindcss typescript vite

Last synced: 22 Jan 2025

https://github.com/rohanrvpatil/stone_canyon_llm

A LLM powered service-oriented chatbot which can run decision trees and gather information from the user

chatbot framer-motion llm mongodb redux

Last synced: 20 Dec 2024

https://github.com/tahiee/dennisportfolionextjs

Dennis Snellenberg Portfolio

framer-motion gasp nextjs14

Last synced: 22 Jan 2025

https://github.com/jayrichh/next-temploot

A streamlined template for rapid web app development, preconfigured with TypeScript, Three.js, and Tailwind CSS.

chadcn framer-motion nextjs react threejs typescript

Last synced: 22 Jan 2025

https://github.com/hafizn07/frontend-assessment-nextjs

Next.js frontend assessment with responsive Figma design implementation.

framer-motion nextjs14 reactjs tailwindcss typescript ui

Last synced: 20 Dec 2024

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

https://github.com/aiecee/aiecee.github.io

Portfolio site for github pages, built with React, vite, framer-motion and tailwindcss

framer-motion portfolio react tailwindcss vite

Last synced: 28 Jan 2025

https://github.com/aiecee/portfolio

Portfolio site for github pages, built with React, vite, framer-motion and tailwindcss

framer-motion portfolio react tailwindcss vite

Last synced: 28 Jan 2025

https://github.com/nayak-nirmalya/metaverse-landing

Metaversus Landing with Next.js 13, React, Tailwind & Framer Motion.

framer-motion javascript nextjs13 react tailwindcss

Last synced: 22 Jan 2025

https://github.com/laplacexd/zephyr-chat

A side project that uses ReactJS, firebase, framer-motion and styled-components. This basically just serves as a practice for me.

firebase firebase-auth firebasefirestore framer-motion javascript reactjs styled-components

Last synced: 26 Jan 2025

https://github.com/rohitroy-github/react-dev-portfolio

My personal dev portfolio website using React | SCSS | Framer Motion | Sanity CMS.

css framer-motion git html js react sanity scss

Last synced: 19 Dec 2024

https://github.com/vmaspad/elara

A simple browser that provides basic navigation and usability functions, using electron's webview and shadcn.

browser electron framer-motion react shadcn-ui typescript

Last synced: 12 Jan 2025

https://github.com/harkiratvirdi/ecommerce_jewellery

Jewellery Ecommerce made with MERN stack. Users can buy jewellery. Cart is fully functional. PayPal Sandbox API used for demo Payment.

axios dotenv express figma framer-motion gsap heroku intersection intersection-observer jsonwebtoken mongodb mongoose nodejs reacthooks reactrouterdom redux redux-thunk scss

Last synced: 04 Feb 2025

https://github.com/vijeshvs/metavault

Wallet for cryptocurrency

framer-motion nextjs shadcn solana-web3js

Last synced: 09 Jan 2025

https://github.com/zoricdev/luxeestate-web-app

A modern real estate website built with React.js, featuring smooth animations powered by Framer Motion for an engaging user experience. The project is deployed using Vercel, ensuring fast and reliable performance.

framer-motion html-css-javascript reactjs vercel-deployment

Last synced: 22 Jan 2025

https://github.com/hironkanishka97/bicycle-product-webapp

Web app Created Using React , Tailwind CSS and Framer Motion for Cycle product

framer-motion reactjs tailwindcss

Last synced: 20 Dec 2024

https://github.com/kevindmorris/kevindmorris.github.io

Welcome to my GitHub repository housing my professional portfolio — a meticulously crafted digital representation of my skills and identity.

chakra-ui eslint framer-motion javascript react react-router-dom typescript vite

Last synced: 12 Jan 2025

https://github.com/akiayu13/portfolio

My Portfolio Website made using NextJS, Tailwind CSS, TypeScript and Framer Motion.

framer-motion nextjs tailwind tailwind-css typescript

Last synced: 16 Jan 2025

https://github.com/bwhtdev/bradwhite.io

Software engineer portfolio website

framer-motion react tailwindcss typescript

Last synced: 22 Jan 2025

https://github.com/philight/star-wars

[hello-world, react-pages]

css framer-motion reactjs

Last synced: 12 Jan 2025

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

https://github.com/khamisilawrence/evogym-fitness-react-ts-app

UI Mockup of a gym website built using React and Typescript.

framer-motion reactjs typescript

Last synced: 04 Feb 2025

https://github.com/bwhtdev/min-planner

Minimalist Planner App built with TypeScript / React / AWS / Tailwind.css / Framer Motion

aws framer-motion react tailwindcss typescript

Last synced: 22 Jan 2025

https://github.com/rasulwebs/drag-track

DragTrack is a simple Kanban board that allows you to drag and drop tasks between columns. It is built using

dnd-kit framer-motion react react-compiler type zustand

Last synced: 03 Feb 2025

https://github.com/wesleych3n/framer-motion-example

A collection of examples using framer-motion

framer-motion react tailwindcss typescript

Last synced: 28 Jan 2025

https://github.com/rjordan23/anime_vault

The Anime Vault site uses a combination of frontend and backend technologies typical for web apps hosted on Heroku. For the frontend, it uses HTML, CSS, JavaScript, and frameworks such as React, Framer Motion and Tailwind CSS. On the backend, it is powered by Node.js with an API for retrieving anime data.

api framer-motion html json node-js react tailwind-css

Last synced: 17 Jan 2025

https://github.com/milopadma/framer-custom-components

🔲 A collection of custom components for Framer Motion.

framer framer-motion react

Last synced: 28 Jan 2025

Framer Motion Awesome Lists
Framer Motion Categories