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/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/rayentellissy/wavecord

Chatting App heavily inspired by Discord made with React and Node.js, allowing users to create servers, talk in real-time via text or voice.

app chakra-ui chat clone discord express firebase framer-motion javascript jwt livekit moment nodejs postgresql prisma react socket-io vite

Last synced: 08 Nov 2024

https://github.com/aaronjoshuaespinosa/wingman-app

An Online Assistant Platform for CEIT Students at Cavite State University - Don Severino Delas Alas Campus

expressjs framer-motion jwt mongodb nodejs reactjs tailwind vercel

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

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/ibaliqbal/astro-porto

Personal website build with Astro Js for Web Framework, React Js for UI Framework, Tailwind CSS for styling, GSAP and Framer Motion for Animation, and Lenis for smooth scroll

astro framer-motion freepik gsap gsap-scrolltrigger lenis reactjs typescript

Last synced: 17 Nov 2024

https://github.com/minnukota381/react-portfolio

My personal portfolio website built using React.js. It showcases my projects, skills, and experience in web development.

css framer-motion github-calendar html json particlejs react react-bootstrap react-icons react-router react-router-dom threejs tsparticles typed-js

Last synced: 21 Nov 2024

https://github.com/kfirfitousi/next-portfolio

*Work in Progress* My new portfolio, built with Next.js 13 and Framer Motion

framer-motion nextjs nextjs-13 portfolio react tailwindcss typescript

Last synced: 12 Jan 2025

https://github.com/ahmadammarm/github-profile-search

My another React project which is Github user searcher with Tailwind CSS, Framer Motion, and Github's API

framer-motion github-api github-searcher react reactjs tailwind tailwind-css

Last synced: 08 Nov 2024

https://github.com/tomassestak/framer-motion-scroll-to-hook

useScrollToHook for Framer Motion animation library

custom-hook framer framer-motion hook scroll scroll-to scroll-to-top

Last synced: 12 Oct 2024

https://github.com/codehub-tn/codehub.tn

A coworking space in downtown Sousse

coworking coworking-space framer-motion nextjs reactjs

Last synced: 03 Nov 2024

https://github.com/muchisx/v1_the_tiger

Open-Source code of my personal portfolio website. Built in React.

framer-motion react styled-components vercel

Last synced: 07 Nov 2024

https://github.com/shahramshakiba/framer-motion-basic

Framer Motion | My primary objective is on utilizing "Framer Motion" to animate React Apps effectively, enhancing user engagement and interactivity on the website (🟣Framer Motion)

animations-css framer-motion

Last synced: 16 Jan 2025

https://github.com/th3wall/react-quote-generator

This is a very small project created with the purpose of learning the fundamentals of React.js starting from a simple Create React App.

create-react-app framer-motion react react-hooks

Last synced: 24 Oct 2024

https://github.com/jhonbergmann/untitled-ui

🫶 Creative interface using tailwind and radix to build components in the application.

auto-animate framer-motion lucide-react nextjs tailwindcss typescript

Last synced: 13 Jan 2025

https://github.com/iryna-vyshniak/real-time-chat-app

... in progress ... MERN Real Time Chat App | Socket.io | Group and Private Chat | Notification | Audio | Video with Progress | Video Stream| Image | Emoji | Reply | Share Location

bcryptjs cloudinary cookie-parser daisyui dotenv express framer-motion joi jsonwebtoken mongoose react react-leaflet react-media-recorder socket-io zustand

Last synced: 15 Dec 2024

https://github.com/juanescacha/portfolio

Portfolio Landing Page with React, Vite, TailwindCSS, Threejs, React Three Fiber, React Router, Emailjs, React Tilt, Framer Motion

emailjs framer-motion javascript nodejs npm portfolio react react-router react-three-drei react-three-fiber react-tilt react-vertical-timeline-component tailwindcss threejs vite

Last synced: 13 Dec 2024

https://github.com/starknightt/coffee-website

