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/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/CodeWithAlamin/Rock-Paper-Scissors

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

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

Last synced: 09 Feb 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/hakkaofdev/flonoa-homepage

Official website for Florine Leroy

chakaraui framer-motion graphics graphisme next vercel

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

O projeto tem o intuito de simular um site de entrega de café, onde podemos escolher o tipo de café, a quantidade, adicionar no carrinho, adicionar e selecionar endereços e buscá-lo via CEP usando a api brasilap. Além disso, podemos ver o total da compra e finalizar o pedido.

axios chakra-ui css framer-motion html javascript json-server phosphoricons react react-hook-form react-query typescript vitest zod zustand

Last synced: 10 Feb 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/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/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/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/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/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/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/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/pushpankdhruw/light-saas-landing

🔦 This project is a modern, responsive SaaS landing page featuring a clean design with a hero banner, call-to-action, and footer, aimed at promoting a SaaS product.

framer-motion landing-page nextjs14 tailwindcss

Last synced: 09 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/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/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/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/iinaa-eimrit/universe-explorer-3d

Universe Explorer 3D is an interactive web-based simulation that allows users to explore a 3D solar system. Built using React Three.js, it features realistic orbital movements, clickable planets, and an immersive space journey. The project demonstrates advanced 3D rendering, animation, and UI interactivity in a modern web environment.

framer-motion nextjs radix-ui reactjs tailwindcss threejs

Last synced: 26 Jan 2025

https://github.com/sambeaca/portfolio2023

Carlo Moleka Sambea, portfolio website.

framer-motion nextjs tailwindcss typescript vercel

Last synced: 20 Jan 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

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/tanishkadeep/landing-page

This is a modern SaaS landing page built using Tailwind CSS, TypeScript, Next.js, and Framer Motion. The project is designed to be highly responsive and interactive, providing a sleek and professional look for SaaS applications.

framer-motion nextjs tailwindcss typescript

Last synced: 05 Jan 2025

https://github.com/etesam913/interactive-login

:flushed: The frontend for a login. It uses animations to create an interactive environment.

framer-motion javascript react

Last synced: 09 Feb 2025

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: 09 Feb 2025

https://github.com/brokarim/cool-ui-repo

This repository contains collection of cool ui repo you can learn from

framer-motion reactjs shadcn typescript

Last synced: 20 Dec 2024

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/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/22ayaan/portfolio

A modern portfolio built with Next.js for handling the user interface, Three.js for rendering 3D elements, Framer motion for beautiful animations, and styled with TailwindCSS.

framer-motion nextjs tailwindcss three-js

Last synced: 11 Oct 2024

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/ryanlarge13/professional-portfolio

Let's build an animation heavy, beautiful, modern looking React/Framer Motion portfolio amazing enough to show to your employer!

emailjs framer-motion react

Last synced: 10 Feb 2025

https://github.com/ryanlarge13/workout-blog

A blog creation using Sanity.io as a headless CMS with a focal point on gym enthusiasts who enjoy working out and sharing knowledge.

framer-motion react sanity-io tailwindcss

Last synced: 10 Feb 2025

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

Memory game with impressive ui animation

framer-motion game-development gsap react

Last synced: 03 Feb 2025

https://github.com/indiecodermm/next-portfolio

Modern Portfolio Website Built with NextJS, Tailwind and Framer Motion

framer-motion nextjs portfolio-website react sanity tailwindcss

Last synced: 21 Jan 2025

https://github.com/alok-mishra143/passwordgen

project of password generator

framer-motion reactjs type-writer vite

Last synced: 13 Jan 2025

https://github.com/tomascuevas/tomas-portfolio

Portfolio personal de Tomás Cuevas

framer-motion nextjs reactjs tailwind typescript

Last synced: 25 Dec 2024

https://github.com/faridvatani/framix

A Modern Dark SaaS Landing Page Design Using React, Next.js, TailwindCSS, and Framer Motion

framer-motion landing landingpage nextjs typescript

Last synced: 21 Dec 2024

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/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/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/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/6km/tic-tac-toe

An awesome Tic Tac Toe game made with React.js and Framer Motion 🎮

framer-motion react react-game tic-tac-toe

Last synced: 26 Jan 2025

https://github.com/antga/frontendmentor-submissions

This repository hosts the website that contains all of my submissions for Frontendmentor!

