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/devanoyudhistira/r-noteapp

my project to make note app using react with tailwind and react framework for animation (still in development)

framer-motion react tailwindcss vite

Last synced: 22 Jan 2025

https://github.com/jezebel1990/next-cartoon-network

This is a Next.js-powered Fullstack app focused on providing an engaging experience by displaying information about iconic Cartoon Network characters.

cartoon-network framer-motion javascript nextjs tailwindcss

Last synced: 17 Jan 2025

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/arnobt78/myportfolio-nextjs-webpage

My Portfolio Webpage is a Mordern NextJS-v14 Framer-Motion React TailwindCSS Portfolio Webpage. Every component of this project uses the most recent Shadcn UI, Framer-Motion, Animation, Nodemailer capabilities, and deployed on Vercel.

animation-css framer-motion nextjs nextjs14 nodemailer nodemailer-smtp-transport portfiolio portfolio-website react reactjs shadcn-ui tailwindcss vercel-deployment

Last synced: 22 Jan 2025

https://github.com/1999-sahil/devlab-myportfolio

DevLab is basically my digital porfolio to showcase my skills in Frontend Development and technologies. You can check out by clicking link below.

aceternity-ui framer-motion google-fonts lucide-react react-icons react-pdf react-router-dom reactjs shadcn-ui tailwind-css typescript vite

Last synced: 13 Feb 2025

https://github.com/softgod4/twistspace

☁️⚑ Twist Space is a powerful yet lightweight web application designed to display and manipulate 3D models in .glb format. Whether you're working on desktop or mobile, the app provides a seamless experience for viewing and interacting with 3D content.

framer-motion react tailwindcss threefiber threejs threejs-learning typescript wouter

Last synced: 09 Feb 2025

https://github.com/shivankk26/shivank-latest-portfolio

This is the Latest Version of my Portfolio which can be viewed at shivank.xyz

aceternity-ui framer-motion nextjs portfolio-website tailwindcss typescript

Last synced: 13 Feb 2025

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

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/osamaayub/personalportfolio

Personal Portfolio Build with Next Js & Typescript

framer-motion next15 resend resend-email tailwindcss

Last synced: 10 Feb 2025

https://github.com/zacharybear/learn-framer-motion

A repo record the learning trajectory of Framer Motion

framer-motion motion notes

Last synced: 13 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/luthda/nextjs-dev-portfolio

A simple developer portfolio template built on Next.js, TailwindCSS and Aceternity UI. Showcase your projects and skills on a modern web app.

aceternity-ui framer-motion nextjs portfolio portfolio-template portfolio-website tailwindcss typescript

Last synced: 21 Nov 2024

https://github.com/mh-hamza/my-portfolio-web

This is my Modern Personal Portfolio

framer-motion javascript portfolio react

Last synced: 12 Jan 2025

https://github.com/hakkaofdev/flonoa-homepage

Official website for Florine Leroy

chakaraui framer-motion graphics graphisme next vercel

Last synced: 13 Feb 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/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/petekgithub/yummy-yum

:green_salad: This site fetch the recipes and we can choose cuisine. After selection, we can see related recipe instructions and details.

async-await fetch-api framer-motion react-hooks react-router styled

Last synced: 01 Jan 2025

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/giomjds/personal-portfolio-reactjs

Personal portfolio for future usage

aos framer-motion react-jsx scss

Last synced: 10 Dec 2024

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: 11 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/remcostoeten/productivity-panel

A panel which is a V2 of my all-in-one dashboard build in React 19, Next 15 utilizing Clerk, Drizzle, Turso, SQLite and many more.

authentication clerk crud drizzle-orm framer-motion nextjs15 react19 saas scss serveractions sqlite tailwind turso turso-db

Last synced: 17 Feb 2025

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

Senior MERN Stack developer portfolio | Built on Next, Tailwind and Framer Motion

animation animation-css framer-motion nextjs14 portfolio shadcn-ui tailwind tailwind-animations

Last synced: 17 Feb 2025

https://github.com/hakkaofdev/hakkaofdev.fr

My personal site's repo in opensource. Built with Next.js, Chakra-UI and Framer-Motion.

blog chakra-ui chakra-ui-react framer-motion mdx nextjs portfolio react typescript

Last synced: 03 Nov 2024

https://github.com/01barthez/financial-dashboard

Modern Financial Analysis Dashboard built with React, Shadcn, and Tailwind CSS. Track, analyze, and optimize finances with interactive visuals and advanced features. A showcase of impactful, innovative solutions. Explore, fork, or contribute! πŸš€

dashboard framer-motion react react-components react-hooks react-router recharts-js shadcn-ui

Last synced: 17 Feb 2025

https://github.com/krzysztof-wojtowicz/dronecone-website

A modern and responsive website for DroneCone, built with the Next.js framework 🚁

framer-motion nextjs resend tailwindcss typescript

Last synced: 10 Feb 2025

https://github.com/nishantcoder108/chainpay

Chainpay is a decentralized platform for bulk cryptocurrency transactions on the Solana blockchain. It supports Google login, network switching (devnet/mainnet), and subscription-based plans, allowing users to send payments to multiple wallets in one click, manage recipients, and track transactions efficiently.

blockchain framer-motion mongodb mongoose nextjs reactjs solana taliwindcss typescript vercel web3

Last synced: 12 Dec 2024

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/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: 20 Feb 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/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/payalkumari10/payal_portfolio

