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/victorola-coder/vickyjay

personal portfolio website i guesss, it can always get better - dev and main is not deploying the live code is on prod branch.

framer-motion javascript portfolio react-reveal reactjs tailwindcss

Last synced: 15 Dec 2024

https://github.com/shivabhattacharjee/vermilion

Vermilion is a portfolio website template designed to help you increase your online presence. The website features a stunning black and red color theme that conveys sophistication and energy,

animejs framer-motion nextjs portfolio-project portfolio-template portfolio-website scss stunning-ui typescript

Last synced: 17 Nov 2024

https://github.com/imhalid/halid.dev

My personal website, that I created with Next.js, Tailwindcss, Framer Motion

framer-motion nextjs portfolio tailwindcss vercel website

Last synced: 27 Oct 2024

https://github.com/utilfirst/react-visual-novel

React library for building web-based visual novels

framer-motion react tailwindcss typescript visual-novel

Last synced: 31 Oct 2024

https://github.com/koolkishan/cryo-multipurpose-react

React Multipurpose Theme with Framer Motion Animations

animation framer-motion landing-page react smooth-scrolling website

Last synced: 10 Nov 2024

https://github.com/yamada-ui/yamada-components

A collection of React UI components of the Yamada, by the Yamada, for the Yamada, built with Yamada UI.

animation animation-css dark-mode emotion framer-motion react responsive-design ui ui-components ui-design ui-library uikit yamada-ui

Last synced: 11 Nov 2024

https://github.com/bjclayton/portfolio

This portfolio is a collection of my work that showcases my skills and creativity.

aceternity express framer-motion portfolio react tailwindcss

Last synced: 13 Nov 2024

https://github.com/tanvesh01/e-commerce

A shopping app in MERN and with beautiful UI/UX.

authentication express express-js framer-motion jwt nodejs react reactjs redux

Last synced: 07 Nov 2024

https://github.com/devwithzain/github-landing-page

Github Home Page Clone, build with Next JS, TypeScript, Tailwind CSS, Framer Motion, React Spring and Cobe.

cobe framer-motion nextjs react-spring reactjs tailwindcss typescript

Last synced: 12 Jan 2025

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

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

docker-image framer-motion mongodb nextjs nextjs-typescript sass shadcn-ui tanstack-react-query twitter-clone type zustand

Last synced: 09 Oct 2024

https://github.com/tanem/state-machines-in-react

:repeat: A small React, xstate and Framer Motion demo.

animation framer-motion react state-machine typescript xstate

Last synced: 05 Nov 2024

https://github.com/asfak00/multi-vendor-ecommerce

Assalamualaikum, This project is a multi vendor e-commerce website. I have tried to add all the features required for a professional level e-commerce website in this project.

country-state-city framer-motion javascript metarial-ui react-icons react-lottie react-redux react-toastify reactjs tailwindcss uuid vitejs

Last synced: 09 Jan 2025

https://github.com/th3wall/react-crwn-cothing-ecom

This project-based course introduced me to all of the modern toolchain of a React developer in 2021. I have built a massive e-commerce application built using React, Redux, React Hooks, React Suspense, React Router, GraphQL, Context API, Firebase, Redux-Saga, Stripe and a lot more technologies.

firebase framer-motion graphql react react-hooks react-router redux saga snapshot-testing stripe-api

Last synced: 23 Oct 2024

https://github.com/yinkakun/blaque-photography

Portfolio website of a photographer. Built with GatsbyJS

framer-motion gatsby jamstack prismic react styled-components

Last synced: 14 Oct 2024

https://github.com/andrew-tsegaye/stunning_3d_portfolio_website

This project aims to provide an immersive and visually striking portfolio website using cutting-edge technologies. Whether you're a designer, developer, or creative professional, this portfolio template will leave a lasting impression on your visitors.

framer-motion react-three-fiber tailwindcss threejs vite

Last synced: 25 Jan 2025

https://github.com/ccrsxx/chat-app

Group chat app built with Next.js and TypeScript using Cloud Firestore

firebase framer-motion nextjs tailwindcss typescript

Last synced: 27 Oct 2024

https://github.com/ibaliqbal/balmed-v2

A simple social media web build with Next Js for Web Framework, Supabase for database and storage, NextAuth for authentication, React Query for fetching and optimistic data

axios framer-motion nextauth nextauth-google nextjs reactquery social-media sosmed supabase-db supabase-js supabase-storage tailwindcss twitter-clone typescript

