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/azharul122/next-job-portal

A job portal website including dashboard with Next.js

auth0 expressjs framer-motion mongodb nextauth nextjs14 prisma shadcn-ui

Last synced: 02 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/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/rejaulkariim/homefix

🏑 Your central hub for home repairs and improvements. Collaborate, access resources, and streamline your DIY projects with HomeFix.

framer-motion nextjs shadcn-ui tailwindcss

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

https://github.com/incihuseynli/landingpage

This is an architecture company landing page written with React JS and Tailwind CSS

css3 framer-motion front-end-development frontend html5 javascript react-router reactjs responsive-web-design tailwindcss

Last synced: 05 Feb 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/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/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/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/vikraman1653763/carousel-cards

Dynamic Animated Carousel with Framer Motion

carousel carousel-slider css framer-motion react

Last synced: 05 Jan 2025

https://github.com/dreyydk/saas-lp-template

A complete template developed in Next.js/TailwindCSS to speed up the development of landing pages for SaaS products and companies.

framer-motion nextjs react tailwindcss

Last synced: 05 Feb 2025

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

Personal portfolio made with React + Framer Motion + Tailwind CSS

css framer-motion html reactjs tailwindcss

Last synced: 28 Jan 2025

https://github.com/valfonsoardila/dijkmap-net

Aplicacion web con algoritmo de Dijkstra basado en cadenas de suministros. Hecha en React js

framer-motion leaflet leaflet-routing-machine react-native reactjs

Last synced: 28 Jan 2025

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

You can use any tools you like to help you complete the challenge. So if you've got something you'd like to practice, feel free to give it a go.

animation framer-motion reactjs tailwindcss vite

Last synced: 15 Jan 2025

https://github.com/imharshag/galactic-portfolio

This repository showcases my contributions to improving the responsiveness of the original portfolio project. Feel free to explore the code and see the changes made!

framer-motion nextjs portfolio tailwindcss

Last synced: 17 Nov 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/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/shivxmr/3d-portfolio

This is my personal portfolio website. Do give it a visit!

framer-motion portfolio-website react-three-fiber reactjs tailwindcss threejs

Last synced: 21 Jan 2025

https://github.com/abduldevhub/3d-portfolio-website

This repository contains the code for my personal 3D portfolio website. The website showcases my projects, skills, and experiences.

3d css framer-motion html javascript material-ui react tailwindcss threejs vite

Last synced: 28 Jan 2025

https://github.com/faridvatani/darkchain

Darkchain is a modern, dark-themed website template built with Next.js, TypeScript, TailwindCSS and Framer Motion.

blockchain framer-motion framermotion landing-page mdx nextjs nextjs14 react tailwindcss typescript

Last synced: 09 Jan 2025

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/gyanthakur/my-portfolio-gps

Welcome to my personal portfolio! πŸš€ This project showcases my journey as a developer, highlighting my skills, projects, and achievements.

framer-motion javascript nextjs talwindcss

Last synced: 14 Jan 2025

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

Personal portfolio for future usage

aos emailjs framer-motion react scss typescript vite

Last synced: 05 Feb 2025

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/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: 19 Dec 2024

https://github.com/nshahaf/space-tourism

My solution for frontend mentor space tourism challenge

framer-motion front-end-development react react-router scss vite

Last synced: 22 Jan 2025

https://github.com/jas1rk/homepage

A simple responsive home page built in react and tailwind css

framer-motion react-scroll reactjs tailwindcss

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

https://github.com/raizertechdev/dio-spiderverse

Criando um carrossel parallax do Aranhaverso com React, Next.js 13 e Framer Motion.

eslint framer-motion nextjs reactjs tailwindcss typescript

Last synced: 11 Jan 2025

https://github.com/faycodee/employee-crude-api-axios

In this Employee Project, the application utilizes Axios to make API requests for retrieving and manipulating employee data. The data is served by a local JSON server, which acts as a mock backend for simulating CRUD operations (Create, Read, Update, Delete).

axios-react framer-motion json-server reactjs tailwindcss

Last synced: 20 Jan 2025

https://github.com/isaacsarte/isaac-sarte

My own portfolio (Will stick to JS for now)

bun framer-motion gsap nextjs13 tailwindcss

Last synced: 02 Feb 2025

https://github.com/0xrajvardhan/metaverse-madness

Next.js-13 Application with Framer Motion and Tailwind CSS

framer-motion frontend javascript next13 nextjs tailwind-css

Last synced: 25 Jan 2025

https://github.com/philight/xotix-designs-v2

πŸ“•[commercial, react-pages, shopify-theme, e-commerce ] Shopify ecommerce store - theme customization

css framer-motion html javascript liquidjs reactjs shopify tailwindcss theme-development

Last synced: 12 Jan 2025

https://github.com/luuizz/structure-boost-vanilla

Projeto desenvolvido usando a API do vanilla-extract para fins de estudo.

codeboost css framer-motion javascript nextjs14 vanilla-extract vanilla-extract-css

Last synced: 14 Jan 2025

https://github.com/prathameshdhande22/film-fiesta-web-app

Film Fiesta is a movie information web app that fetches data from The Movie Database (TMDB) API. It provides details on trending, upcoming, top-grossing, popular, and top-rated movies

framer framer-motion movie movie-search movies-api react react-spinners reactjs reactrouterdom router tmdb-api tmdb-movie-search typescript typescript-react vite

Last synced: 14 Jan 2025

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

πŸ“ Um pequeno To do feito utilizando Next JS, Tailwind CSS, Testing Library, Framer Motion, Redux e Redux Persist

framer-motion jest nextjs reactjs redux reduxpersist testing-library todo todoapp

