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

FruitfulCart is a modern e-commerce website for buying fresh fruits. It features a sleek design, smooth animations, and is fully responsive, ensuring a great experience on any device.

css3 framer-motion html5 javascript react-icons react-router reactjs responsive tailwindcss

Last synced: 09 Oct 2024

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/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/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/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/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/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/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/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/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: 11 Oct 2024

https://github.com/complexlity/memory-game

Memory test application created using React and Tailwind

firebase framer-motion material-ui react tailwindcss uniqid vite

Last synced: 26 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/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/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/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/malkiii/react-image-zoom-view

an unstyled react image zoom view component built using framer-motion

component dribbble framer-motion image image-zoom medium react tailwindcss typescript zoom

Last synced: 10 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/kei-k23/mac-os-dock-demo

Mac OS Dock animation with React and Framer Motion

framer-motion react

Last synced: 10 Oct 2024

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

RoomLyf is a complete, responsive interior design website that showcases modern design, smooth animations, and a user-friendly experience across all devices. Built using React.js, Tailwind CSS, and Framer Motion, it brings stunning design concepts to life.

css3 framer-motion html5 react-icons react-router reactjs responsive-design tailwindcss

Last synced: 09 Oct 2024

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/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/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/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/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/mo-hassann/developer-portfolio

Using Next.js, and Framer Motion, this portfolio showcases developer skills and projects. It's responsive and visually appealing.

code-editor developer developer-portfolio framer-motion nextjs portfolio portfolio-website react tailwindcss vscode

Last synced: 10 Oct 2024

https://github.com/karsten-uy/karsten_website

My website is a dynamic showcase of my projects and experiences, skillfully built with Vite, React.js, and Tailwind CSS for a seamless and stylish user experience. Dive into my portfolio, explore featured projects, and connect with me through this creatively crafted digital space.

css framer-motion javascript react react-router-dom reactjs tailwind-css tailwindcss vite vitejs-react

Last synced: 05 Dec 2024

https://github.com/kubk/alias

A beautifully animated Alias game

alias framer-motion mobx

Last synced: 23 Nov 2024

https://github.com/nox-hd/ui

Craft stunning user interfaces with our comprehensive UI library. Accessible, customizable, and open-source.

framer-motion javascript nextjs reactjs shadcn-ui tailwindcss ui-components uikit

Last synced: 10 Oct 2024

https://github.com/gabrielnafuzi/todo-app

a simple todo app to practice framer-motion. app ideia: https://devchallenges.io/challenges/hH6PbOHBdPm6otzw2De5

framer-motion react styled-components typescript vite

Last synced: 07 Dec 2024

https://github.com/softgod4/twistspace

โ˜๏ธโšก Twist Space is a powerful yet lightweight web application designed to display and manipulate 3D models in .glb format. Whether you're working on desktop or mobile, the app provides a seamless experience for viewing and interacting with 3D content.

framer-motion react tailwindcss threefiber threejs threejs-learning typescript wouter

Last synced: 10 Oct 2024

https://github.com/bytebyhaseeb/saas-landing-page

We build impactful, high-performance landing pages using React.js, Tailwind CSS, and Framer Motion. Our pages combine sleek design with smooth animations to captivate users and drive engagement. Let us make your SaaS product unforgettable.

animation framer-motion reactjs tailwindcss

Last synced: 15 Dec 2024

https://github.com/pras75299/firebase-gallery

Image Gallery with Firebase, React, React hooks, and Firestore

customhooks firebase firestorage firestore-database framer-motion gallery-images netlify react reacthooks

Last synced: 16 Jan 2025

https://github.com/sdpdas/homedesigninterior

Done using NextJS, React, Tailwind CSS, Bootstrap, Framer Motion and ShadCn. A very modern and comprehensive app for interior design that took me 3-4 days to make.

bootstrap framer-motion lucide nextjs nextjs14 react shadcn tailwindcss

Last synced: 10 Oct 2024

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

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

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

Last synced: 10 Oct 2024

https://github.com/ryo-samuraijp/fullstack-portfolio

Full-stack StarWars-themed portfolio built with React, Vite, TypeScript, Tailwind CSS, Node.js, and Express.js; and modernly animated with Framer Motion.

axios express-js expressjs framer-motion javascript motion node-js node-js-express nodejs react react-hook-form reactjs swiper swiperjs tailwind-css tailwindcss typescript vite zerobounce zod