Last synced: 11 Oct 2024

https://github.com/chaqchase/react-video

A react video component for a unified and customizable playback experience across browsers [Inspired by appleTV video player]

framer-motion ios-video-player react react-video react-video-player tailwindcss video video-player

Last synced: 31 Dec 2024

https://github.com/israelkilday/portfolio

Este é meu primeiro Portfólio pessoal feito com ReactJS e Typescript, apresento aqui alguns dos meus projetos e informações sobre mim.

context-api css-modules emailjs framer-motion git javascript jsx particles-js react-icons react-router-dom reactjs swiper typescript

Last synced: 07 Nov 2024

https://github.com/fredvuni/tailwind-react-landing

A react tailwind landing page for an education site

cloudflare framer-motion landing-page react react-icons react-slider tailwindcss

Last synced: 01 Dec 2024

https://github.com/liquid-o2/ryokucha

Ryokucha is an e-commerce app that allows you to buy Japanese green tea directly from Japan. Whether you're a fan of hojicha, sencha, or any other variety of green tea, Ryokucha has something for everyone. This app was built using React, Next.js 13 (with its new features such as the app directory), Framer Motion, TypeScript, Sanity, Firebase, etc

firebase firebase-auth firestore firestore-database framer-motion next-js nextjs react tailwind tailwindcss typescript ui-design

Last synced: 21 Jan 2025

https://github.com/starc007/ui-components

Free UI elements & component library to build your product faster in React/Nextjs

framer-motion react tailwindcss templates typescript ui ui-components

Last synced: 10 Nov 2024

https://github.com/triyanox/react-video

A react video component for a unified and customizable playback experience across browsers [Inspired by appleTV video player]

framer-motion ios-video-player react react-video react-video-player tailwindcss video video-player

Last synced: 14 Oct 2024

https://github.com/heysagnik/todoist

A modern & minimal dashboard for managing To-dos with advanced stats

chakra-ui framer-motion react to-do-app-with-react todoapp

Last synced: 11 Oct 2024

https://github.com/ccrsxx/shopping-cart

Simple ecommerce cart application built with Next.js and TypeScript

framer-motion nextjs shopping-cart tailwindcss typescript

Last synced: 27 Oct 2024

https://github.com/itsdrvgo/drvgo-portfolio

DRVGO portfolio made using Next.JS & the most recent technologies

framer-motion nextjs portfolio react tailwindcss typescript

Last synced: 10 Nov 2024

https://github.com/ebulku/next-stepper

A dynamic multi-step form. Built with: Next.js | shadcn/ui | zustand | framer-motion

framer-motion nextjs nextjs15 shadcn-ui zustand

Last synced: 23 Jan 2025

https://github.com/exslym/my-portfolio-3d

3D Dev Portfolio - very impressive website with 3D graphics and animations (React, ThreeJS, TailwindCSS)

3d-graphics animations emailjs framer-motion javascript maath react react-three-drei react-three-fiber react-tilt react-vertical-timeline-component reactjs tailwindcss threejs

Last synced: 14 Nov 2024

https://github.com/anselemodims/stock-metrics

Stock metrics is a web(mobile-focused) app for checking the companies listed on the stock exchange and see their live metrics. Its data is consumed from the Financial modelling API. It is built using React, Redux, and Styled Components, Framer Motion, Recharts.

framer-motion market react recharts-js redux stock styled-components webapp

Last synced: 18 Oct 2024

https://github.com/pjborowiecki/personal-portfolio-next14-typescript-gsap-tailwind

My personal portfolio website. Built with TypeScript, Next.js 14, Tailwind CSS, ShadCn-UI, and other fantastic tools.

developer-portfolio framer-motion gsap locomotive-scroll-v5 next next14 personal-website portfolio react react-email resend sanity-io server-actions tailwind

Last synced: 08 Nov 2024

https://github.com/mirayatech/chatify

💬 Realtime chat app, built with react, typescript, firebase.

chat-app chatting-app firebase framer-motion messenger react styled-components typescript ui ux

Last synced: 18 Nov 2024

https://github.com/hombre2014/my-react-portfolio

New and refreshed portfolio, using React, framer-motion, Sass and Sanity for backend.

framer-motion react sanity sass

Last synced: 02 Nov 2024

https://github.com/harshxraj/saas-landing-nextjs

