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/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/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/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/aakashdixit22/talx-frontend

An innovative web application that connects job posters and applicants, offering seamless job management, AI-driven resume analysis, career guidance, and up-to-date industry news. Built with React, Tailwind CSS, Node.js, MongoDB, and Flask, and hosted on Vercel for optimized performance. 🌟

ai-powered flask-ai framer-motion gemini-flash-ai javascript job-portal llama-3-1 nodejs react-markdown reactjs responsive-design resume-ai resume-analysis tailwindcss vercel-deployment vite-react

Last synced: 12 Feb 2025

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

✨ Discover my work and journey through this personal website.

chakra-ui fjrfthrrhmn framer-motion netfliy personal-website portfolio-website reactjs typescript

Last synced: 14 Jan 2025

https://github.com/kemi-oluwadahunsi/my-portfolio-react

This is my brand portfolio (KodeMaven). It showcases about me, my projects, services I render, contact information with form configuration.

animation-css css emailjs framer-motion html5 javascript react sass

Last synced: 04 Jan 2025

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

Front end Developer portfolio. Here you will find my professional works, educational background, my social medias, my reviews, and will be able contact me

daisyui-react developer-portfolio emailjs-browser framer-motion imgbb itsproali mohammadali portfolio react react-icons react-router-dom-v6 react-skillbars react-slick-slider react-type-animation tailwind-css

Last synced: 24 Dec 2024

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/khaleda-02/react-portfolio

this is my personal profile , contain all my info and projects .

framer-motion react react-icons react-router-dom reactjs rough-notation

Last synced: 23 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/anrsgrl/metalife

Metalife is a company dedicated to managing freelance projects and teaching programming👨‍💻

bootstrap firebase framer-motion react react-router react-router-dom sass

Last synced: 13 Feb 2025

https://github.com/phobon/klavis

Essential compositional components and hooks using React, CSS-in-JS, styled-system and Framer Motion

design-system emotion framer-motion styled-system

Last synced: 17 Jan 2025

https://github.com/lakiolive/kanbanboardsliwka

This application enables teams to manage projects efficiently with a feature-rich Kanban board. It offers tools for task organization, seamless drag-and-drop functionality, and real-time updates, ensuring an optimized workflow and improved collaboration. Second domain: https://kanban-board-sliwka.sloudhost.ovh/

board firebase formik framer-motion kanban kanban-board react react-beautiful-dnd react-icons reactjs sass scss tailwindcss typescript vite vitejs web website yup

Last synced: 30 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/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/drakealia/ui-chart

A coffee and tea bar chart that users can interact with. Recreating a Shadcn chart component and adding a unique spin to it.

framer-motion nextjs tailwind typescript

Last synced: 02 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/martinlilt/portfolio-martin-li

My own project: Next.js 13 + CMS (Sanity.io). Key technologies: React.js + TypeScript, REST API, Tailwind + CSS modules, CI/CD, SEO-optimization, Three.js 3D scenes.

ci-cd css-module framer-motion git-actions nextjs react-hook-form sanity tailwind threejs typescript vercel

Last synced: 02 Feb 2025

https://github.com/felipetodev/forever-chile

work for art direction & films chilean agency

contentful framer-motion graphql nextjs styled-components

Last synced: 28 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/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/liinkiing/next-ts-klee-starter

An opiniated Next TypeScript powered starter which include Klee, emotion / styled-system, framer motion, jest and Cypress

cypress emotion framer-motion jest klee next react starter styled-system template typescript

Last synced: 05 Feb 2025

https://github.com/ali-alim/portfolio

Portfolio Web App - React.js, Sanity, Framer-motion, React-Router-Dom, Sass

framer-motion node-sass react-router-dom reactjs sanity-io styled-components

Last synced: 11 Feb 2025

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

Full stack version of my portfolio, now with Flask for backend

aos flask framer-motion react-typescript scss

Last synced: 21 Jan 2025

https://github.com/yurii-corssa/language-learning-app

This is the full-stack web application for finding and booking language teachers. It features user authentication (email and Google), saving teachers to favorites and filtering, lesson booking, and a responsive UI. It utilizes Firebase for backend services.

eslint firebase framer-motion react react-hook-form react-router styled-components vite yup