Last synced: 19 Dec 2024

https://github.com/rleite-it/ai-landing-page

A sleek and modern landing page for AI-powered SEO tools. Built with Next.js, React, Tailwind CSS, and TypeScript.

framer-motion landing-page nextjs react tailwindcss typescript

Last synced: 10 Oct 2024

https://github.com/pushpankdhruw/ai-startup-landing

๐Ÿค– Welcome to our AI-driven SEO startup landing page. This project showcases our innovative approach to search engine optimization using cutting-edge AI technology.

framer-motion landing-page nextjs14 tailwindcss

Last synced: 21 Dec 2024

https://github.com/caduzulian/portfolio-v1

Portfolio developed in NextJs with direct integration to the Github API

emailjs framer-motion internacionalization nextjs project-image reactjs sass typescript

Last synced: 18 Jan 2025

https://github.com/roygitt/2.99d-portfolio

Explore my portfolio with a clean and modern aesthetic, this portfolio showcases my work. Made using reactjs, react-three, framer-motion and tailwind css.

emailjs framer-motion react-three-drei react-three-fiber react-tilt react-vertical-timeline-component reactjs tailwindcss

Last synced: 26 Jan 2025

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

โ€ป Solo Leveling System Experience Website

framer-motion nextjs radix-ui solo-leveling typescript

Last synced: 21 Dec 2024

https://github.com/samadhi1311/dev-portfolio

A developer portfolio for showcasing work made with React with Typescript, TailwindCSS, Acerternity UI, and Framer Motion.

acertinityui framer-motion reactjs tailwindcss typescript vitejs

Last synced: 12 Jan 2025

https://github.com/jozefini/jozefini.com

NextJS / Sanity.io / Framer Motion - Portfolio

framer-motion nextjs nodemailer reactjs sanity-io zustand

Last synced: 22 Jan 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/roygitt/nike-tailwind

A sleek landing page for nike made with reactjs, tailwind css and framer-motion.

framer-motion react-countup reactjs tailwindcss

Last synced: 26 Jan 2025

https://github.com/devwithzain/text-opacity-scrool-component

Text Opacity Scroll Component created with Next JS, Tailwind CSS, Framer Motion and TypeScript

framer-motion nextjs reactjs tailwindcss typescript

Last synced: 12 Jan 2025

https://github.com/captain-woof/blog-framer-motion

The source code for my series - "How to animate with Framer Motion"

animation-css framer-motion react smooth-scrolling typescript

Last synced: 31 Dec 2024

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/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/wahyus002/slide-skripsi

No clean code, no maintenanceโ€”just creating a slide presentation using code for fun.

framer-motion nextjs

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

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/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/lukinoo/react-card-3d

Nike card animation with React.js typescript and Framer motion

framer-motion react typescript

Last synced: 28 Jan 2025

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

Build & Deploy Simple React JS Portfolio Website | React, Tailwind, Framer Motion Project

framer-motion html5 javascript reactjs tailwindcss

Last synced: 22 Jan 2025

https://github.com/hendraaagil/pizza-joint

Learn framer motion in react

framer-motion react

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

https://github.com/marinactonci/portfolio

Personal portfolio website project built using Next.js. It includes email handling for a fully functional contact form. The project is configured with Tailwind CSS for styling and Vercel for deployment.

framer-motion nextjs react react-email resend tailwindcss typescript

Last synced: 10 Jan 2025

https://github.com/sk1ees/react-modern-website

The website is a modern, responsive platform built with React, focusing on providing a seamless and engaging user experience.

framer-motion modern-website react react-modern-website react-website tailwindcss

Last synced: 16 Jan 2025

https://github.com/hgschandeepa/portfoilosite_2022_jan

This is an opensource portfolio website. Here we added dark mode animations using Framer Motion and also a fully customizable sanity.io backend

framer-motion nextjs sanity-io tailwindcss

Last synced: 11 Jan 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/adityaapraveen/twist-tac-toe

TicTacToe with a twist being there is no chance of a draw

framer-motion react three-js vite

Last synced: 16 Jan 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/jannickpepe/mainportfolio

NextJS14 with server action, EmailJS, TailwindCSS, Framer Motion and portfolio download

framer-motion light-and-dark-modes nextjs14-typescript tailwindcss

Last synced: 22 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

Framer Motion Awesome Lists
Framer Motion Categories