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

Personal Portfolio Site built using next-js and octokit-js

bootstrap-ui framer-motion github-api nextjs octokit-js portfolio react-js three-js

Last synced: 25 Jan 2025

https://github.com/arnobt78/coffeeshop-nextjs-webpage

Coffee-Shop is a NextJS 14 Static Frontend Webpage, using React.js, Typescript, TailwindCSS, Framer-Motion, Locomotive-Scroll, Gsap, React-Icons, Split-Type, Swiper, Mobile NavBar features and deploed on Vercel.

coffee-shop framer-motion frontend-development gsap locomotive-scroll mobile-navbar nextjs nextjs14 react-components react-icons reactjs swiper tailwindcss typescript typescript-react vercel-deployment

Last synced: 12 Oct 2024

https://github.com/harshxraj/blockchain-saas

A sleek, dark-mode SaaS website showcasing blockchain technology, built with Astro.js, Tailwind CSS, and Framer Motion for smooth animations and a modern UI.

astrojs blockchain framer-motion react responsive-design saas tailwindcss typescript

Last synced: 12 Oct 2024

https://github.com/harshal0902/aerotrack

AeroTrack is a web app, which helps you learn about aerospace components and systems. AeroTrack is an AR-based web platform where students come across and learn about various aircraft and spacecraft with the help of interactive 3D Models and AR.

framer-motion nextjs tailwindcss typescript

Last synced: 09 Feb 2025

https://github.com/harshal0902/blog-wise

A blog app, build on Next, TypeScript, Tailwind CSS and Framer.

framer-motion jest-tests nextjs tailwindcss typescript

Last synced: 09 Feb 2025

https://github.com/alexandrbig1/landing_team

Landing page for Seventh Sense: A team of computer science students dedicated to software engineering. Explore our projects, meet our team, and collaborate on innovative solutions for tomorrow's challenges.

computerscience css framer-motion framermotion frontend fullstack html-css-javascript html5 javascript landing-page react react-components react-hooks react-router-dom reactjs softwareengineer styled-components teamproject

Last synced: 23 Nov 2024

https://github.com/alexandrbig1/trail_quest

Trail Quest is a React-based SPA built with Vite, featuring technologies like React Hook Form, Styled Components, React Router DOM, and Axios. It highlights my ability to build dynamic, responsive web applications with modern JavaScript libraries and frameworks, along with a focus on clean code practices using ESLint and PropTypes.

axios computer-science css3 design framer-motion frontend fullstack html-css-javascript html5 javascript js react software-engineering styled-components ux-ui ux-ui-design webdeveloper webdevelopment

Last synced: 23 Nov 2024

https://github.com/francislagares/awwwards-furrow-studio

Awwwards Furrow Website rebuilt with Gatsby, Framer Motion and Styled Components.

canvas framer-motion gatsby styled-components typescript

Last synced: 29 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/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/odelola/nft-marketplace

An NFT Marketplace Landing Page built with Reactjs.

figma framer-motion html-css reactjs

Last synced: 22 Jan 2025

https://github.com/jannickpepe/tribeblockchain

Animated dark mode SaaS website with a blockchain theme. Using Astro.js, TailwindCSS, and Framer Motion

astro-blog astrojs framer-motion reusable-components tailwindcss twmerge

Last synced: 21 Nov 2024

https://github.com/jannickpepe/start-up-temp

NextJS, Framer Motion, TailwindCSS and TS - A start up template SPA with up to date design and layout.

framer-motion frontend-web nextjs sass-boilerplate tailwindcss typescript

Last synced: 21 Nov 2024

https://github.com/educlopez/roast-web

This website offers a free service where users can submit their web projects for redesign and improvement.

framer-motion motion nextjs supabase tailwindcss

Last synced: 05 Feb 2025

https://github.com/de3ph/formik-chakraui-form

Created to practise on Formik and ChakraUI (with Yup validation schema)

chakra-ui formik-yup framer-motion react

Last synced: 02 Feb 2025

https://github.com/ukhang/ukeme

My portfolio website

framer-motion nextjs react tailwindcss threejs

Last synced: 20 Jan 2025

https://github.com/calebbenjin/ai-shirt-generator

This is an AI T-Shirt 3D generator build with React + Vite, threeJS, Drei, Valtio, Framer-motion, react-color, tailwindCSS

framer-motion react react-color react-three-drei react-three-fiber tailwindcss threejs valtio vite

Last synced: 26 Jan 2025

https://github.com/usamafayaz/nurseryzone-web

Nursery Zone is a React web app that simplifies plant nursery management with role-based access, allowing customers to browse plants, track orders, chat with an AI-powered bot, and leave reviews. Admins can manage inventory and view analytics.

fastapi framer-motion javascript react react18 restful-api zustand

Last synced: 29 Jan 2025

https://github.com/devwithzain/supadupa-website-clone

SupaDupa website clone created with next js, react js, typescript, tailwindcss, framer-motion, lenis and gsap.

framer-motion gsap lenis nextjs reactjs tailwindcss typescript

Last synced: 21 Nov 2024

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/sayemtaher/delivery-service-website

Welcome to the Fully Streamlined Delivery Service Website! This project utilizes React, Tailwind CSS, Firebase Authentication, Node.js, and MongoDB to create a modern platform with a comprehensive dashboard. It caters to users, delivery riders, and administrators, providing efficient management of orders, users, and essential functionalities.

axios-react daisyui firebase-auth framer-motion localstorage merakiui mongodb-database nodejs react-hook-form react-hooks react-router-dom reactjs tailwind-css tanstack-query

Last synced: 09 Feb 2025