Retro Coffee Co. – A unique blend of vintage charm and futuristic coffee experiences! Explore gravity-defying brews, time-shifted tastings, and neural-enhanced aromas in this fully responsive React web app. Built with Tailwind CSS and powered by Framer Motion animations, this site delivers a smooth, engaging user experience.

coffee-website framer-motion javascript reactjs responsive tailwin vercel vercel-deployment webapp webdevelopment

Last synced: 13 Nov 2024

https://github.com/samadhi1311/petpals

PetPals is a web app designed to find and adopt homeless pets

css3 firebase framer-motion jsx react-router reactjs vite webapp

Last synced: 13 Nov 2024

https://github.com/stefanelli990/nm-photography

NM Photography is a multi-page website dedicated to showcasing professional images captured by the talented photographer, Nemanja Mohenski.

framer-motion photography-portfolio react react-icons tailwindcss vite yet-another-react-lightbox

Last synced: 14 Dec 2024

https://github.com/mohammad-mghn/owlearn

Micro service website for learning techs with chat room.

framer-motion nextjs nuxtjs react sass styled-components tailwind vue

Last synced: 25 Oct 2024

https://github.com/arthurlbo/arthurlobo.com

🧑‍💻 Personal web site built with React, Next, Typescript and Tailwindcss.

3d commitizen commitlint cypress e2e eslint framer-motion husky next14 nextjs prettier react shadcn-ui spline tabler-icons tailwindcss threejs typescript vercel

Last synced: 19 Jan 2025

https://github.com/azarahmadov/ataturk

Father of Turks, Mustafa Kemal Atatürk

framer-motion i18next reactjs typescript

Last synced: 15 Dec 2024

https://github.com/choaib-elmadi/getting-started-with-framer-motion

Getting started with Framer motion, a react library for motions and animations.

animation framer-motion javascript react

Last synced: 22 Nov 2024

https://github.com/auropick/snake-game

Smooth and nice-looking snake game. Written with React, Node, Express, Typescript

express framer-motion nodejs react tailwindcss typescript

Last synced: 08 Nov 2024

https://github.com/jeremiasvillane/snipper

A simple URL shortener created using Next.js 14, Typescript, NextAuth, Next-Themes, NextUI, Framer Motion, Headless-UI, Prisma, PostgreSQL and Tailwind CSS.

framer-motion headless-ui next-themes nextauth nextjs nextui postgresql prisma project server-actions tailwindcss typescript

Last synced: 20 Jan 2025

https://github.com/devsapta27/gdg-on-campus

GDG-ON-CAMPUS TMSL ( formerly known as GDSC TMSL) is a Tech Community under GDG Kolkata . This a website which gives you the insights why one should join GDG-ON-CAMPUS TMSL and become it's member and get the necessary perks through it.

css framer-motion frontend hacktoberfest html javascript reactjs tailwindcss

Last synced: 01 Nov 2024

https://github.com/redaezziani/animation-landing-page

landing page implemented using Next.js, Tailwind CSS, and Framer Motion

framer-motion nextjs nextjs-routing tailwindcss typescript

Last synced: 18 Nov 2024

https://github.com/alisabet81/creative-portofolio

Interactive Portfolio built with Next.js, featuring dynamic animations powered by Framer Motion, Three.js, and 3D models for an immersive user experience.

3d-models framer-motion nextjs threejs

Last synced: 23 Jan 2025

https://github.com/arindam200/hashnode-clone

This is a Front-end Clone of Hashnode

framer-motion hacktoberfest hashnode react tailwindcss

Last synced: 07 Nov 2024

https://github.com/tonilijic/react-explorations

Mono repo for all of my react explorations in combination with framer motion and tailwind ✨

framer-motion nextjs react tailwind typescript

Last synced: 12 Oct 2024

https://github.com/nuhptr/metaverse-landing-page

✅🚀 JSM Build Metaverse landing page using nextjs13 + framer motion + Tailwind CSS

framer-motion nextjs react tailwindcss

Last synced: 21 Jan 2025

https://github.com/shahnoorgit/nigus-systems-reactjs-framer-motion-showcase-for-mnc

