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/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/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/felixoder/felixcodez

This is a next level typescript portfolio having awesome stuff

express framer-motion mern-stack nodejs typescript

Last synced: 30 Dec 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/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/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/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/kazemmdev/music-landing-react

React landing page with framer

framer-motion react reactjs

Last synced: 08 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/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/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: 02 Feb 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/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/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/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/ake144/animated_nextportfolio

πŸš€ Explore my personal portfolio built with Prisma, Next.js, and JavaScript. Experience seamless animations powered by Framer Motion and discover a modern showcase of my projects.

emailjs framer-motion javascript nextjs14 prisma-orm tailwindcss

Last synced: 05 Feb 2025

https://github.com/panayotsky-dev/MobileShopView

Interview Task with Next,React,TailwindCSS,Context,framer-motion,TS

context context-api framer-motion next13 nextjs react react-icons reactjs tailwindcss typescript

Last synced: 30 Nov 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/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/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/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/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/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/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/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/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/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/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/kmanadkat/full-stack-next-fe

A Full Stack Next Js, GraphQL, Strapi, Auth0 & Stripes project

auth0 cloudinary framer-motion graphql nextjs strapi-cms stripes styled-components

Last synced: 01 Feb 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/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/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/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/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/daxter-army/daxui

A 3D Isometric component library for your custom projects, designed differently and elegantly, because custom needs, demands custom measures.

adobe-illustrator framer-motion react-icons reactjs ui-library

Last synced: 22 Jan 2025

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/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/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/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/oirhyan/stringo-app-music

Aplicação Web integrada ao Spotify capaz de realizar a busca e a reprodução de músicas sem necessitar de uma assinatura premium

api-client api-rest framer-motion music-player music-visualizer next-auth nextjs14 spotify-web-api tailwind-css webapp website

Last synced: 14 Nov 2024

https://github.com/mohamed-khaled0/mohamed-khaled-portfolio-v2

*Mohamed Khaled Portfolio**! This project is a personal website designed to showcase my skills, projects, and experience in web development.

framer-motion nextjs reactjs resend-email-api tailwindcss typescript

Last synced: 01 Nov 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/kushhhhhhhh/visionforge

VisionForge is an open-source platform that empowers users to generate stunning images for free using prompts, with unlimited creations and customizable effects. VisionForge is your go-to tool for limitless creativity!

framer-motion next-auth nextjs prisma-orm typescript zod

Last synced: 01 Nov 2024

https://github.com/remcostoeten/nextjs-lucia-neon-postgresql-drizzle-dashboard

A personal all-in-one panel with tons of productivity tools and utillity helpers I use on a day-to-day basis. Build in NextJS, Lucia auth, PostgreSQL, TypeScript, drizzle-orm and more

crud drizzle-orm framer-motion lucia-auth neondb nextjs14 notes-app postgresql react server-actions tailwindcss typescript

Last synced: 01 Nov 2024

https://github.com/zackozack0/portfolio-next14

A portfolio website made with Next.js 14, Tailwind CSS, Framer Motion and shadcn/ui.

framer-motion nextjs nextjs14 portfolio-website shadcn-ui tailwindcss

Last synced: 10 Oct 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/omer-os/my-portfolio

full stack portfolio website. includes portfolio, about, contact, blog pages and much more.

framer-motion nextjs react sanity tailwindcss

Last synced: 12 Jan 2025

https://github.com/educlopez/gamedev

Gamedev is a GitHub project where I will be uploading mini-games as I learn React, Next.js, and possibly migrate JavaScript to TypeScript. All feedback and tips for improving the code are welcome.

framer-motion gamedev memory nextjs pokemon tailwindcss tic-tac-toe words-per-minute

Last synced: 24 Dec 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/keanteng/solo-leveling

β€» Solo Leveling System Experience Website

framer-motion nextjs radix-ui solo-leveling typescript

Last synced: 21 Dec 2024

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/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/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/jonasfroeller/bookmark-organizer

Are Your Bookmarks Out Of Control? Bookmark organizer helps you to organize them. Technologies: HTML, CSS, SCSS, JS, TS, React, NextJS, T3-Stack, Radix, Framer-Motion

framer-motion radix t3-stack

Last synced: 01 Feb 2025

https://github.com/vikraman1653763/carousel-cards

Dynamic Animated Carousel with Framer Motion

carousel carousel-slider css framer-motion react

Last synced: 05 Jan 2025

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

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/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/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/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/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/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/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/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/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/hendraaagil/pizza-joint

Learn framer motion in react

framer-motion react

Last synced: 20 Dec 2024

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

Framer Motion Awesome Lists
Framer Motion Categories