Payal Portfolio: This project showcases a sleek and modern portfolio website built using Next.js 14, Tailwind CSS, and Framer Motion. It highlights smooth animations, responsive design, and optimized performance, offering a seamless user experience.

framer-motion nextjs14 tailwindcss

Last synced: 18 Feb 2025

https://github.com/ukhang/ukeme

My portfolio website

framer-motion nextjs react tailwindcss threejs

Last synced: 20 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/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/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/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/ritikprajapat21/reflexrush

ReflexRush is a fun web game to test your reaction time! πŸ•ΉοΈ Click the box as fast as you can when it turns green, and see your speed in milliseconds. Built with React, Vite, TypeScript, TailwindCSS, and Framer Motion for a smooth, modern experience. πŸš€

bun framer-motion react tailwindcss typescript vite

Last synced: 10 Feb 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/mrakashsaha/taskhive

TaskHive is a micro-tasking platform that connects Buyers and Workers to efficiently complete tasks in exchange for rewards. It offers a secure payment system, role-based user management, and intuitive dashboards for different users.

axios daisyui framer-motion moment-js react-router reactjs tailwind-css tanstack-query

Last synced: 18 Feb 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/rachmanaldiansyah/responsive-interior-design

This is responsive web interior design user interface using react, tailwindcss and framer motion. Learning from: https://youtu.be/Wknu19KRjtM

framer-motion reactjs tailwindcss

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

Official website for Florine Leroy

chakaraui framer-motion graphics graphisme next vercel

Last synced: 23 Oct 2024

https://github.com/yikzero/roominess4

This is the fourth version of the 'Roominess' personal portfolio repository, built with React, Vite, and Tailwind CSS.

css figma framer-motion profile react tailwind tailwindcss typescript vite

Last synced: 19 Feb 2025

https://github.com/audrbar/folio

A One Page NextJS 13 Application, build on ReactJS, TypeScript, Advanced Animation with Framer Motion, Tailwind CSS, React Email and Resend, hosted on Versel

framer-motion nextjs13 react-email reactjs resend tailwindcss typescript vercel-deployment

Last synced: 06 Jan 2025

https://github.com/gowth6m/online-tictactoe-frontend

Frontend for Online TicTacToe game - invite friends to play TicTacToe on a board of any size and winning condition! Built with React, Zustand, Framer Motion, Tailwind and React Query

framer-motion online react reactquery tailwind vercel vite zustand

Last synced: 24 Jan 2025

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

RColl Dev, an aspiring developer, shows off his work in this spectacular portfolio site.

contentful-api framer-motion nextjs

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

https://github.com/prathamesh-chougale-17/swaadlink

Swaadlink is a Full-Stack Web Application designed to connect users with professional chefs for personalized home-cooked meals and special events.

chakra-ui clerk framer-motion leaflet-map mongodb nodejs react tailwindcss typescript

Last synced: 22 Nov 2024

https://github.com/siegfriedbz/nextjs-aquaman-surfschool-bali

πŸ„ Next.js 13 app developed to enhance the online presence of a surf school in Bali.

cloudinary dark-theme framer-motion mapbox next-pages-router nextjs tailwindcss

Last synced: 06 Nov 2024

https://github.com/cartvalderama/portfolio-main

A dynamic portfolio showcasing my frontend skills with interactive elements, featuring React Query for efficient data fetching and GitHub token authorization.

framer-motion react reactquery tailwindcss token-authetication typescript vite

Last synced: 21 Nov 2024

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/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/shaherashraf/reid

Reid Store - React E-commerce App Explore Reid Store, a modern e-commerce platform built with React.

authentication ecommerce fashion framer-motion graphql mui payments reactjs redux redux-toolkit strapi stripe typescript

Last synced: 02 Feb 2025

https://github.com/beloow/zenbrew

Coffee Landing Page | React, Next.js, Tailwind, Framer Motion & GSAP

framer-motion gsap html-css-javascript nextjs reactjs tailwindcss

Last synced: 21 Nov 2024

https://github.com/programminginblood/atoztools

AtoZTools is a versatile tools website built with Next.js and enhanced with Framer Motion for smooth, responsive animations. This project offers a collection of essential utilities, including a QR Code Generator, Color Generator, and more. Each tool is designed with a user-friendly interface and optimized for performance.

framer-motion nextjs react react-qr-code reactjs

Last synced: 21 Nov 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/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/skyybbanerjee/gym-app-react-typescript

A fitness app πŸ’ͺ🏻 built with TypeScript πŸ”΅ + ReactJs βš›οΈ, along with features like EMAIL sending and responsive web design

formsubmit-co framer-motion html5 javascript react tailwindcss typescript useform-hook

Last synced: 06 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/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/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/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/laerthe-souza/move-on

A clone of the move.it app (app based on the Pomodorus Technique), developed by Rocketseat at NextLevelWeek 4

context-api framer-motion github-login login-oauth mongodb nextjs pomodorus-technique react-hooks server-side-rendering serverless-functions styled-components typescript

Last synced: 18 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/byrongomezjr/usaidngoproject

Donation management platform for USAID; Rutgers University senior capstone project, streamlining charitable giving to underprivileged children in Sri Lanka

framer-motion javascript nextjs prisma supabase tailwind-css typescript

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

Framer Motion Awesome Lists
Framer Motion Categories