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/dreyydk/saas-lp-template

A complete template developed in Next.js/TailwindCSS to speed up the development of landing pages for SaaS products and companies.

framer-motion nextjs react tailwindcss

Last synced: 05 Feb 2025

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

Portfolio website

framer-motion reactjs tailwindcss

Last synced: 28 Jan 2025

https://github.com/incihuseynli/landingpage

This is an architecture company landing page written with React JS and Tailwind CSS

css3 framer-motion front-end-development frontend html5 javascript react-router reactjs responsive-web-design tailwindcss

Last synced: 05 Feb 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/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/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/sdpdas/homedesigninterior

Done using NextJS, React, Tailwind CSS, Bootstrap, Framer Motion and ShadCn. A very modern and comprehensive app for interior design that took me 3-4 days to make.

bootstrap framer-motion lucide nextjs nextjs14 react shadcn tailwindcss

Last synced: 09 Feb 2025

https://github.com/imharshag/galactic-portfolio

This repository showcases my contributions to improving the responsiveness of the original portfolio project. Feel free to explore the code and see the changes made!

framer-motion nextjs portfolio tailwindcss

Last synced: 17 Nov 2024

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

Personal portfolio made with React + Framer Motion + Tailwind CSS

css framer-motion html reactjs tailwindcss

Last synced: 28 Jan 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/lakiolive/interactivemaptrip

This application is designed to help tourists find points of interest and plan their routes. The interactive map allows users to search for locations, view details about various attractions, and create customized travel itineraries.

framer-motion interactive-map javascript leaflet map maps react react-leaflet reactjs scss tailwindcss vite vitejs web website

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

https://github.com/mmansy19/todo-app

You can use any tools you like to help you complete the challenge. So if you've got something you'd like to practice, feel free to give it a go.

animation framer-motion reactjs tailwindcss vite

Last synced: 15 Jan 2025

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/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/valfonsoardila/dijkmap-net

Aplicacion web con algoritmo de Dijkstra basado en cadenas de suministros. Hecha en React js

framer-motion leaflet leaflet-routing-machine react-native reactjs

Last synced: 28 Jan 2025

https://github.com/shivxmr/3d-portfolio

This is my personal portfolio website. Do give it a visit!

framer-motion portfolio-website react-three-fiber reactjs tailwindcss threejs

Last synced: 21 Jan 2025

https://github.com/abduldevhub/3d-portfolio-website

This repository contains the code for my personal 3D portfolio website. The website showcases my projects, skills, and experiences.

3d css framer-motion html javascript material-ui react tailwindcss threejs vite

Last synced: 28 Jan 2025

https://github.com/tooniez/chrome-extension-vite-shadcn-framer

Chrome extension Vite Starter with Shadcn, Framer and Tailwind CSS

extension-chrome framer-motion shadcn-ui tailwindcss vite

Last synced: 21 Dec 2024

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

A repo record the learning trajectory of Framer Motion

framer-motion motion notes

Last synced: 03 Nov 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/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/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/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/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/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/gyanthakur/my-portfolio-gps

Welcome to my personal portfolio! 🚀 This project showcases my journey as a developer, highlighting my skills, projects, and achievements.

framer-motion javascript nextjs talwindcss

Last synced: 14 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/jas1rk/homepage

A simple responsive home page built in react and tailwind css

framer-motion react-scroll reactjs tailwindcss

Last synced: 22 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/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/osamaayub/personalportfolio

Personal Portfolio Build with Next Js & Typescript

framer-motion next15 resend resend-email tailwindcss

Last synced: 10 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/sanjaraiy/nextjs_project

🎵 Dive into this Musical Project repository, crafted with HTML, Tailwind CSS, TypeScript, and Next.js, featuring dynamic animations powered by Framer Motion and Aceternity UI!

aceternity-ui framer-motion html5 nextjs nodejs tailwind-css typescript

Last synced: 05 Jan 2025

https://github.com/9h7d9x/3d_portfolio

Fantastic 3D Portfolio Website with React.js and Three.js.

framer-motion reactjs reactthreefiber tailwindcss

Last synced: 04 Jan 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/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: 13 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: 27 Dec 2024

https://github.com/cod-e-codes/crystalytics

A professional portfolio website showcasing Crystal Ryals' expertise in data analytics, visualization, and storytelling, featuring interactive sections for skills, certifications, projects, and contact information.

data-analytics framer-motion github-pages portfolio react tailwindcss typescript

Last synced: 10 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/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/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/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/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/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/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/stefanciprian/framer-kit

Framer - React Components and Overrides

components framer framer-motion overrides react typescript

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

https://github.com/bytebigboss/omniui

Get Started Fast with OmniUI: Your Complete Starter Kit!. [ Next.js, Mantine, Aceternity, NextUI, MagicUI, Shadcn, PrimeReact, Shoelace, GSAP ]

aceternity-ui framer-motion gsap magicui mantine-ui nextjs nextui primereact

Last synced: 13 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/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/peyush-nuwal/rejoice

Awwards winning website clone

framer-motion gsap gsap-reac gsap-scrolltrigger reactjs

Last synced: 13 Feb 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/aymanabusura/3d_portfolio

This is my 3D portfolio built using React and Vite, showcasing various interactive 3D elements. It leverages modern web technologies like Three.js and React Three Fiber to create a visually engaging experience.

emailjs framer-motion i18next particlesjs react react-tilt reactthreedrei reactthreefiber tailwindcss threejs vite

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

Framer Motion Awesome Lists
Framer Motion Categories