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/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/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/infinite-null/blog

Created a full stack blog webapp where user can create blogs, view other blogs, comment on them and even like a blog.

framer-motion full-stack fullstack-development next-auth nextjs nextjs13 nextui

Last synced: 15 Jan 2025

https://github.com/zackozack0/portfolio-next14

A portfolio website made with Next.js 14, Tailwind CSS, Framer Motion and shadcn/ui.

framer-motion nextjs nextjs14 portfolio-website shadcn-ui tailwindcss

Last synced: 10 Oct 2024

https://github.com/kooya3/kooya3

An updated version of my portfolio built with threejs and react. This is my personal website to host all of my works, I did not have enough money to go for premium hosting services so the load might be a little lazy. Will upgrade it though in time.

3d amazing beautiful-ui emailjs framer-motion github graph maath portfolio-website profile react reactthreedrei reactthreefiber threejs

Last synced: 15 Jan 2025

https://github.com/spudoodle/readrealm

Landing page for the website 'Read Realm', which sells and rents books online and hosts discussions. Constructed with Next JS, Tailwind CSS, Framer Motion, and GSAP.

framer-motion gsap nextjs reactjs tailwindcss

Last synced: 26 Dec 2024

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/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/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/audrbar/realestate

A Single Page Real Estate App built on React, Next.js - Server Side and Client rendering

axios bayut-api chackra-ui emotion framer-motion material-ui millify nextjs nprogress react vercel

Last synced: 06 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/varundhand/portfolio-website

This is my portfolio website built using Next.js and Tailwind CSS. It serves as a showcase of my skills, projects, and provides a platform to contact me. The website features smooth animations powered by Framer Motion, a dark mode option, and a responsive design.

framer-motion lodash nextjs reactjs tailwindcss

Last synced: 18 Dec 2024

https://github.com/harundogdu/animation-react

This project is my application where I show popular movies with animation examples that I developed using create-next-app and The Movie Database (TMDB). It was created as a simple example.

framer-motion react tmdb-api

Last synced: 26 Jan 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: 13 Dec 2024

https://github.com/siegfriedbz/nextjs-miozio

🍔 Next.js 14 app (App Router) enabling users to authenticate via Google or a magic link (powered by Brevo), order food, and securely pay using Stripe. Built with TypeScript and Tailwind CSS, Prisma with PostgreSQL for backend data management.

app-router-nextjs cloudinary framer-motion google-authentication magic-link-authentication next-auth nextjs postgresql prisma stripe-api tailwindcss typescript zustand zustand-persist

Last synced: 06 Nov 2024

https://github.com/siegfriedbz/nextjs-carhub

🏎️ Next.js 14 app (App Router) for discovering and renting cars, featuring Google authentication, car exploration, rental booking, and secure Stripe payments. TypeScript, Tailwind CSS with dark theme support, and Prisma ORM with PostgreSQL backend.

app-router-nextjs brevo-api dark-theme framer-motion google-authentication headlessui-react next-auth nextjs postgresql prisma react-suspense stripe-api tailwindcss typescript zustand zustand-persist

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

A framer motion landing page.

framer-motion reactjs

Last synced: 30 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/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/pavel-tyan/course-ratings

Web application to rate courses

axios framer-motion nextjs react react-hook-form

Last synced: 24 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/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/ake144/animated_nextportfolio

🚀 Explore my personal portfolio built with Prisma, Next.js, and JavaScript. Experience seamless animations powered by Framer Motion and discover a modern showcase of my projects.

emailjs framer-motion javascript nextjs14 prisma-orm tailwindcss

Last synced: 11 Dec 2024

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

Scrambled Text animation using framer motion

featured framer-motion nextjs tailwindcss

Last synced: 23 Dec 2024

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/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/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/justrightpl/free-parking

A lightweight Next.js template for creating "domain for sale" landing pages with customizable offer forms and email notifications.

framer-motion nextjs react resend shadcn-ui tailwindcss typescript vercel

Last synced: 09 Oct 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/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: 09 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/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/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/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: 12 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/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/felipetodev/bloom-bar

