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/cirolee/ui-materials

modern ui materials for PC about react aiming to use easily

components framer-motion radix-ui react typescript ui

Last synced: 27 Oct 2024

https://github.com/mbozhik/spiller

multi-page website for selling cosmetics, featuring a catalog

bozzhik bozzhik-is-mobile framer-motion nextjs swiper tailwindcss zustand zustand-state-management zustandjs

Last synced: 11 Nov 2024

https://github.com/gauranshgoel123/gauransh-portfolio

Created my personal Portfolio Website using ReactJS, TailwindCSS ,Framer-motion and NodeJS. Switch to gh-pages branch for the deploying purpose . Switch to master branch for the whole code

framer-motion html nodejs reactjs tailwindcss

Last synced: 12 Jan 2025

https://github.com/anoopraju31/eat-curious

eat-curious, a plant-based food company. Build using next.js

framer-motion nextjs reactjs ssg ssr tailwindcss typescript

Last synced: 04 Feb 2025

https://github.com/educlopez/supabase-remix-talkworld-chat

Project carried out with Remix.run and using Suppabase to create a chat. For styles Tailwind is being used. The tutorial that is based is this: https://egghead.io/courses/build-a-realtime-chat-app-with-remix-and-supabase-d36e2618

framer-motion remix supabase tailwindcss

Last synced: 24 Dec 2024

https://github.com/muslehud77/swiftrental-client

SwiftRental is a modern car rental platform offering seamless vehicle bookings with secure payments via Stripe and Aamarpay. Built with React, Redux, and TypeScript, it features role-based access, Google Maps integration, and dynamic UI animations using Framer Motion and GSAP.

aamarpay-payment-gateway framer-motion jwt-authentication react redux rtkquery shadcn-ui stripe tailwindcss typescript

Last synced: 11 Jan 2025

https://github.com/vidmal001/fullstack-e-commerce-platform

End-to-End E-commerce Website with Admin Dashboard and Stripe Integration

axios cloudinary confetti express framer-motion jwt mongodb nodejs react recharts stripe tailwindcss zustand

Last synced: 04 Feb 2025

https://github.com/roblesdotdev/next-stack

Next.js starter template built using the new app router, server components, and all the latest features of Next.js 13.

framer-motion nextjs postgresql prisma radix-ui tailwindcss typescript

Last synced: 13 Jan 2025

https://github.com/yusha0123/textbook

Full Stack Thought Sharing Website. Uses Next Js 13 Client and Server Side Components,React Js,TypeScript,Prisma ORM,Supabase PostgreSQL database,Next Auth JS,Google OAuth2.0,Framer Motion, Prime React Library and Tailwind Css

framer-motion nextauth nextjs postgresql primereact prisma tailwindcss tanstack-react-query

Last synced: 13 Jan 2025

https://github.com/arnab-4/arnab-portfolio-v2

This portfolio serves as a showcase of my projects, skills, and experience as a web developer. It's designed to provide an overview of my capabilities and to help others learn more about me and my work.

animation animations api css framer-motion gemini geminiai github javascript nextjs openai portfolio portfolio-website react tailwindcss typescript

Last synced: 11 Jan 2025

https://github.com/evansrobbie/burger-website

This is an implementation of a burger website designed by Mehar Sanaullah.

framer-motion react tailwind-css usestate

Last synced: 26 Dec 2024

https://github.com/lostovayne/dark-saas-blockchain-site

Landing Page sobre BlockChain, que maneja una entidad completa, cuenta con animaciones y diseño responsivo

astro framer-motion markdown react typescript

Last synced: 21 Nov 2024

https://github.com/caish-cloud/react-cookies-consent

This is a set of React components that provide an easy-to-implement solution for handling users' cookie preferences in your web application 🍪

chakra-ui consent-management cookies framer-motion preferences react typescript zustand

Last synced: 11 Oct 2024

https://github.com/educlopez/gamedev

