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/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/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/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/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/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/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/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/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/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/mariangle/portfolio-v1

Portfolio v1 built with Styled Components and Framer Motion in React

framer-motion react styled-components

Last synced: 10 Jan 2025

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/fellipeutaka/react-quiz

:brain: A Quiz using React, TypeScript and Chakra UI

chakra-ui framer-motion lottie lottie-react react typescript vite

Last synced: 27 Jan 2025

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/prechy123/board-games

[web] A user friendly Real-Time Cross-Platform Application to play different board games(such as. Tic-Tac-Toe, Chess, Checkers, Scrabble, Ludo e.t.c) with your friends and family. NextJs, NodeJs, React-Native

clean-code cloudinary framer-motion frontend nextjs14 nextjs14-typescript nodejs socket-io tailwindcss vercel

Last synced: 01 Nov 2024

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/abdulhadi806/abdulhaadiportfolio

my-portfolio site made with Bootstrap and next.js

bootstarp5 framer-motion nextjs

Last synced: 03 Jan 2025

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/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/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/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/kazemmdev/music-landing-react

React landing page with framer

framer-motion react reactjs

Last synced: 08 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/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/jsonfm/brand-experience-studio

A framer motion landing page.

framer-motion reactjs

Last synced: 30 Jan 2025

https://github.com/arnobt78/restaurantts--tailwindcss-fundamental-project-4

RestaurantTS App is a NextJS 14 Static Restaurant Landing Page, using React.js, Typescript, Webpack, TailwindCSS, Framer-Motion, TailwindCSS-Animate, Radix-UI, Date-fns, React-Leaflet, Lucide-React, React-Day-Picker, React-Scroll, React-Icons, React-Responsive features and deployed on Vercel.

date-fns framer-motion lucide-react nextjs nextjs14 radix-ui react-day-picker react-hooks react-icons react-leaflet react-router react-typescript reactjs restuarent-template resturant-app tailwindcss tailwindcss-animate typescript vercel-deployment webpack

Last synced: 11 Feb 2025

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/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/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/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/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/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/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/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/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/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/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/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/aritra69/scramble-text

Scrambled Text animation using framer motion

featured framer-motion nextjs tailwindcss

Last synced: 23 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/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/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/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/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/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/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/felipetodev/dynamic-island

Astro "Dynamic Island" web example

astro framer-motion islands

Last synced: 28 Dec 2024

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/bloom-bar

first Chilean Nikkei-influenced Bar and Grill 🍣

contentful framer-motion graphql nextjs tailwindcss

Last synced: 07 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/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/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/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/achntj/garden

My (old) personal website and blog 📈

blog contentlayer framer-motion nextjs react tailwindcss typescript

Last synced: 08 Feb 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/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/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/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/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/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/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/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/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/ronaldprofile/rocket-ntfs

Desafio Discover da @Rocketseat.

framer-motion radix-ui react stitiches

Last synced: 31 Dec 2024

https://github.com/arnobt78/restaurantts-nextjs-website

RestaurantTS App is a NextJS 14 Static Restaurant Landing Page, using React.js, Typescript, Webpack, TailwindCSS, Framer-Motion, TailwindCSS-Animate, Radix-UI, Date-fns, React-Leaflet, Lucide-React, React-Day-Picker, React-Scroll, React-Icons, React-Responsive features and deployed on Vercel.

date-fns framer-motion lucide-react nextjs nextjs14 radix-ui react-day-picker react-hooks react-icons react-leaflet react-router react-typescript reactjs restuarent-template resturant-app tailwindcss tailwindcss-animate typescript vercel-deployment webpack

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

Framer Motion Awesome Lists
Framer Motion Categories