SaaS Landing Page, built with React, Next.js, TailwindCSS, and Framer Motion. It aims to provide a visually appealing and highly performant landing page for SaaS products.

design framer-motion homepage landing-page nextjs react saas saas-application startup tailwindcss template

Last synced: 19 Jan 2025

https://github.com/dz-levelzero/filter-animation

Create framer-motion Filter Animation using React.js

fetch-api framer-motion grid-layout react-js tmdb-movie-search

Last synced: 12 Nov 2024

https://github.com/syket-git/3d-portfolio

This is a amazing 3D Portfolio with React JS and Three.js. Also using Tailwind CSS, Framer Motion, React Title, email JS and React Three fiber.

emailjs framer-motion react react-tilt reactjs reactthreefiber tailwindcss threejs

Last synced: 25 Dec 2024

https://github.com/rr3s1/portfoli0_jsm

A modern portfolio built using Next.js, Three.js for 3D elements, Framer Motion for animations, and styled with Tailwind CSS. Designed to leave a memorable impact, it features interactive 3D elements, a bento-style layout, testimonials and dynamic animations. Responsive across all devices.

framer-motion nextjs reactjs tailwindcss three-js

Last synced: 09 Jan 2025

https://github.com/whitehorse21/react-note

Simple React Note App (CRUD, Search and Sort features Available)

framer-motion javascript react react-bootstrap sass

Last synced: 09 Nov 2024

https://github.com/tommm2/jinrup.dev

My personal website built with TypeScript, Next.js 14, and Tailwind CSS

blog framer-motion next-intl nextjs14 portfolio-website prisma taiwlindcss

Last synced: 12 Nov 2024

https://github.com/soummyaanon/-notex

This Is My latest project Using React.js Appwrite ShadCN-Ui,AccernityUi, Framer, TailWindCss this is A Personal Ai Powerd Note taking App powerd By Google Geminie Pro It is Still in development Phase but ya test it and give me you valuable feedback guys . Happy Coding

ai appwrite appwrite-auth appwrite-database appwrite-storage framer-motion google-gemini-ai react saas shadcn-ui tailwindcss

Last synced: 09 Oct 2024

https://github.com/ysj151215/scrollex-heading

Build a full screen heading that supports horizontal scrolling with Scrollex.

framer-motion next-js react-js scrollex tailwind-css

Last synced: 21 Jan 2025

https://github.com/abdtriedcoding/noted

Noted is an all-in-one workspace application, that helps you for note-making 📝, project management 📅, collaboration 👥, and more! 🛠️

blocknote bun clerkauth convex edgestore framer-motion nextjs nextjs14 notion reactjs realtime-database realtime-rendering shadcn-ui tailwindcss typescript vercel zod zustand

Last synced: 31 Dec 2024

https://github.com/lalitdotdev/watchtowerai

An AI-powered web application leveraging Next.js 14 and TensorFlow.js for real-time object detection. Utilizing Tensorflow model for accurate detection, webcam integration for live video streams, and Media Recorder API for seamless recording.

aceternity ai cocossd framer-motion machine-learning mediarecorder-api multimedia multimedia-systems nextjs14 object-detection persondetaction react-webcam shadcn-ui surveillance-systems tailwindcss tensorflow tensorflowjs-model typescript

Last synced: 17 Jan 2025

https://github.com/gopalverma1303/eclairui

A comprehensive collection of meticulously crafted React components styled with Tailwind CSS and Framer Motion.

css framer-motion html javascript nextjs react tailwindcss turborepo typescript ui ui-components uik

Last synced: 27 Dec 2024

https://github.com/sudeepmahato16/the-wild-oasis

An internal hotel management system allows employees to manage everything about hotel bookings, cabins, and guests.

dashboard framer-motion hotel-management-system mongodb nextjs13 prisma react react-query tailwindcss the-wild-oasis typescript

Last synced: 11 Nov 2024

https://github.com/elliothux/personal-site

👨🏻‍💻🎨 My personal site made by NextJS & Tailwind & Framer motion

framer-motion nextjs personal-website react tailwindcss website

Last synced: 10 Oct 2024

https://github.com/sucodelarangela/adopet

Page developed as result of a Front End Challenge for students of Alura Tech School. It consists in a website for a pseudo company called AdoPet, which acts as an intermediary between animal adopters and NGOs that focus on removing animals from the streets.