Gamedev is a GitHub project where I will be uploading mini-games as I learn React, Next.js, and possibly migrate JavaScript to TypeScript. All feedback and tips for improving the code are welcome.

framer-motion gamedev memory nextjs pokemon tailwindcss tic-tac-toe words-per-minute

Last synced: 24 Dec 2024

https://github.com/complexlity/memory-game

Memory test application created using React and Tailwind

firebase framer-motion material-ui react tailwindcss uniqid vite

Last synced: 26 Jan 2025

https://github.com/miladjoodi/photography_website

In this project, I employed a range of cutting-edge technologies, including Next.js, Tailwind CSS, ShadCN UI, Framer Motion, React Count Up, React Awesome Reveal, and next-theme. For a comprehensive demonstration and additional details, please refer to the project description. ✔️⛳️

framer-motion next-theme nextjs reactjs tailwindcss

Last synced: 08 Jan 2025

https://github.com/syntaxlexx/next-13-metaverse

[Starter Kit] A Metaverse created using Next 13, TailwindCSS, and Framer Motion.

framer-motion next13 nextjs react react18 tailwindcss

Last synced: 10 Jan 2025

https://github.com/karsten-uy/karsten_website

My website is a dynamic showcase of my projects and experiences, skillfully built with Vite, React.js, and Tailwind CSS for a seamless and stylish user experience. Dive into my portfolio, explore featured projects, and connect with me through this creatively crafted digital space.

css framer-motion javascript react react-router-dom reactjs tailwind-css tailwindcss vite vitejs-react

Last synced: 05 Dec 2024

https://github.com/adairjuneoaf/prisma-systems-website

O projeto é um site institucional da startup Prisma Systems para divulgar seus serviços e soluções tecnologicas.

framer-motion material-ui react react-toastify styled-components typescript

Last synced: 08 Jan 2025

https://github.com/kazemmdev/music-landing-react

React landing page with framer

framer-motion react reactjs

Last synced: 08 Jan 2025

https://github.com/himarplupi/lomba-himarpl

Landing Page Lomba Poster Dies Natalis RPL ke-5

competition framer-motion landing-page

Last synced: 09 Nov 2024

https://github.com/devprashantt/density-exchange

This project is a part of the application for the Frontend UI Intern position at Density Exchange. The goal of this project is to develop a webpage with animation based on a provided design using Next.js and the chosen CSS library (Tailwind CSS, SCSS or Material-UI).

density-task framer-motion next scss

Last synced: 09 Feb 2025

https://github.com/mrinspection/saas-landing-page

A magnificient dark landing page for a SaaS application

framer-motion landing-page nextjs shadcn-ui tailwindcss

Last synced: 01 Jan 2025

https://github.com/muhdhanish/kanban_board

This is a dynamic and interactive Kanban board built with Next.js, Tailwind CSS and Framer Motion.

board framer-motion kanban-board nextjs nextjs14 tailwindcss typescript

Last synced: 30 Jan 2025

https://github.com/jsonfm/brand-experience-studio

A framer motion landing page.

framer-motion reactjs

Last synced: 30 Jan 2025

https://github.com/ivansarabeev/portfolio-v2

I'm creating a new portfolio with the idea to be more profesional oriented with key additional features

cloudinary framer-motion react tailwindcss typescript

Last synced: 11 Nov 2024

https://github.com/devprashantt/prashant

I'm Prashant Kumar Singh, a programmer and product designer in New Delhi, India. I work with languages like Python, Java, and JavaScript/TypeScript. My expertise includes frameworks like Node, Express, Flutter, React, Redux, React Native, and Flask. I excel in creating user-centric interfaces for CRM products.

emailjs framer-motion portfolio reactjs sanity scss-framework

Last synced: 09 Feb 2025

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

This is a personal portfolio website built with next generation technologies, such as - ReactJS and NextJS (App Router & Server Actions), TypeScript, Tailwind CSS, Framer Motion, React Email & Resend.

animate animated animation cv framer-motion framework javascript js next next13 nextjs nextjs13 personal personal-portfolio portfolio project react reactjs resume website