Last synced: 23 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/rifandani/amazon-clone

Built on top of React, Firebase, Material-UI, TailwindCSS and a touch of Framer-Motion.

amazon-clone firebase framer-motion material-ui reactjs tailwindcss

Last synced: 21 Jan 2025

https://github.com/sandygudie/kanban-app

A project management board application built with Vite React, TailwindCSS, Redux Toolkit and Typescript

chakra-ui cypress formik-yup framer-motion react redux-toolkit tailwindcss typescript vitejs

Last synced: 08 Feb 2025

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

Learn framer motion in react

framer-motion react

Last synced: 13 Feb 2025

https://github.com/muntasir-fahii/cordemy

Cordemy: An E-learning platform for diverse courses, effortless payments via Stripe, and secure user authentication with Next-Auth. Explore, learn, and contribute to our open-source project!

framer-motion mogodb nextauth nextjs prsima tailwindcss

Last synced: 11 Feb 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/megh2005/pokedex

Pokedex to get information of pokemons

framer-motion nextjs pokedex pokemon

Last synced: 26 Jan 2025

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

Portfolio site for photography and videography company.

framer-motion react react-router-dom styled-components

Last synced: 13 Feb 2025

https://github.com/judiciousmurich/judith-muthui-portfolio

Personal portfolio website, build with NextJs, TypeScript & Tailwindcss

animation developerportfolio framer-motion hacko nextjs open-source personal-website tailwind typescript

Last synced: 06 Feb 2025

https://github.com/anjasfedo/animevaultnextjs

NextJS Server Actions, Infinite Scroll and Framer Motion.

framer-motion frontend learning-by-doing nextjs react server-actions

Last synced: 17 Jan 2025

https://github.com/psykat1116/portfolio

It Is My Personal Portfolio Website Made Using Next JS, Tailwind CSS, Typescript, Framer Motion For Animation and Much More

framer-motion nextjs tailwindcss typescript usehooks-ts

Last synced: 25 Dec 2024

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/pritamtirpude/dev-finder-app

Github user finder web app developed using reactjs, react0query, framer-motion, vitejs.

css3 framer-motion html5 javascript react-query reactjs tailwindcss vitejs

Last synced: 21 Jan 2025

https://github.com/pritamtirpude/url-shortening-api

Landing Page that is integrated with API that takes any url and shortens it.

context-api css3 framer-motion html5 javascript react-hooks reactjs

Last synced: 21 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/epoll31/foli.at

An online portfolio sharing and generating platform. Users can create professional portfolios with a custom tag-based URL. Built with Next.js 14, Prisma, and PostgreSQL. Features secure authentication, responsive design, and profile management.

framer-motion nextjs portfolio postgresql prisma tailwindcss

Last synced: 13 Feb 2025

https://github.com/kenza15a/react-random-posts

ransom posts generator using place holder API

animation api framer-motion react reactjs redux rest-api tailwind tailwindcss

Last synced: 06 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/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/kei-k23/portfolio

My updated portfolio

framer-motion nextjs typescript

Last synced: 31 Jan 2025

https://github.com/ilz5753/crypto-bro

Crypto-Bro is a simple project that provides information and statistics on various cryptocurrencies.

canvasjs-charts date-fns framer-motion lodash next-ui react react-icons reactjs tailwind tailwind-scrollbar tailwindcss typescript usehooks-ts

Last synced: 27 Jan 2025

https://github.com/arslanr369/modern-next.js-portfolio-website

Built with Next.js for handling the user interface, Three.js for rendering 3D elements, Framer motion for beautiful animations, and styled with TailwindCSS, this portfolio demonstrates the developer's skills in a unique manner that creates a lasting impact.

framer-motion nextjs portfolio-website tailwind-css three-js

Last synced: 06 Feb 2025

https://github.com/cmoleka/portfolio2023

Carlo Moleka Sambea, portfolio website.

framer-motion nextjs tailwindcss typescript vercel

Last synced: 19 Nov 2024

https://github.com/siegfriedbz/react-spa-natours

🏨 React SPA consuming the Express API Natours. Tested with Cypress. Integrates Stripe and Mapbox services.

