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/hernanhawryluk/portfolio-nextjs-app

My portfolio website crafted using Next.js, TypeScript, and Tailwind CSS. It boasts full responsiveness, multilingual support, light and dark modes, engaging animations, and robust form validation.

framer-motion nextjs react tailwind-css typescript

Last synced: 05 Feb 2025

https://github.com/imhalid/hikarix

A wonderfully designed movie search platform with R3F (React Three Fiber).

framer-motion infinity-scroll nextjs r3f react-three-fiber tmdb-api typescript

Last synced: 13 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/ananthuspace/ms-grad.nextjs

This project is a dynamic landing page designed specifically to showcase graduate programs and services. It is built with Next.js, TypeScript, and Tailwind CSS for a fast, modern, and responsive user experience. Additionally, Framer Motion is used for smooth scrolling animations and dynamic interactions, making the interface more engaging.

framer-motion nextjs tailwindcss typescript

Last synced: 13 Feb 2025

https://github.com/woorifisa-projects-3rd/withbeetravel-fe

✈💵 여행 공동 지출 관리 및 자동 정산 서비스

framer-motion nextjs storybook turborepo typescript

Last synced: 30 Dec 2024

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

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

https://github.com/cesarolvr/slider-nextjs-gsap-app

A 🛷 slider component using NextJS + 🥦 GSAP Timeline: https://xyzphotography.vercel.app

classnames framer-motion gsap nextjs scrolltrigger styled-components typescript vercel

Last synced: 24 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/shoaib-imrann/orbit

A Web Design built with React

framer-motion locomotive-scroll-v5 reactjs tailwindcss

Last synced: 13 Feb 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: 13 Feb 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

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/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/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/stefanciprian/framer-kit

Framer - React Components and Overrides

components framer framer-motion overrides react typescript

Last synced: 30 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/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/itsdaiton/metaversus

Modern UI/UX metaverse website design made with React and Framer Motion.

animations framer-motion metaverse nextjs react tailwindcss ui-ux ui-ux-design website-template

Last synced: 11 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/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/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/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/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/alok-mishra143/passwordgen

project of password generator

framer-motion reactjs type-writer vite

Last synced: 13 Jan 2025

https://github.com/preetam-sharma85/ochi-website

Hi, This is Ochi Website Clone developed in React JS and some tech stack used are locomotive JS for smooth scroll, framer-motion, gsap, Tailwind. This is only for practice and for upgrading my skills.

framer-motion gsap locomotivejs react reactjs tailwindcss

Last synced: 09 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/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/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/shubhamsinha21/mylatest-portfolio

Portfolio Wesbite to showcase my skills and experiences.

framer-motion react-router-dom reactjs tailwindcss threejs vite

Last synced: 05 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/devgabrielrr/spiderverse-nextjs-dio

este é o repositório do projeto Spider-Verse, desenvolvido durante uma live no Youtub. O projeto consiste em uma aplicação interativa inspirada no universo do Homem-Aranha, usando as principais stacks front-end: React, Next.js 13, a biblioteca Framer Motion, Sass e TypeScript para criar um projeto visual incrível e de

framer-motion javascript nextjs react sass typescript

Last synced: 17 Jan 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/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/victorwcv/portfolio-react

Portafolio personal creado con React, Sass y Framer-Motion

framer-motion reactjs sass vite

Last synced: 28 Dec 2024

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/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/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/sougata-github/dark-saas-landing-page

Dark themed Saas landing page built using Next.js.

framer-motion nextjs tailwindcss typescript

Last synced: 22 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/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/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/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/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/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/itsphoenix03/pondicherry-university-nss-portal

This is the Pondicherry University (Central University) National Service Scheme (NSS) Portal.

expressjs firebase framer-motion googleforms headlessui mogodb mongoose nodejs react redux redux-toolkit tailwindcss

Last synced: 09 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/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/inna-b10/animated-sidebar

Mini project: animated sidebar (React+Vite+Tailwind)

clsx framer-motion jotai lucide-react react sass tailwind vite

Last synced: 11 Feb 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/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/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/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/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/rahul02m/-my-portfolio-using-react

This portfolio website was built using React.js and incorporates Sass for styling. It features animated transitions using Framer Motion and includes custom icons from React Icons. Also this website additionally depolyed in netlify.

animation framer-motion frontend portfolio-site portfolio-website react-portfolio reactjs sass-framework webdevelopment

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

Framer Motion Awesome Lists
Framer Motion Categories