framer-motion frontend prettier react reactrouter tailwindcss vite

Last synced: 13 Oct 2024

https://github.com/avinashreddy1315/coinwatch

CryptoWatch is a Chrome extension for tracking cryptocurrency prices and managing favorites. It includes real-time data from CoinGecko API, user authentication, and powerful historical data visualization features.

apexcharts chartjs coingecko-api css firebase firebaseauthentication firestore-database framer-motion javascript material-ui raectjs

Last synced: 26 Jan 2025

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

The portfolio website I prepared for developers

emailjs framer-motion nextjs14 react-toastify tailwindcss typescript

Last synced: 08 Feb 2025

https://github.com/susmita-dey/portfolio

Portfolio website v2 - Built with Next 14, Shadcn, Framer-Motion, Tailwind CSS and GSAP

framer-motion gsap headless-hashnode nextjs14 portfolio-website shadcn-ui tailwindcss

Last synced: 12 Oct 2024

https://github.com/truongtannghia/build-my-profile-nextjs

Create a Stunning Portfolio Website with Nextjs, Tailwind CSS and Framer-motion🌟

framer-motion nextjs tailwind-css

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/ibassaoud/portfolio-v2.0

My personal portfolio website built with React, ThreeJS, and Framer Motion. The website highlights my skills and experience and includes a personalized 3D model, a contact form, and responsive design for optimal viewing across devices.

framer-motion portfolio portfolio-website react responsive tailwindcss threejs

Last synced: 26 Jan 2025

https://github.com/vegadjay/rajwadi-poshak-ecommerce

Rajwadi Poshak is a feature-rich e-commerce platform that leverages AI-driven image-based recommendations to enhance the shopping experience. Built with modern web technologies, it offers seamless browsing, secure transactions, and an intuitive UI.

ai e-commerce e-commerce-platform e-commerce-project e-commerce-website filtering framer-motion mongodb mongoose motion nextjs14 python reactjs tailwind tailwindcss typescript

Last synced: 09 Feb 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/salamjillani/abdulsalam-portfolio

Portfolio site built with React, Tailwind, Framer Motion

framer-motion reactjs tailwindcss

Last synced: 12 Feb 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/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/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/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/aleexvdev/app-weather

🌦️ Weather App is an interactive web application designed to display accurate and up-to-date weather information.

framer-motion maplibre-gl-js nextjs15 shadcn-ui tailwindcss typescript zustand

Last synced: 08 Feb 2025

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

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: 08 Feb 2025

https://github.com/sanidhyy/my-portfolio

Modern Portfolio using React JS and Framer Motion

css framer-motion html javascript js portfolio react reactjs tsparticles yinyang

Last synced: 23 Dec 2024

https://github.com/veerendra19codes/axel

Frontend Furniture Shopping Project using React, TailwindCSS and framer motion for animation

framer-motion reactjs tailwindcss

Last synced: 22 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/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/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/renantrs/github-app

Desafio de projeto do Bootcamp, um buscador de repositórios de usuários do GitHub

apollo-client cssmodules cypress framer-motion graphql jest react-router-dom-v6 reactjs redux-toolkit sass testing-library typescipt

Last synced: 26 Jan 2025

https://github.com/roblesdotdev/calendext

Event Management Application built with Next.js, leveraging the power of version 13. It enables users to schedule and customize their own events on an individual basis. Enjoy a seamless and modern experience for creating, editing, and managing events in an intuitive manner.

framer-motion nextjs prisma radix-ui shadcn-ui tailwindcss typescript website

Last synced: 13 Jan 2025

https://github.com/roblesdotdev/discover-lab

Discover-Lab es una plataforma en línea que proporciona un espacio centralizado para descubrir, colaborar y conectar con proyectos innovadores y emprendedores de todo el mundo.

framer-motion prisma radix-ui remix tailwindcss typescript website

Last synced: 13 Jan 2025

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/sohanemon/apple-dock

A dock that inspired by the native dock found on Apple devices.

animation framer-motion next13 nextjs react tailwindcss

Last synced: 15 Jan 2025

https://github.com/sohanemon/pie

Full static website with Next.js

clsx framer-motion lucide-icons nextjs react tailwindcss typescript

Last synced: 15 Jan 2025

Framer Motion Awesome Lists
Framer Motion Categories