Celebrate the culmination of innovation and expertise with the Nigus Systems project repository! This repository hosts the culmination of a groundbreaking collaboration, where we had the privilege to craft a cutting-edge website tailored exclusively for Nigus Systems,

emailjs framer-motion reactjs taiwindcss

Last synced: 03 Jan 2025

https://github.com/ukhang/number-converter

Open source number converter web. It allows you to convert numbers from one numeral system to another, such as Decimal to Binary, Binary to Decimal, and more.

framer-motion nextjs number-converter react tailwindcss vercel

Last synced: 20 Jan 2025

https://github.com/cameronking4/openai-realtime-blocks

Voice AI components using OpenAI Realtime API to copy and paste into your Nextjs projects built with TailwindCSS for building modern Voice AI application with WebRTC.

animation component-library design-engineering framer-motion nextjs openai openai-realtime-api realtime-beta shadcn tailwindcss ui ui-components ui-library vapiblocks voice-ai voice-assistant webrtc

Last synced: 20 Dec 2024

https://github.com/nathan-somto/cowrywise-landing-page

Cowrywise landing page with redesigned hero section built with React , framer-motion.

bem-css cowrywise framer-motion javascript landing-page react react-icons react-router-v6 vite

Last synced: 22 Jan 2025

https://github.com/vito-mohagheghian/owlearn

Micro service website for learning techs with chat room.

framer-motion nextjs nuxtjs react sass styled-components tailwind vue

Last synced: 04 Oct 2024

https://github.com/c-w-d-harshit/text2mdx

AI-powered tool for converting plain text to MDX. Built with Next.js, Shadcn, and OpenRouter.ai. Streamline content formatting for modern web apps. Open source and user-friendly.

framer-motion nextjs nextjs14 openai openrouter postgres prisma shadcn-ui tailwindcss

Last synced: 29 Oct 2024

https://github.com/educlopez/chefhere-ai-cohere

Generate recipes with co:here AI, passing certain parameters the prompt is completed and returns a recipe with the ingredients and steps to follow

cohere framer-motion midudev-cohere-2023 nextjs tailwindcss

Last synced: 24 Jan 2025

https://github.com/r3nanp/typeform-clone

A clone of Typeform animation using Framer-motion and React.

framer-motion react typeform-clone

Last synced: 12 Jan 2025

https://github.com/sandra-selezen/metaverse

🚀 "Metaverse" landing page using React, Next.js, Framer-motion and Tailwindcss

framer-motion nextjs react tailwindcss

Last synced: 14 Nov 2024

https://github.com/happyrao78/happy-rao

An Interactive portfolio website made using Next.JS, Tailwind, Three.JS, EmailJS. 🖥️⚙️

ai-images emailjs firebase framer-motion google-authentication nextjs reacthookform tailwindcss threejs

Last synced: 10 Dec 2024

https://github.com/benjoquilario/crud-invoice-app

D-INVOICE is used to manage invoices and allows the user to create, read, update, filter by status and delete invoices.

framer-motion react tailwind

Last synced: 02 Nov 2024

https://github.com/gowth6m/comcat-engineering

Website of Great Comcat Engineering LTD built Next.js, Tailwind CSS, MongoDB and Framer Motion.

ecommerce framer-motion gowth6m great-comcat-engineering mongodb nextjs nocxa npm reactjs tailwindcss typescript

Last synced: 24 Jan 2025

https://github.com/xsidx/math-magicians

A calculator app that performs basic arithmetic operations( +, - , / and x ) on numbers. The App also features a number of conversion options(Area, length, Mass, Volume, Time, Discount, BMI, Data and Speed).

framer-motion netlify react tailwindcss

Last synced: 20 Oct 2024

https://github.com/goktugyalcin/shiny-navbar

A navbar component built with React ⚛️ + TypeScript

component framer-motion navbar react typescript

Last synced: 10 Oct 2024

https://github.com/lordronz/lordronz-site

My personal website, built with Next.js, TypeScript and TailwindCSS

cypress framer-motion jest nextjs react tailwindcss typescript vercel