Last synced: 30 Jan 2025

https://github.com/shm-rsuf/course-demy

Welcome to Course-demy, the ultimate online destination for unlocking your full potential through the power of education. Our platform is built on a powerful technology stack, including Next.js, React, Prisma, Tailwind, Nest-Auth, and Stripe

aos-animation axios class-variance-authority clsx emailjs framer-motion next next-auth prisma react-icons react-toastify stripe-js tailwindcss

Last synced: 26 Dec 2024

https://github.com/lobooooooo14/olobo

🐺 (WIP) Simple & modern portifolio built with React, TypeScript, TailwindCSS, Shadcn/ui and Vite.

framer-motion i18next portifolio reactjs shadcn-ui tailwindcss typescipt vite

Last synced: 05 Nov 2024

https://github.com/benmar2406/meat_consumption_infographic

Interactive web app with scrollytelling elements that uses creative approaches to visualize data beyond typical visualization methods.

d3 d3js data-visualization data-visualization-design datavisualization framer-motion framermotion information-visualization react scrollama scrollanimation scrollytelling

Last synced: 05 Feb 2025

https://github.com/unllamas/nextjs-page-transitions-with-framer-motion

Page transitions simulating on online store with NextJS and Framer Motion

animation framer framer-motion nextjs page-transitions page-transitions-next react reactjs

Last synced: 07 Feb 2025

https://github.com/prateekshuklaps0/meshop-e-commerce-platform

An e-commerce platform for resellers to showcase and sell products, while providing suppliers access to a vast network of resellers and customers.

framer-motion mongodb nodejs react redux typescript

Last synced: 23 Jan 2025

https://github.com/shubhammehra4/tellus-private

A Tourism Company Website built using GatsbyJS.

framer-motion gastby landing-page react tailwindcss

Last synced: 08 Jan 2025

https://github.com/prateekshuklaps0/growfin-interactive-stock-trading-simulator

An Interactive Stock Trading Simulator allowing users to manage their financial portfolio such as Stocks, Bonds, Mutual Funds etc.

chakra-ui framer-motion material-ui mongodb node react redux

Last synced: 23 Jan 2025

https://github.com/aleksandromilenkov/3d_portfolio

My 3D Portofolio, you can check it here: https://aleksandromilenkov.netlify.app/

emailjs framer-motion maath reactjs reactrouter6 tailwindcss three-js tiltjs

Last synced: 04 Dec 2024

https://github.com/jonasschultheiss/portfolio

My portfolio website. Created with Nextjs and sanity.

framer-motion nextjs sanity tailwindcss vercel

Last synced: 14 Jan 2025

https://github.com/frontendadvance/build-typescript-react-next-js-with-framer-motion

Build a Stunning Website with React, Next.js, TailwindCSS & FramerMotion | Next js Beginner Project

framer-motion nextjs nextjs14 reactjs tailwindcss typescript

Last synced: 23 Jan 2025

https://github.com/nox-hd/ui

Craft stunning user interfaces with our comprehensive UI library. Accessible, customizable, and open-source.

framer-motion javascript nextjs reactjs shadcn-ui tailwindcss ui-components uikit

Last synced: 09 Feb 2025

https://github.com/vipulkatwal/startup-landing-page

This project is focused on building a visually striking landing page for a SaaS (Software as a Service) application. The goal is to showcase the developer's front-end development skills and create an engaging user experience.

framer-motion nextjs shadcn-ui tailwindcss

Last synced: 03 Dec 2024

https://github.com/mo-hassann/developer-portfolio

Using Next.js, and Framer Motion, this portfolio showcases developer skills and projects. It's responsive and visually appealing.

code-editor developer developer-portfolio framer-motion nextjs portfolio portfolio-website react tailwindcss vscode

Last synced: 09 Feb 2025

https://github.com/yoni-deserbaix/kronix

Kronix is a project focused on creating a landing page for a SaaS application.