alura alurachallenge alurachallengefront4 challenge css desafio framer-motion headlessui jsx react reacthookform vitrinedev

Last synced: 20 Nov 2024

https://github.com/yamada-ui/yamada-docs

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion.

animation animation-css dark-mode emotion framer-motion react reactjs responsive-design ui ui-components ui-design ui-library uikit yamada-ui

Last synced: 11 Nov 2024

https://github.com/hendraaagil/gift-store-landing-page

Gift Store Landing Page

framer-motion react

Last synced: 27 Oct 2024

https://github.com/ladunjexa/nextjs13-github

A Next.js GitHub Homepage template that incorporates powerful and popular libraries and practices. Developed using TypeScript with Next.js, TailwindCSS, Framer Motion and React Spring. 🦄

cobe framer-motion github-clone nextjs-application react-spring typescript-nextjs uuid

Last synced: 27 Oct 2024

https://github.com/rudrodip/svg-pan-animation

Interactive SVG Pan Animation inspired from Linear

framer-motion nextjs svg svg-animations

Last synced: 01 Dec 2024

https://github.com/char2sgu/layout-projection

Beautify the Web with awesome layout animations

angular animation framer-motion javascript layout-projection react typescript web

Last synced: 31 Oct 2024

https://github.com/remcostoeten/remcostoeten-all-in-one-dashboard

A comprehensive personal dashboard built with NextJS 15, TypeScript, Drizzle, Turso (SQLite), TailwindCSS, Clerk, Uploadthing, ShadCN-UI, and more. This all-in-one solution offers tools for file storage, URL extractors, notes, finances, kanban, HTML to TSX, SVG to CSS, reverse geolocation, and more. Currently migrating features from a previous

crm crud dashboard drizzle-orm file filestorage framer-motion nextjs15 react react19 sqlite tailwindcss turso

Last synced: 26 Dec 2024

https://github.com/Char2sGu/layout-projection

Beautify the Web with awesome layout animations

angular animation framer-motion javascript layout-projection react typescript web

Last synced: 19 Nov 2024

https://github.com/ironcladdev/ironcladdev

My website (latest version)

emotion framer-motion nextjs portfolio react website

Last synced: 27 Oct 2024

https://github.com/sylvaincodes/yoom

Plateforme web gratuite de conférence vidéo pour les particuliers et les entreprises.

aceternity-ui framer-motion nextjs shadcn-ui tailwindcss typescript

Last synced: 25 Dec 2024

https://github.com/benjamin2602/fitness-application

I just build this website using the technologies React, Typescript, Vite for starter pack, Tailwind css for styling and framer motion for animation

framer-motion react tailwindcss typescript

Last synced: 20 Dec 2024

https://github.com/saibarathr/gemini-bot-react

This project is an AI chatbot that uses the Gemini API from Google. It's designed for educational purposes, providing a practical example of how to implement a chat bot using Gemini API.

ai-chatbot chakra-ui framer-motion gemini-api react tailwindcss

Last synced: 08 Jan 2025

https://github.com/gopalverma1303/gopxwebui

A comprehensive collection of meticulously crafted React components styled with Tailwind CSS and Framer Motion.

css framer-motion html javascript nextjs react tailwindcss turborepo typescript ui ui-components uik

Last synced: 10 Oct 2024

https://github.com/remorses/framer-motion-visualizer

Visualize framer-motion spring animations

animations framer-motion

Last synced: 19 Oct 2024

https://github.com/meeruzairwashere/open-source-portfolio

Are you a developer looking to showcase your work in a professional and personalized manner? Look no further! With this portfolio template, you can create your own stunning full-stack portfolio effortlessly. Demo link given below

aceternity-ui clerkauth cloudinary framer-motion mongodb nextjs14 prisma serveractions shadcn-tag shadcn-ui tailwindcss typescript

Last synced: 09 Jan 2025

https://github.com/shohan-pherones/nextjs-portfolio

Welcome to my portfolio website! I'm thrilled to present to you a collection of my work and achievements, showcasing my skills as a web developer. Built with cutting-edge technologies such as React, TypeScript, Next.js, and Tailwind CSS.

framer-motion nextjs portfolio react tailwindcss typescript

Last synced: 18 Dec 2024

https://github.com/shaqdeff/next-internalization

A simple Next.js 13 application that translates content using internalization and the app router.

framer-motion internalization nextjs tailwindcss typescript