cloudinary cypress framer-motion github-actions husky mapbox-gl react react-hook-form react-map-gl react-query react-router react-select react-toastify responsive-design stripe typescript zod zustand

Last synced: 06 Nov 2024

https://github.com/harshal0902/skillcept

SkillCept is an AR/VR based web platform where students from any background can visit the site and learn various concepts with the help of 3D Models, which makes their understanding easier, and faster.

firebase-auth framer-motion i18next nextjs react-three-fiber tailwind-css typescript

Last synced: 09 Feb 2025

https://github.com/loke-js/virtual-threads

A 3D-shop to Customize your own Tshirt's Logos and Patterns.

expressjs framer-motion hugging-face nodejs reactjs stable-diffusion-xl-1 three-js valtio

Last synced: 13 Feb 2025

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

https://github.com/harshal0902/streamweave

Decentralised Video Streaming Platform without any policies

framer-motion next-js othent tailwind-css typescript web3

Last synced: 09 Feb 2025

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

Michkof Project | Portfolio

framer-motion nextjs tailwindcss

Last synced: 20 Jan 2025

https://github.com/lucidjoy/osfd-signatureverify

Intern - Developed a signature verification system using Next.js

flowbite framer-motion nextjs tailwindcss

Last synced: 08 Jan 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/the-coder-o/portfolios.world

Best place to find portfolio inspiration Browse our curated collection of 309+ exceptional designs to help you create your best portfolio yet.

aceternity-ui framer-motion nextjs15 react19 shadcn-ui tailwindcss typescript

Last synced: 30 Dec 2024

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

A Next13 compatible React UI component library

framer-motion nextjs13 radix-ui react shadcn-ui supabase tailwindcss

Last synced: 31 Dec 2024

https://github.com/shuvoprogram/edusphere_frontend

EduSphere 🌐 revolutionizes learning! An interactive LMS fostering personalized education, collaboration, and skill mastery.

axios formik framer-motion material-ui nextjs re-charts react-countup react-pro-sidebar react-redux react-scroll redux-toolkit stripe swiper tailwindcss yup

Last synced: 23 Dec 2024

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

Web app Created Using React , Tailwind CSS and Framer Motion for Portfolio website

framer-motion reactjs tailwindcss

Last synced: 21 Jan 2025

https://github.com/takuyadev/ghibli-movielist-revamp

Ghibli Movielist (revamped) self project built using React.js and Framer Motion,

css framer-motion front-end html javascript react self-learning self-project

Last synced: 04 Feb 2025

https://github.com/prthub/realo

This project is built using the MERN stack, Tailwind CSS, Redux Toolkit, and Firebase. It offers a comprehensive solution for managing real estate properties, providing a seamless user experience for both property owners and seekers.

expressjs firebase framer-motion hashpassword jwt-authentication mern-project mern-stack mongoose nodejs nodemon react-helmet-async react-hot-toast react-router-dom react-select reactjs real-estate redux-persist redux-toolkit tailwindcss

Last synced: 29 Dec 2024

https://github.com/halvaradop/next-advice-generator

This is a project I developed using Next.js and TypeScript. The application generates and displays random tips that can be useful for everyday life. The tips are obtained from an external API and presented in a simple and attractive interface.

advice-generator-app framer-motion nextjs server-side-rendering tailwindcss typescript

Last synced: 06 Feb 2025

https://github.com/prthub/myanimelist

Provide Information about Anime, Just like 'MyAnimeList.net'.

framer-motion myanimelist rapid-api react-router-dom reactjs tailwindcss

Last synced: 29 Dec 2024

https://github.com/k5va/fable-next

Internet shop prototype using Typescript, React, Next.js, React Query, NextAuth, Prisma ORM, tailwindcss

framer-motion nextauth nextjs prisma-orm radix-ui react reacthookform reactquery tailwindcss typescript

Last synced: 23 Dec 2024

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/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/torvec/framer-animation-tests

Just testing different things with framer

framer-motion reactjs

Last synced: 30 Dec 2024

https://github.com/educlopez/roastmyweb

Roast a website with the power of crux api, sdk.vercel.ai and SEO

ai framer-motion nextjs tailwindcss typescript vercel

Last synced: 24 Dec 2024

Framer Motion Awesome Lists
Framer Motion Categories