https://github.com/fredvuni/typescript-react-gym-landing

Typescript-react-gym is a responsive TypeScript-based React application designed for managing gym-related activities. This project includes a functional contact us page/section to facilitate communication with users.

cloudfare edroh formsubmit-co framer-motion react-icons reactjs tailwindcss typescript vite

Last synced: 29 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/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: 28 Dec 2024

https://github.com/badhon252/portfolio-v3

Hi, I'm Khalid Hossain, a dedicated Frontend Engineer and Python Instructor based in Barishal, Bangladesh. My passion lies in crafting seamless, user-centric web applications using the latest technologies, including Next.js, TypeScript, and TailwindCSS. I'm committed to delivering innovative solutions that not only meet but exceed expectations.

conventional-commits eslint framer-motion git javascript nextjs typescript

Last synced: 12 Feb 2025

https://github.com/b-l-u-e/decentralized-lending-platform

A decentralized credit lending platform majorly in health sector built on chainsafe, metamask, under the ethereum block chain

framer-motion hardhat react solidity tailwindcss typescript web3js

Last synced: 21 Nov 2024

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/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/azharul122/next-job-portal

A job portal website including dashboard with Next.js

auth0 expressjs framer-motion mongodb nextauth nextjs14 prisma shadcn-ui

Last synced: 02 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/razor-eng/proprep

Comprehensive interview preparation platform for developers

framer-motion next-themes nextjs reactjs shadcn-ui tailwindcss typescript

Last synced: 21 Jan 2025

https://github.com/freshposh-code/bravaaart_webapp

A website with distinct layout , Cool NFT's Colections . SUPRA

framer-motion nextjs threejs

Last synced: 20 Jan 2025

https://github.com/mel-turham/meyazone

Meyazone - A modern e-commerce platform built with Next.js, React, and TypeScript, offering a smooth and responsive online shopping experience.

e-commerce-project framer-motion nextjs14 online-shopping react responsive-design tailwindcss typescript

Last synced: 23 Jan 2025

https://github.com/vncsraniery/portifolio

PortfΓ³lio pessoal para exibir meus projetos e experiΓͺncias. Um espaΓ§o dinΓ’mico e interativo para compartilhar meu trabalho e habilidades.

axios destaque framer-motion github-api nextjs shadcn-ui tailwindcss website

Last synced: 16 Jan 2025

https://github.com/arman-mokhtari/modern-portfolio

Welcome to my minimal portfolio app! This project is a showcase of my work and skills, built using cutting-edge technologies like Next.js, Framer Motion, and Three.js. The app features smooth animations and stunning 3D graphics, providing an engaging and interactive user experience.

framer-motion nextjs14 three

Last synced: 19 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/haikelz/the-zeitplan

Slicing UI Design The Zeitplan

framer-motion reactjs tailwindcss vite

Last synced: 26 Jan 2025

https://github.com/vikraman1653763/carousel-cards

Dynamic Animated Carousel with Framer Motion

carousel carousel-slider css framer-motion react

Last synced: 05 Jan 2025

https://github.com/abhiiishek07/recipefinder

A react web app to find recipe of thousand of dishes.

framer-motion reactjs styled-components

Last synced: 25 Dec 2024

https://github.com/mugisha-pascal/agrigrowth

a web landing page about managing farmers with an intuitive UI and compatibility to mobile phones

framer-motion reacttsx tailwindcss

Last synced: 20 Jan 2025

https://github.com/uskhokhar/whimsicle

In progress...

framer-motion reactjs scss

Last synced: 23 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/tharunoptimus/super-slow-portfolio

A cool looking ultra slow portfolio - manual deploy

emailjs framer-motion maath postcss react react-three tailwindcss threejs vite

Last synced: 09 Jan 2025

https://github.com/ake144/portfolio-project

This is the source code for my personal developer portfolio, built with Next.js Q4, TailwindCSS, Shadcn, MagicUI, and TypeScript. The site showcases my work, skills, and projects in a clean, responsive design optimized for performance and SEO. It also features API integrations and uses REST APIs to power dynamic content. Features: Built with Next.

api-client framer-motion magic-ui nextjs shadcn-ui

Last synced: 05 Feb 2025

https://github.com/nitins87/nitin-portfolio-website

This is my Portfolio website built using NextJs, ReactJs and Tailwind CSS with Framer Motion. You can find my resume and all my social links in this Hope you connect with me!

axios css framer-motion html javascript javascript-es6 nextjs portfolio reactjs ssr tailwindcss

Last synced: 23 Jan 2025

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

Personal portfolio for future usage

aos emailjs framer-motion react scss typescript vite

Last synced: 05 Feb 2025

https://github.com/giomjds/kassa

Meet Kassa! My simple AI Chatbot made by React, TypeScript, TailwindCSS, Framer Motion and intergration of Gemini AI

framer-motion gemini-api react-typescript tailwindcss

Last synced: 05 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/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/rejaulkariim/homefix

🏑 Your central hub for home repairs and improvements. Collaborate, access resources, and streamline your DIY projects with HomeFix.

framer-motion nextjs shadcn-ui tailwindcss

Last synced: 29 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/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/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/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/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/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/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/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/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/antidote003/celsius_2023_ciem

The Official website of the fest conducted by CIEM Kolkata named as CELSIUS

chakra-ui framer-motion html5 javascript react sass

Last synced: 25 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/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/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/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/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/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/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/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/parzivaleugene/michkoff-landing

Michkof Project | Portfolio

framer-motion nextjs tailwindcss

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

Framer Motion Awesome Lists
Framer Motion Categories