Last synced: 19 Jan 2025

https://github.com/solygambas/react-projects

9 small React projects using React Query, React Framer Motion, React Spring, React Testing Library, Material-UI and Storybook.

framer-motion javascript material-ui react react-admin react-query react-spring react-testing-library reactjs storybook

Last synced: 10 Oct 2024

https://github.com/4Furki4/Meme-Generator

Meme Generator where you can generate memes and share them with your friends

drag-and-drop framer-motion meme-generator nextjs react shadcn-ui

Last synced: 25 Oct 2024

https://github.com/sayan-maity/shegrow

SheGrows aim to encourage more women to join in tech and excel their career 🚀

axios chat-engine cloudflare css expressjs formspree framer-motion magic mongodb nodejs openai passwordless-authentication reactjs render toastify

Last synced: 16 Nov 2024

https://github.com/starknightt/github-reacts

GitHub Reacts is a fun and interactive React application that generates humorous memes based on GitHub usernames. Whether you want a playful compliment or a cheeky insult, this app uses advanced animations and dynamic content to entertain users.

animation api framer-motion frontend git groq-ai groq-api reactjs tsparticles

Last synced: 12 Oct 2024

https://github.com/mericcan41/mericdev

My personal website that I built using NextJS & Framer Motion

blog contentful framer-motion nextjs nextjs-blog personal-website portfolio website

Last synced: 14 Oct 2024

https://github.com/the-coder-o/a-bd.me

My personal website made with Next.js 14 (App Router). Features blog posts, gear list, dark theme and more. Tailwind CSS, Radix, Framer Motion, and Vercel.

analytics firebase framer-motion google-analytics google-api next14 planetscale prisma react redix rest-api search-engine seo-optimization shadcn-ui tailwindcss typescript umami-analytics

Last synced: 06 Dec 2024

https://github.com/victorcodess/oh-studio-landing

In this project, I recreated the landing page of Oli Harris's portfolio website. This was a challenge from Frontend Practice.

framer-motion react tailwindcss

Last synced: 18 Jan 2025

https://github.com/yogeshvas/windyui-opensource

WindyUI is a comprehensive, free Tailwind CSS component library designed to streamline the development of your next project. With WindyUI, you can accelerate your workflow by leveraging a rich collection of pre-built, customizable components tailored for modern web development.

animations framer-motion tawilwindcss

Last synced: 10 Oct 2024

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

Demo project to teach about Framer Motion animations on React projects.

framer-motion react

Last synced: 25 Oct 2024

https://github.com/rustaceanrob/tauritemplate

A template for Tauri apps with React, Tailwind, Framer Motion, and Typescript preinstalled along with a couple animated components.

framer-motion react tailwind tauri typescript

Last synced: 19 Dec 2024

https://github.com/mohammad-mghn/nextjs-animate-on-scroll

NPM Package for Next.js framework to animate components on scroll easily.

create-react-library eslint framer-motion npm-package prettier react webpack

Last synced: 10 Oct 2024

https://github.com/etesam913/react-mouse-blur

🖱️ A npm package that allows the user to easily implement motion blur on their mouse cursor.

blur cursor framer-motion motion react

Last synced: 11 Oct 2024

https://github.com/asbhogal/personal-portfolio-site

A personal portfolio site created for the repo owner to showcase his projects, created using TypeScript, Next.js, Payload CMS, SASS, Framer Motion & Playwright.

developer-portfolio es6 eslint framer-motion next nextjs portfolio portfolio-project portfolio-site portfolio-website projects react reactjs sass scss single-page-app single-page-application single-page-applications spa typescript

Last synced: 21 Jan 2025

https://github.com/mhzrerfani/website

My portfolio built with Next.js and Framer Motion

framer-motion nextjs portfolio react template

Last synced: 21 Nov 2024

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

My Personal Portfolio, Created with Next-js, TypeScript, Tailwind-css and Framer-Motion

framer-motion gsap lenis-js nextjs reactjs tailw typescript

Last synced: 12 Nov 2024

https://github.com/starknightt/twitterquestiongenerator

This project generates random, questions related to web development and programming. It's designed to provide fun and engaging content for your tweets, perfect for sparking conversations on Twitter.

framer-motion gemini gemini-api generated question-answering questions react reactjs tailwindcss ui-design web

Last synced: 13 Nov 2024

Framer Motion Awesome Lists
Framer Motion Categories