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/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/parzivaleugene/michkoff-landing

Michkof Project | Portfolio

framer-motion nextjs tailwindcss

Last synced: 20 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/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/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/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/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/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/jkellerman/planet-viewer

Learn about the planets in our solar system whilst interacting with 3D models of them. These are can be viewed in Augmented Reality on iOS devices. ๐ŸŒ

3d-models framer-motion react styled-components typescript

Last synced: 27 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/sandhish/portfolio

Portfolio website

framer-motion reactjs tailwindcss

Last synced: 28 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/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/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/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/mrpranavr/camkart-website

Landing page for Camkart shopping site.

figma framer-motion nextjs reactjs tailwindcss

Last synced: 27 Dec 2024

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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/q1akm/learning-motion

An open-source project designed for experimenting with animations, motion effects, and modern web technologies.

animation community contribution framer-motion github gsap hacktoberfest hacktoberfest2024 javascript motion open-source-project react

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/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/rohan1279/fahim-wali-portfolio

A portfolio website I prepared using React, Framer Motion, Tailwind CSS with Vite for Md Fahim Wali (https://www.linkedin.com/in/fahimwali)

framer-motion react tailwindcss vite

Last synced: 20 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/HakkaOfDev/flonoa-homepage

Official website for Florine Leroy

chakaraui framer-motion graphics graphisme next vercel

Last synced: 23 Oct 2024

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/shoaib-imrann/orbit

A Web Design built with React

framer-motion locomotive-scroll-v5 reactjs tailwindcss

Last synced: 20 Dec 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/nitins87/nitin-portfolio-website

This is my Portfolio website built using NextJs, ReactJs and Tailwind CSS with Framer Motion. You can find my resume and all my social links in this Hope you connect with me!

axios css framer-motion html javascript javascript-es6 nextjs portfolio reactjs ssr tailwindcss

Last synced: 23 Jan 2025

https://github.com/tusharkumar888/my-dev-portfolio

This is the digital showcase of my work as a developer, where I demonstrate my skills in coding, design, and problem-solving. Here, you'll find a collection of my projectsโ€”ranging from web development to machine learning and everything in between. Each project reflects my passion for creating clean, efficient, and innovative solutions.

backend framer-motion frontend node-js portfolio react react-router-dom tailwindcss

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

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/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/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/anans9/portfolio-v1

My personal website built with Vite, styled using Tailwind CSS, and developed using React and TypeScript.

framer-motion netlify react tailwindcss typescript vite

Last synced: 21 Dec 2024

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

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/abhijitnr/abhijitnr.github.io

This is my personal portfolio, which includes a home section, an about section, my GitHub stats section, a skills section, a project section, a contact section, and a button to download my resume. Please click the link below to visit my portfolio ๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡

css3 emailjs-browser framer-motion html5 javascript personal-website portfolio portfolio-site portfolio-website reactjs sass

Last synced: 24 Jan 2025

https://github.com/nijat-hamid/manticore_ecommerce_dashboard

Work in Progress | React + React Router + Redux Toolkit + Chakra UI + ViteJS + Axios + Firebase + Framer Motion + Emotion + Full Crud APP

axios chakra-ui firebase framer-motion full-crud react redux-toolkit vitejs

Last synced: 27 Dec 2024

https://github.com/the-coder-o/ui.auravision.com

Step into the intersection of creativity and technology with our UI library, a collection of interactive, stylish components poised to elevate your web projects. Here, innovation breathes life into every design, making the ordinary extraordinary. Precision-crafted to the latest trends and standards, your site will dazzle and operate flawlessly

framer-motion javascript lucide-react mdx nextjs14 radix reactjs seo-optimization shadcn-ui tailwindcss typescript

Last synced: 01 Feb 2025

https://github.com/njordulv/portfolio

This is my portfolio website which designed and built on my own. Deployed on Vercel

framer-motion github-api nextjs nextui swr tailwindcss typescript

Last synced: 29 Dec 2024

https://github.com/richllew182/react-portfolio

Personal Portfolio / Module 13 Challenge for EDX Bootcamp

bootstrap framer-motion nodejs react

Last synced: 07 Jan 2025

https://github.com/priyanshuuranjan/myportfolio

My personal portfolio website, built with React.js, Framer Motion, React Icons, and Tailwind CSS, showcases my skills and projects as a Frontend Developer. It features a modern, responsive design with smooth animations and sections detailing my work and contact information.

framer-motion javascript react react-icons responsive scroller tailwindcss

Last synced: 20 Dec 2024

https://github.com/evozone/snaptunes

This project was built for Google AI Hackathon. Here's the submission - https://devpost.com/software/snaptunes

framer-motion gemini-api nextjs13 spotify-api

Last synced: 11 Nov 2024

https://github.com/mpirescarvalho/tesla-layout-clone

Tesla website layout clone ๐ŸŽจ๐Ÿš˜

framer-motion frontend reactjs styled-components typescript

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

HireHalo is a platform which connects job seekers to wide range of remote job opportunites. I built Hirehalo with Go, NextJs, MongoDB, and Typescript.

cypress framer-motion go gsap mongodb nextjs typescript

Last synced: 20 Dec 2024

https://github.com/manoj2s/portfolio

My porfolio, built with React.js and Tailwind CSS, features smooth scrolling with react-scroll, animations using framer-motion, and icons from react-icons. It highlights sections like skills, projects, experience, and contact, offering a responsive and interactive user experience.

framer-motion reacticons reactjs reactscroll tailwindcss

Last synced: 20 Dec 2024

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/chirag-s-kotian/client

a frontend repo for my cdrive project build with nextjs,typescript,tailwindcss,shadcn,framer-motion.

framer-motion lucid-react nextjs14 shadcn taiwndcss typescript

Last synced: 20 Dec 2024

https://github.com/incihuseynli/space_tourism_website

This is an INTERMEDIATE level challange from FrontEndMentor

api framer-motion json-server react-api react-hooks react-router reactjs tailwindcss vitejs

Last synced: 13 Jan 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/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/iamfrerot/frerot.dev

Welcome to my portfolio website! I built this using React, Vite, Framer Motion, Tailwind CSS, React Icons, and components from Aceternity UI to showcase my projects, skills, and contact details in a modern and engaging way.

framer-motion portfolio react tailwind typescript

Last synced: 28 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/emanuelefavero/apple-scroll-animation-2

A Framer Motion and React implementation of another famous Apple scroll animation

animation apple framer-motion nextjs parallax react scroll tailwindcss

Last synced: 20 Dec 2024

https://github.com/jane-does-coding/halloween-

Ever wondered where Halloween came from?

framer-motion git github react tailwindcss typescript

Last synced: 20 Dec 2024

https://github.com/jannickpepe/tribeblockchain

Animated dark mode SaaS website with a blockchain theme. Using Astro.js, TailwindCSS, and Framer Motion

astro-blog astrojs framer-motion reusable-components tailwindcss twmerge

Last synced: 21 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/bromso/jonasbroms-www

Jonas Brรถms official website built with Turborepo, Nextjs, React, Shadcn/UI, TailwindCSS, Framer Motion & AcernityUI. Hosted on Vercel.

acertinityui framer framer-motion monorepo nextjs react shadcn-ui tailwindcss turborepo vercel

Last synced: 23 Dec 2024

https://github.com/azarahmadov/nextjs14-fullstack-blogapp

Fullstack is a blogging application. The content of the blog is about software topics. You must first log in to read the blogs. If you want, you can fill out the form or log in directly with your github account.

bcryptjs-for-password-encryption framer-motion mongodb moongose nextauthjs nextjs14 serveractions typescript

Last synced: 15 Dec 2024

https://github.com/azarahmadov/css-buttons-library

Button library was prepared using React and TypeScript. There are 40 different button designs

framer-motion reactjs typescript

Last synced: 15 Dec 2024

https://github.com/skn437/skn-framer-types

A Simple Type Definition Extension Library For Framer Motion 11

animation bun framer-motion library nextjs nodejs react types typescript

Last synced: 12 Nov 2024

https://github.com/dev-kawser/hekto-ecommerce-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: 12 Nov 2024

Framer Motion Awesome Lists
Framer Motion Categories