framer-motion magic-ui react tailwindcss typescript

Last synced: 22 Dec 2024

https://github.com/siegfriedbz/nextjs-wild-oasis

🌿 Next.js 14 app enabling users to book cabins, featuring responsive design, optimistic UI, Google sign-up, Stripe payments and refund options.

app-router framer-motion next-auth nextjs optimistic-ui react-hook-form react-select responsive-design stripe-api supabase tailwind-css typescript zod

Last synced: 06 Nov 2024

https://github.com/kei-k23/mac-os-dock-demo

Mac OS Dock animation with React and Framer Motion

framer-motion react

Last synced: 09 Feb 2025

https://github.com/evanstef/personal-website-evan

personal website yang saya buat menggunakan framework React JS yaitu nextJS sebagai bahan latihan mengambil referensi desain dari salah satu video tutorial di youtube namun saya desain lagi dengan UI yang lebih interaktif

css framer-motion javascript nextjs shadcn-ui tailwindcss typescript

Last synced: 26 Jan 2025

https://github.com/snowycrest/discover_qatar

Qatar Tourism website built with React JSX

css framer-motion qatar reactjs supabase-db swiper-js tourism-website

Last synced: 03 Feb 2025

https://github.com/oscargonzalezdev/oscargonzalezdev

Oscar Gonzalez's Portfolio - Web Development Blog, Works and More 👨‍💻

blog coding framer-motion javascript nextjs particles-js portfolio programming reactjs tech webdeveloper webdevelopment

Last synced: 22 Dec 2024

https://github.com/felipetodev/dynamic-island

Astro "Dynamic Island" web example

astro framer-motion islands

Last synced: 28 Dec 2024

https://github.com/sonamgupta21/plantify

Plantify -Plant delivery application allows to the user(admin) to add new items to the application. User can Login and add items to cart.

firebase framer-motion reactjs redux tailwindcss

Last synced: 07 Jan 2025

https://github.com/mipmipp/portfolio

This repository contains the source code for my personal portfolio website built with React, Material-UI, TypeIt and Framer Motion. It showcases my skills, projects, and experience in a visually appealing and user-friendly manner.

experience framer-motion front-end javascript material-ui portfolio projects react skills typeit

Last synced: 08 Nov 2024

https://github.com/devdignesh/twitter-clone

Twitter Clone: A Next.js 14 project with Sass, TailwindCSS, Framer motion, TypeScript, Tanstack Query, MongoDB, Prisma, NextAuth and Zustand

docker-images framer-motion mongodb nextjs14 nextjs14-typescript sass shadcn-ui tanstack-query tanstack-react-query twitter-clone typescript zustand

Last synced: 21 Jan 2025

https://github.com/felipetodev/bloom-bar

first Chilean Nikkei-influenced Bar and Grill 🍣

contentful framer-motion graphql nextjs tailwindcss

Last synced: 07 Nov 2024

https://github.com/venky-1710/react-portfolio

A modern, responsive personal portfolio website built with React and Next.js. Showcases projects, skills, and experience with a clean, interactive design. Features dark mode, animated sections, and a contact form. Utilizes Tailwind CSS for styling, Framer Motion for animations, and React Email for the contact functionality.

framer-motion next-js react react-email react-hot-toast react-vertical-timeline-component tailwindcss typescript

Last synced: 03 Dec 2024

https://github.com/liinkiing/myanimerecs-client

A webapp to show anime recommendations based on a MyAnimeList username

anime apollo framer-motion graphql hook react recommendations typescript web-animation

Last synced: 05 Feb 2025

https://github.com/abdulbasit-dev/kurd-freelancers

A Platform that made for Kurdish developer, to find and seek jobs

axios framer-motion material-ui reactjs tailwindcss

Last synced: 06 Feb 2025

https://github.com/felixoder/felixcodez

This is a next level typescript portfolio having awesome stuff

express framer-motion mern-stack nodejs typescript

Last synced: 30 Dec 2024