first Chilean Nikkei-influenced Bar and Grill 🍣

contentful framer-motion graphql nextjs tailwindcss

Last synced: 07 Nov 2024

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/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/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/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/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/mersadhabibi/wiki-sefaresh-redesign

پلتفرمی برای به اشتراک گذاری تجربیات از سفارشات آنلاین ✨

apollo-client apollo-server daisyui framer-motion graphql html-css javascript mongodb nextjs prisma react react-hook-form tailwindcss typescript zod

Last synced: 09 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/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/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/saketkothari/3d-portfolio-webapp

threejs 3D developer portfolio - a webapp that showcases my work.

framer-motion higher-order-component react react-three-fiber tailwindcss threejs

Last synced: 26 Jan 2025

https://github.com/kmanadkat/full-stack-next-fe

A Full Stack Next Js, GraphQL, Strapi, Auth0 & Stripes project

auth0 cloudinary framer-motion graphql nextjs strapi-cms stripes styled-components

Last synced: 05 Dec 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

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/ronaldprofile/rocket-ntfs

Desafio Discover da @Rocketseat.

framer-motion radix-ui react stitiches

Last synced: 31 Dec 2024

https://github.com/emersoncarneirodasilva/fresh-coffee

Fresh Coffee é um projeto de uma landing page de uma cafeteria.

coffee-shop framer-motion landing-page nextjs react-icons tailwindcss

Last synced: 18 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/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/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/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/wilsonibekason/profile-me

This is a beautiful and responsive tailwind-css landing page with modern ui

css framer-motion portfolio react scss

Last synced: 15 Jan 2025

https://github.com/omunite215/project_metaverse

A website which is a Landing Page of a Metaverse based Business.

framer-motion landing-page metaverse nextjs tailwindcss typescript

Last synced: 24 Jan 2025

https://github.com/mukesh015/my-train

Responsive web app used for track live location and search queries for train and flights.

framer-motion nextjs14 nodejs postgresql rest-api vercel

Last synced: 15 Oct 2024

https://github.com/panayotsky-dev/MobileShopView

Interview Task with Next,React,TailwindCSS,Context,framer-motion,TS

context context-api framer-motion next13 nextjs react react-icons reactjs tailwindcss typescript

Last synced: 30 Nov 2024

https://github.com/sanjayheaven/motion-ui

A React UI library without opinionated UI.

ahooks framer-motion headless headlessui headlessui-react motion react reactjs ui

Last synced: 24 Jan 2025

https://github.com/ajaypatil1993/roomlyf

RoomLyf is a complete, responsive interior design website that showcases modern design, smooth animations, and a user-friendly experience across all devices. Built using React.js, Tailwind CSS, and Framer Motion, it brings stunning design concepts to life.

css3 framer-motion html5 react-icons react-router reactjs responsive-design tailwindcss

Last synced: 09 Oct 2024

https://github.com/ajaypatil1993/fruitfulcart

FruitfulCart is a modern e-commerce website for buying fresh fruits. It features a sleek design, smooth animations, and is fully responsive, ensuring a great experience on any device.

css3 framer-motion html5 javascript react-icons react-router reactjs responsive tailwindcss

Last synced: 09 Oct 2024

https://github.com/tommyriquet/react-svg-reveal

lightweight and customizable React component to smoothly animate text reveals through SVG animations.

animation framer-motion react svg ui

Last synced: 20 Dec 2024

https://github.com/ayush-kanduri/stopwatch-timers-counters-reactapp

This application comprises of a Timer, Stop Watch, Clicks Counter & Counter Animation. It is built using React.

css framer-motion material-ui react react-hooks react-toastify reactjs styled-components

Last synced: 13 Jan 2025

https://github.com/vadimghedreutan/portfolio-2024

Portfolio 2024 built with Next.js 14, Tailwind CSS, and Vercel.

aceternity-ui blog framer-motion mdx next-mdx-remote nextjs14 react tailwindcss

Last synced: 21 Dec 2024

Framer Motion Awesome Lists
Framer Motion Categories