Last synced: 28 Jan 2025

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/adarshpattnaik/anshika-singh-birthday

Happy Birthday, Anshika Singh! This website is dedicated to celebrating your special day. May it be filled with joy and unforgettable moments. Cheers to another year of happiness and success!

birthday-wishes css3 framer-motion html5 javascript react-simple-typewriter reactjs

Last synced: 16 Jan 2025

https://github.com/parzivaleugene/michkoff-landing

Michkof Project | Portfolio

framer-motion nextjs tailwindcss

Last synced: 20 Jan 2025

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

A Frontend of Full Stack Project Portfolio App build on React

css3 framer-motion reactjs sanity scss

Last synced: 06 Jan 2025

https://github.com/lucianoadamczuk/go-to-egypt

The original design has been copied from Dribbble. The author's name is Achraf Elkaami, and the project is called GOTOEGYPT. The animations, the idea of including sounds and the sky with stars are mine

css design egypt framer-motion frontend photoshop react

Last synced: 05 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/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/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/dodycode/cards-stack-react

Stack Cards Slider made with React Framer Motion. Build for learning purposes.

framer-motion react-framer reactjs shadcn-ui tailwindcss vitejs

Last synced: 28 Dec 2024

https://github.com/geeekgod/movie_app

A Movie app developed in Next Js with Typescript, TailwindCSS, Framer Motion using IMDB Restful apis.

animations css framer-motion imdb movies nextjs react tailwind-css tailwindcss typescript

Last synced: 02 Feb 2025

https://github.com/mosespace/wine-website

This Repository contains a client website for a Wine Store using NextJS/ React

component css framer-motion jsx-syntax library nextjs nodejs reactjs sass swiper

Last synced: 18 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/alizul01/bromo-sunrise-vinny

πŸŒ„ Dedicated to capturing the essence of Bromo's sunrise

framer-motion nextjs13 react tailwindcss travel-website uiux web-development

Last synced: 11 Nov 2024

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/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: 21 Dec 2024

https://github.com/mrpranavr/camkart-website

Landing page for Camkart shopping site.

figma framer-motion nextjs reactjs tailwindcss

Last synced: 27 Dec 2024

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/frikadellios/astro-tw-4-bun

Ready First πŸ₯‡ Lightning ⚑ Tailwindcss 4 alpha with Bun and Astro PWA in production. Frontend Powered by Cloudflare. 🐈

astrojs biomejs bunjs framer-motion i18n lightningcss tailwindcss tailwindcss-v4 typescript

Last synced: 14 Oct 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/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/colindmg/ocean-heartbeat

Projet de la Nuit de l'Info 2024

framer-motion react react-three-fiber

Last synced: 02 Feb 2025

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

πŸ”₯ λ¦¬κ·Έμ˜€λΈŒλ ˆμ „λ“œ 전적 검색 ν”„λ‘œμ νŠΈ πŸ”₯

aws-ec2 aws-s3 framer-motion nestjs passport prisma react-hook-form react-query reactjs storybook swagger tailwindcss typescript vite

Last synced: 06 Jan 2025

https://github.com/rupak-25/minidocs

MINIDOCS is an ultra-responsive, modern documentation site built with React, Vite, and Tailwind CSS. Featuring Framer Motion's phenomenal drag feature, it redefines user interaction with a sleek, dynamic interface. Below given commands in readme page is the way you can checkout the final outcome of the project.

animation basics docs drag-and-drop framer-motion framework frontend full-stack-web-development html-css-javascript javascriptlibrary minidocs reactjs responsive-design skills

Last synced: 02 Feb 2025

https://github.com/aviralj02/portfolio

🌟 My portfolio website using Next.js, Typescript, Sanity CMS, Tailwind and Framer Motion.

framer-motion nextjs portfolio portfolio-website sanity-io tailwindcss typescript

Last synced: 03 Feb 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/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/abhinpai/ipl-fantasy-league

Fantasy League, Where you can predict who is gonna win the toss and who is gonna win the match. If your prediction passed to the right court then you will get 5 points and one can also look for their standing in the leader board

firebase firebase-hosting framer-motion react scss

Last synced: 21 Dec 2024

https://github.com/michaelbrusegard/personal-website

A personal portifolio website to showcase my work and experience.

framer-motion github-pages nextjs personal-website static-website tailwindcss threejs

Last synced: 19 Dec 2024

https://github.com/prthub/portfolio

This is the first portfolio that I made using React, Framer-motion

css framer-motion react sanity

Last synced: 29 Dec 2024

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

Portfolio website

framer-motion reactjs tailwindcss

Last synced: 28 Jan 2025

https://github.com/mudassarnazir956/react_admin_dashboard

Proud to present my Admin Dashboard, inspired by a sleek UI design I discovered on Pinterest. Built with React, Tailwind CSS, Recharts, and Framer Motion, this fully responsive dashboard offers a modern user experience with smooth animations. It's optimized for efficient data handling and seamless page navigation. Explore my work at the below link.

admin-dashboard framer-motion luicide-icons pintrest-ideas react-admin-dashboard react-project react-router-dom recharts tailwind-css

Last synced: 21 Dec 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: 02 Feb 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/hamza-cpp/my_portfolio

Welcome to my Portfolio Web App, where innovation meets creativity! Powered by Next.js, Tailwind CSS, and React.js, I showcase a passion for cutting-edge tech and user-centric design. Join me on this captivating journey!

animation ecmascript2017 eslint framer-motion html5 javascript nextjs personal-portfolio portfolio react-hooks react-router reactjs ssg tailwind-css tailwindcss ui-ux ui-ux-de

Last synced: 01 Feb 2025

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

Framer Motion Awesome Lists
Framer Motion Categories