https://github.com/israelkilday/gabrielle-medeiros

Este é um projeto freelancer desenvolvido para o salão de beleza Gabrielle Medeiros. O objetivo do projeto foi criar uma landing page moderna e funcional, destacando os serviços oferecidos pelo salão, com foco na especialidade de alisamento personalizado.

context-api eslint framer-motion git husky jsx nextjs14 prettier react-countup react-icons react-player react-responsive reactjs shadcn-ui tailwindcss typescript vercel

Last synced: 23 Jan 2025

https://github.com/kei-k23/drag-cards

Drag cards component with React + Framer Motion

animation draggable framer-motion react tailwindcss typescript vite webanimation

Last synced: 31 Jan 2025

https://github.com/dev-kawser/bazaarnest-client

A fully responsive e-commerce website built with the MERN stack, featuring secure user authentication, product browsing, and sslcommerz integration for payments. This project is currently under development, with new features and improvements being added regularly.

aos express firebase framer-motion jwt mogoose mongodb nodejs react sslcommerz tailwindcss

Last synced: 01 Dec 2024

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/waleeddotdev/snappet

Snappet is a web app that allows developers to easily convert their code into beautiful, shareable images for social media, with customizable options for framing, backgrounds, and more.

code-to-image framer-motion monaco-editor nextjs open-source react zustand

Last synced: 21 Jan 2025

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/achntj/garden

My (old) personal website and blog 📈

blog contentlayer framer-motion nextjs react tailwindcss typescript

Last synced: 08 Feb 2025

https://github.com/aritra69/scramble-text

Scrambled Text animation using framer motion

featured framer-motion nextjs tailwindcss

Last synced: 23 Dec 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/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/malkiii/react-image-zoom-view

an unstyled react image zoom view component built using framer-motion

component dribbble framer-motion image image-zoom medium react tailwindcss typescript zoom

Last synced: 09 Feb 2025

https://github.com/andrewsolonets/banquee-app

Banking website with smooth animations, blog, faq and parallax effect - Next.js, tailwind.

framer-motion nextjs react tailwind

Last synced: 02 Nov 2024

https://github.com/ronaldprofile/rocket-ntfs

Desafio Discover da @Rocketseat.

framer-motion radix-ui react stitiches

Last synced: 31 Dec 2024

https://github.com/nikhilgholap1304/nickfolio

This is 'NickFolio', as the name suggests - counts in as my personal portfolio which is underdevelopment and figuring out what animations, parallax and scroll effects are needed to add to make it a bit alluring

framer-motion paralax-effect reactjs tailwindcss vite

Last synced: 27 Jan 2025

https://github.com/yash12169/the-scripting-squad-reimagineround2

This repository contains the code and assets for our project for Re-imagine hackathon where we reimagine and recreate the website of out favourite Ice-Cream brand Baskin-Robbins

css framer-motion gsap html javascript reactjs scrolltrigger

Last synced: 13 Jan 2025

https://github.com/ladunjexa-pbl/reactjs18-portfolio

stunning Responsive React Portfolio Website consisting Navbar, Landing, Skills, Projects, Testimonials and Footer sections built with React & TailwindCSS 🌈

framer-motion portfolio-website react react-anchor-link react-hook-form react-router tailwindcss

Last synced: 07 Jan 2025

https://github.com/andersondinizdev/portfolio

Projeto de Portfólio, onde você vai ficar por dentro da minha evolução como Desenvolvedor e conhecer meus projetos.

css framer-motion html i18next javascript react router-dom-v6 styled-components

Last synced: 17 Nov 2024

https://github.com/sheninthjr/linktopost

LinkToPost is a convenient post generator that transforms YouTube links into shareable, visually appealing images. Simply paste your YouTube URL, and LinkToPost creates a stunning card-like image ready for sharing on LinkedIn, Twitter, and Instagram.

framer-motion nextjs tailwindcss

Last synced: 20 Dec 2024

Framer Motion Awesome Lists
Framer Motion Categories