Last synced: 28 Oct 2024

https://github.com/kriptonian1/kriptonian-ui

Interaction animation library to ship beautiful UI fast

framer-motion interaction-design nextjs tailwindcss

Last synced: 11 Nov 2024

https://github.com/rudrodip/sonicrypt-webapp

Official website for Sonicrypt, a device that enhances user experience in crypto transaction in mainstream business

framer-motion nextjs nextjs14 react-three-drei react-three-fiber solana solana-web3js three-js

Last synced: 01 Dec 2024

https://github.com/mbozhik/murino

multipage website for soccer complex in Saint Petersburg

bozzhik bozzhik-is-mobile framer-motion nextjs swiper tailwindcss

Last synced: 11 Nov 2024

https://github.com/mirayatech/anime-scene-gallery

✨ Interactive anime scene gallery with hover animations and dynamic transitions.

animations anime framer-motion movie react series typescript vite

Last synced: 27 Dec 2024

https://github.com/nalsae/grow-story

🌱 Grow Story : 식물을 관리하고 나만의 정원을 꾸며 보세요 🌱

docker framer-motion gradle java mysql next react-query spring-boot tailwindcss typescript zustand

Last synced: 27 Jan 2025

https://github.com/shotmeow/iphone16-present

Recreate the Apple iPhone 16 website, combining Framer Motion animations and Three.js 3D effects.

accessibility apple framer-motion iphone nextjs react responsive swiper tailwindcss threejs web website

Last synced: 11 Jan 2025

https://github.com/basedhound/portfolio-v3_next

My Portfolio (2024), built with React and Next.js to showcases my skills. I used TypeScript for robust code, and styled it with Sass. Finally, Anime.js and Framer Motion add smooth modern animations.

animejs filter filtering framer-motion i18next next-intl nextjs nextjs13 react react18 sass scss typescript

Last synced: 09 Nov 2024

https://github.com/v4nden/contextnomultiplayer

Соревновательный режим для контекстно.рф

express framer-motion game mobx nextjs

Last synced: 08 Nov 2024

https://github.com/glamboyosa/animations

Beautiful UI components, micro-interactions & animations.

animation framer-motion tailwind

Last synced: 09 Nov 2024

https://github.com/balick/kb-restaurant

Demonstrate the use of react+tailwind by creating a recipe presentation page.

framer-motion gsap javascript reactjs scss swiper-js tailwindcss vitejs

Last synced: 22 Dec 2024

https://github.com/elskow/v1.helmyl.com

Personal page integrated with Keystatic CMS, crafted using NextJS + Rehype & Remark Plugin.

blog framer-motion keystatic mdx nextjs rehype remark

Last synced: 21 Jan 2025

https://github.com/crvouga/match-three

Implementation of a Match Three type game. Swipe around items to match three in a row.

firebase framer-motion functional-programming material-ui ramda react redux-saga

Last synced: 25 Nov 2024

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

Explore my portfolio website built with Next.js, TypeScript, React, and Framer Motion. This showcase highlights my web development skills and projects, providing insights into my expertise. Discover the power of modern web technologies in action

css framer-motion javascript nextjs react tailwindcss typescript

Last synced: 11 Jan 2025

https://github.com/pleasurecruise/git-star-center

个人GitHub项目互助社区！互star、互fork、互watch、互follow！让好的项目容易发现，让你的项目不再孤单

axios eslint framer-motion lucide magicui radix-ui react react-hook-form react-router-dom shadcn-ui tailwindcss zustand zustand-persist

Last synced: 08 Jan 2025

https://github.com/vijaymakkad/portfolio-react

This is my new portfolio website.

framer-motion reactjs scss-modules vite

Last synced: 06 Nov 2024

https://github.com/snoopycodex/my-nextjs-portfolio

My updated portfolio made using NextJS, ReactJS, Framer Motion and TailwindCSS

app-router-nextjs framer-motion nextjs13 react react-email resend-email server-actions tailwindcss typescript vercel-deployment

Last synced: 23 Nov 2024

https://github.com/ivan-corporation/komverter

Convert Youtube video to soundtracks 🎧 Web version - mp3🎸, Desktop verison - mp3/mp4🎻

cors electron electron-builder express ffmpeg framer-motion heroku-deployment mui react react-toastify repository-metrics slugify youtube-api ytdl

Last synced: 18 Nov 2024

https://github.com/chanmeng666/friendscope

A modern web application for evaluating and strengthening friendships through scientific assessment and personalized insights. Built with Next.js and TypeScript, offering sophisticated visualizations, privacy-focused design, and evidence-based recommendations.

assessment data-visualization framer-motion friendship friendship-assessment lottie-animations nextjs privacy-focused psychology react recharts relationship-analysis responsive-design scientific-assessment shadcn shadcn-ui tailwindcss typescript zustand

Last synced: 18 Dec 2024

https://github.com/inna-mykytiuk/confetti

Welcome to Confetti, where we specialize in crafting unique and exceptional balloon decorations for all your special events.

css css-animations css-grid framer-motion next next-14 react-carousel react-scroll react-toastify

Last synced: 06 Nov 2024

https://github.com/joshwrn/portfolio

my old portfolio site from 2021

framer-motion portfolio react reactjs styled-components threejs

Last synced: 20 Nov 2024

https://github.com/sameerkali/fit-hub

FitHub is a straightforward and visually appealing landing page specifically crafted for gyms and fitness centers. It offers a pristine and efficient online representation, aiming to allure prospective clientele and exhibit the comprehensive range of amenities and services provided by the gym.

framer-motion free-tamplate gym happycoding opensource react typescript

Last synced: 21 Jan 2025

https://github.com/gabrielborges2000/portfolio

Esté é o meu portfólio, desenvolvido para mostrar meus projetos, apresentar minhas habilidades e mostrar um pouco de como eu trabalho com a tecnologia. Espero que goste!

framer-motion nextjs tailwindcss typescript

Last synced: 17 Dec 2024

https://github.com/goktugyalcin/next-portfolio-sample

A portfolio which built with Typescript and Next

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

Last synced: 05 Dec 2024

https://github.com/shohan-pherones/elysian-feeds-client

Welcome to the client-side repository for Elysian Feeds, a charitable initiative website dedicated to making a positive impact on communities worldwide. This repository contains the frontend code responsible for providing a seamless user experience and facilitating user interactions with the platform.

axios bcrypt express framer-motion jwt mongodb mongoose nextjs nodejs react recharts redux-toolkit swr tailwindcss typescript validator

Last synced: 18 Dec 2024

https://github.com/iryna-vyshniak/travel_app

⛺ The simple travel app is tailored for vacationers seeking unique camping experiences in various picturesque destinations.

framer-motion leaflet next14 typescript

Last synced: 15 Dec 2024

https://github.com/ibaliqbal/mclass

A simple learning managament system (LMS) web, built with Next Js for web framework, TailwindCSS for styling, Uploadthing for file uploads, Drizzle ORM for orm sql databases, and supabase for database host

drizzle-kit drizzle-orm framer-motion learningmanagementsystem next-themes nextapprouter nextjs nextjs14 shadcn-ui supabase tailwindcss uploadthing

Last synced: 03 Nov 2024

https://github.com/galembeck/astra-ai-builder

This project is an AI-powered website builder landing page that allows users to create fully functional websites with minimal effort.

animations framer-motion nextjs react shadcn shadcn-ui shadcnui tailwind tailwind-css tailwindcss

Last synced: 10 Oct 2024

https://github.com/sammyleths/fe-capstone

This restaurant website has a dinning reservation / booking feature that allows customers to book a table ahead of visiting.

formik framer-motion javascript react sass yup

Last synced: 16 Nov 2024

https://github.com/lucassantus/next-auth-credentials

:blue_book: simple authentication template using next14 + next auth + typescript.

framer-motion next-auth next-themes next14 prisma shadcn-ui tailwindcss typescript

Last synced: 07 Nov 2024

Framer Motion Awesome Lists
Framer Motion Categories