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/mickasmt/next-mobbin-clone

Replicate the design of mobbin.com to test the news components of shadcn-ui. #builtinpublic

framer-motion nextjs14 shadcn-ui tailwindcss

Last synced: 10 Oct 2024

https://github.com/jiangbo2015/framer-motion-carousel

framer-motion carousel, simple & easy to use

carousel framer-motion react-carousel

Last synced: 24 Jan 2025

https://github.com/Edil-ozi/edil-ozi

Component Library for Developers. Open Source components you can copy and paste to your apps.

aceternity components framer-motion gsap nextjs14 react shadcn tailwind typescript

Last synced: 29 Oct 2024

https://github.com/ccrsxx/portofolio

My personal website built with Next.js, Tailwind CSS, Firestore, and Vercel

blog firebase framer-motion headless-ui mdx next-auth nextjs nodemailer portofolio shiki swr tailwindcss tanstack-table typescript

Last synced: 22 Jan 2025

https://github.com/sashenjayathilaka/discord-clone

Discord 2.0 with REACT.JS! (Next.js, NextAuth.js v4.17.0, Tailwind CSS, Typescript, Server create, Firebase v9, Image Uploading, Google Authentication, 1-1 Messaging, Real Time Messenger )

discord-clone faker-js firebase-version9 framer-motion google-authentication learn lodashjs moments next-auth next-js-app react-dom- react-hot-toast react-icon react-js react-spinner-loader real-time-message tailwind-css tailwind-scrollbar-hide typescipt vercel

Last synced: 05 Jan 2025

https://github.com/rishibakshii/mern-chat

Mern Chat (Baatchit) end-to-end-encrypted realtime chat application with features like message reactions, typing-indicators, friend request, last seen, file/gif sharing, edit/delete messages, polling, group chats, user active status, push notifications, pwa, private key recovery, google-auth, otp-verification

aggregate-pipelines chat-app cloudinary debouncing docker-compose end-to-end-encryption firebase-push-notifications framer-motion google-auth mern-chat passport-js react-hook-form realtime redux-toolkit rtk-query socket-io tailwind typescript web-crypto-api zod

Last synced: 22 Jan 2025

https://github.com/rishibakshii/mern-chat-e2ee

Baatchit (MERN CHAT) end-to-end-encrypted realtime chat application with features like message reactions, typing-indicators, friend request, last seen, file/gif sharing, edit/delete messages, polling, group chats, user active status, push notifications, pwa, private key recovery, google-auth, otp-verification

aggregate-pipelines chat-app cloudinary debouncing docker-compose end-to-end-encryption firebase-push-notifications framer-motion google-auth mern-chat passport-js react-hook-form realtime redux-toolkit rtk-query socket-io tailwind typescript web-crypto-api zod

Last synced: 27 Nov 2024

https://github.com/x7ci/site_project

My personal website built with React, TypeScript & styled using Stitches.

echarts framer-motion nextjs personal-website react reactjs stitches typescript

Last synced: 10 Oct 2024

https://github.com/depromeet/ygtang-client

⚡️영감탱 - 빛나는 아이디어를 모아드려요

emotion framer-motion nextjs recoil tanstack-query typescript

Last synced: 09 Oct 2024

https://github.com/alvalens/alvalens-porto-2-nextjs

My second personal portfolio website created using nextJs and animated using fullpage js and motion framer. Can be used as a template for other GitHub users.

framer-motion fullpage-js javascript nextjs nextjs-app-router nextjs-portfolio-template portfolio portfolio-nextjs portfolio-template portfolio-website portofolio-website

Last synced: 21 Jan 2025

https://github.com/breadadams/scroller-motion

🛹 Elegant motion scrolling for React

framer-motion motion react scroll smooth-scroll

Last synced: 26 Jan 2025

https://github.com/sashenjayathilaka/netflix-clone

NETFLIX 2.0 with NEXT.JS!(Next.js, NextAuth.js v4, Tailwind CSS, framer-motion, TMDB Api, Google Authentication, primary information about a movies, Users can Add Bookmark in favorite actors and movies)

firestore framer-motion google-authentication learn netflix-clone netify next-auth next-fonts next-js react-dom react-icons react-js react-player server-side-rendering student-vscode tailwind-css tailwind-scrollbar tailwind-scrollbar-hide tmdb-api typescript

Last synced: 21 Jan 2025

https://github.com/okikio/spring-easing

Quick and easy spring animation. Works with other animation libraries (gsap, animejs, framer motion, motion one, @okikio/animate, etc...) or the Web Animation API (WAAPI).

animation animejs easing framer-motion motion-one spring spring-easing typescript waapi web-animations-api

Last synced: 10 Oct 2024

https://github.com/engageintellect/cook

An ultra-modern, visually-rich, bento ui using Next.js, PocketBase, shadcd/ui, tailwind css, magic-ui, and zod.

framer-motion linux magic-ui next nextjs nextjs14 pocketbase radix-ui react shadcn-ui tailwind typescript ubuntu umami-analytics vercel zod

Last synced: 26 Jan 2025

https://github.com/shiftwalk/shiftwalk-nextjs-starter

A simple Next.js starter kit with TailwindCSS (JIT) and Framer Motion preconfigured. Optional feature branches for Locomotive Scroll, Sanity and Dato configuration coming soon...

framer-motion locomotive-scroll nextjs react tailwind tailwindcss

Last synced: 10 Oct 2024

https://github.com/sashenjayathilaka/amazon-clone

Amazon 2.0 with NEXT.JS! (ReactJS, Webhooks, complete Stripe Payments Checkout, Cloud Firestore database, NextAuth, Redux, Google Authentication, Add to Basket Functionality, Tailwind CSS)

axios firebase firebase-admin framer-motion google-authentication javascript micro moment next-auth next-js react-currency-formatter react-hot-toast react-responsive-carousel reactjs redux stripe-js stripe-payments tailwind-css vercel-deployment webhook

Last synced: 21 Jan 2025

https://github.com/sashenjayathilaka/messenger-clone

Messenger Clone: Next.js 13, React, Tailwind, Prisma, MongoDB, NextAuth, Pusher, (Message notifications and alerts, Tailwind animations and transition effects, File and image upload using Cloudinary CDN, File and image upload using Cloudinary CDN, Group chats and one-on-one messaging)

axios bcrypt clsx date-fns framer-motion headlessui-react lodash mongodb next-auth next-cloudinary next-js-13 next-superjson-plugin prisma pusher react-hook-form react-icons react-select tailwind-css typescript vercel

Last synced: 05 Jan 2025

https://github.com/pekkiriscim/bookmarks

Yer işaretlerinizi paylaşın, yeni içerikleri keşfedin ve daha önce hiç olmadığı kadar ilham dolu olun!

bookmark bookmarks firebase firebase-auth firebase-realtime-database framer-motion javascript react tailwind tailwindcss vite web web-application webapp

Last synced: 10 Oct 2024

https://github.com/eduardconstantin/react-motion-components

React Motion Components is my own collection of reusable UI components animated with framer-motion.

challenge components framer-motion reactjs storybook vite

Last synced: 24 Jan 2025

https://github.com/teambooktez/booktez-client

📚진짜 독서가들의 독서법 - 북스테어즈 (React)

beta-release book-stairs framer-motion react recoil styled-components swr typescript

Last synced: 10 Oct 2024

https://github.com/etesam913/dragify

:sparkles: An application that can be used to create a custom startpage through interactive tools like drag and drop

css framer-motion js newtab newtab-page react startpage startpages styled-components

Last synced: 10 Oct 2024

https://github.com/sudeepmahato16/movie-app

A Simple Movie Application built with React JS, Typescript and Tailwind CSS which allows user to search and view the trailer of both movies and TV series.

framer-motion movie-app react react-movie-app reactjs redux-toolkit responsive-design rtk-query swiper tailwindcss tmdb-api typescript vite

Last synced: 23 Jan 2025

https://github.com/berthutapea/react-shopify-landing

Shopify Landing (Open source landing page shopify application)

framer-motion react react-icons react-vite reacthooks swiper tailwind-css

Last synced: 10 Oct 2024

https://github.com/HakkaOfDev/ts-next-chakra-motion-kit

Starter kit with Next.js, Chakra-UI, Framer-Motion in Typescript. Internationalization, SEO, Components, Theme (dark/light) and more...

chakra chakra-ui framer-motion i18next internationalization nextjs nextjs-starter seo seo-optimization starter-kit template typescript typescript-boilerplate

Last synced: 30 Nov 2024

https://github.com/sashenjayathilaka/imessage-clone

Realtime Chat App (iMessage Clone) with NextJS, GraphQL, NodeJS, MongoDB, Prisma, TypeScript, NextAuth.js, Google Authentication, Chakra UI, (1-1 Messaging, Real Time Messaging, Creating chat conversation, joining chat conversation, Leaving chat conversation)

apollo-client apollo-server body-parser chakra-ui-react cors dotenv express framer-motion graphql graphql-subscriptions graphql-tag graphql-tools graphql-ws lodash-merge next-auth-adapter next-js prisma react-hot-toast react-js typescript

Last synced: 21 Jan 2025

https://github.com/hakkaofdev/ts-next-chakra-motion-kit

Starter kit with Next.js, Chakra-UI, Framer-Motion in Typescript. Internationalization, SEO, Components, Theme (dark/light) and more...

chakra chakra-ui framer-motion i18next internationalization nextjs nextjs-starter seo seo-optimization starter-kit template typescript typescript-boilerplate

Last synced: 10 Oct 2024

https://github.com/santdas36/amazon-ish

Amazon clone with a modern UI, complete E-Commerce functionality and User Authentication.

context-api firebase framer-motion react-router reactjs stripe-api

Last synced: 17 Jan 2025

https://github.com/sashenjayathilaka/facebook-clone

Facebook 2.0 with REACT.JS! (Next.js, Tailwind CSS, Image Uploading, Facebook Authentication, Google Authentication, Dark Mode & Light Mode, Facebook Profile)

dark-mode-switcher facebook-authentication faker-js firestore framer-motion google-authentication learn lodash moment mui mui-icons nextjs react react-firebase-hooks react-hot-toast tailwind-css tailwind-scrollbar tailwind-scrollbar-hide typescript vercel-deployment

Last synced: 05 Jan 2025

https://github.com/andremov/framer-motion-ticker

A simple ticker made with framer-motion. Infinitely and seamlessly scroll through elements.

carousel component framer framer-motion gallery image-gallery motion react ticker

Last synced: 10 Oct 2024

https://github.com/sylvaincodes/fractal

A full frontend course to become a Nextjs frontend Developer in 2024 ( Beginner friendly )

api clerkauth code cypress figma framer-motion jest quality-assurance react react-testing-library redux-toolkit shadcn-ui stripe vercel-deployment

Last synced: 24 Jan 2025

https://github.com/just214/gatsby-starter-typescript-deluxe

A Gatsby starter with TypeScript, Storybook, Styled Components, Framer Motion, Jest, and more.

eslint framer-motion gatsby react storybook styled-components tslint typescript

Last synced: 20 Jan 2025

https://github.com/chnirt/react-sendbird-messenger

ReactJS (React-router-dom v6 + Antdesign + Firebase + Sendbird + Sentry) codebase containing real world examples (CRUD, auth, advanced patterns, etc).

antdesign circleci cra filter firebase framer-motion githubci husky i18next react react-hooks react-router-dom-v6 sendbird sentry ssl

Last synced: 10 Oct 2024

https://github.com/The24thDS/vite-reactts18-chakra-jest-husky

ReactJS 18 starter template using Vite, Typescript, Jest, ESLint, Prettier, Chakra UI

chakra-ui eslint framer-motion husky jest prettier react17 reactjs testing-library-react typescript

Last synced: 26 Oct 2024

https://github.com/davitjabushanuri/chirp

A full-stack Twitter clone built with Next.js, Tanstack Query, Prisma, PostgreSQL, and Supabase

docker framer-motion nextauth nextjs prisma-orm react scss socket-io tailwindcss tanstack-query typescript upstash-redis zod zustand

Last synced: 14 Oct 2024

https://github.com/the24thds/vite-reactts18-chakra-jest-husky

ReactJS 18 starter template using Vite, Typescript, Jest, ESLint, Prettier, Chakra UI

chakra-ui eslint framer-motion husky jest prettier react17 reactjs testing-library-react typescript

Last synced: 10 Oct 2024

https://github.com/sashenjayathilaka/photo-sharing-application

Full Stack Photo Sharing Application with React Js (like as pinterest) (Google Authentication, create, edit, delete and save posts and comment on other people's posts, search and filter images)

firebase framer-motion google-authentication javascript learn netlify-deployment react react-dom react-firebase-hooks react-hot-toast react-icons react-loader-spinner react-masonry-css react-router-dom-v6 react-scripts sanity-client sanity-io tailwindcss uuid-generator web-vitals

Last synced: 05 Jan 2025

https://github.com/sylvaincodes/youtube_ecommerce

A full ecomerce project built with nextjs for education on youtube

framer-motion mongodb nextjs react redux redux-toolkit tailwindcss typescript

Last synced: 26 Jan 2025

https://github.com/berthutapea/berthutapea-portfolio

Gilbert Hutapea | Portfolio ( MERN Stack Developer | Fullstack Developer | Frontend Developer | Web Developer )

daisyui emailjs framer-motion javascript portfolio portfolio-website react react-icons react-type-animation reactjs tailwindcss

Last synced: 15 Oct 2024

https://github.com/riipandi/next-start

A starter for Next.js with Tailwind CSS and Typescript. Pre-configured with absolute import some goodies.

framer-motion nextjs nextjs-starter nextjs-template reactjs tailwindcss tailwindui

Last synced: 01 Nov 2024

https://github.com/codestates-seb/seb45_main_011

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

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

Last synced: 14 Oct 2024

https://github.com/0xaquawolf/portfolio

Personal Portfolio and Blog, built with Next.js, TailwindCSS, Shadcn/ui, Aceternity/ui, Framer Motion

aceternity-ui blog bunjs claude-ai cursor developer-blog developer-portfolio framer-motion nextjs14 portfolio portfolio-website reactjs shadcn-ui taliwindcss typescript

Last synced: 10 Oct 2024

https://github.com/berthutapea/msnproduction.com

MSN PRODUCTION is a company that provides services for creating websites, mobile applications, branding & creative content, as well as internet marketing & advertising according to your business needs at low prices with luxurious quality.

company-profile css daisyui emailjs framer-motion javascript leaflet react react-icons react-leaflet react-slick react-type-animation tailwindcss

Last synced: 01 Nov 2024

https://github.com/evavic44/rocketmeme

⚡ A multipurpose meme marketplace and editor for creating, downloading and sharing memes with a ready to use API powered by Hasura GraphQL

framer-motion hackathon hacktoberfest hasura hasura-graphql javascript meme-api meme-generator memes nodejs react reactjs styled-components utterances vitejs

Last synced: 09 Nov 2024

https://github.com/SikandarJODD/startup-template

Start Up Template Inspired from Magic UI

framer-motion start-up svelte template

Last synced: 28 Nov 2024

https://github.com/deep-codes/framer-tinder-cards

✨ Implementation of Tinder cards with Framer Motion

animation framer-motion nextjs tinder tinder-swipe tinder-ui

Last synced: 22 Dec 2024

https://github.com/mirayatech/macos-big-sur-clone

🍏 MacOS Big Sur UI clone for the web built with React, TypeScript, and Styled-Components.

bigsur bigsur-clone framer-motion macos macos-clone react styled-components typescript ui ux zustand

Last synced: 14 Oct 2024

https://github.com/joserfelix/page-transition-tutorial

Simple examples of how to use Framer Motion for page transitions.

create-react-app framer-motion gatsby nextjs react

Last synced: 12 Nov 2024

https://github.com/skolaczk/portfolio

My personal portfolio website built using Next.js, Tailwind CSS and Framer-motion.

framer-motion next resend tailwindcss

Last synced: 28 Oct 2024

https://github.com/driaug/animated-counter

Animated counter component for React, built with Framer Motion and Typescript.

framer-motion react

Last synced: 27 Oct 2024

https://github.com/sanyampunia/portfolio

✨ My portfolio website made using Next.js, hygraph, Tailwind CSS, Framer Motion & Vercel

framer-motion graphql hygraph nextjs tailwindcss vercel

Last synced: 17 Dec 2024

https://github.com/ezeparziale/quark

:milky_way: Quark is your template for Next.js to create tools faster.

framer-motion nextjs postgresql prisma-orm radix-ui shadcn-ui swr tailwindcss typescript

Last synced: 20 Jan 2025

https://github.com/ysj151215/big-sur-dock

Build a macOS Big Sur style dock with Framer Motion.

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

Last synced: 21 Jan 2025

https://github.com/codebucks27/wibe-studio-starter-files

Build a stunning Fashion Studio Website Landing page with React JS. This website is created using locomotive-scroll for smooth scrolling. Also, GSAP and Framer-Motion for some custom animations and effects. You can learn to make this website by visiting the tutorial link from the description.

fashion framer-motion gsap gsap-scrolltrigger landing-page locomotive-scroll portfolio portfolio-project react reactjs styled-components website website-template

Last synced: 08 Nov 2024

https://github.com/laurabeatris/next-motion

page transitions with nextjs and framer motion api

css framer-motion javascript nextjs react zeit

Last synced: 27 Oct 2024

https://github.com/mirayatech/drag-track

📂 DragTrack is a simple Kanban board that allows you to drag and drop tasks between columns.

dnd-kit framer-motion kanban react tailwind typescript ui ux vite

Last synced: 18 Nov 2024

https://github.com/exslym/3d-ai-project

AI-Powered 3D-model customization app (DALL-E 2) on React, Framer Motion, ThreeJS and TailwindCSS

dall-e framer-motion gh-pages openai react react-three-drei react-three-fiber sass tailwindcss threejs valtio vite-plugin-image-optimizer vitejs

Last synced: 14 Nov 2024

https://github.com/sikandarjodd/startup-template

Start Up Template Inspired from Magic UI

framer-motion start-up svelte template

Last synced: 27 Oct 2024

https://github.com/devwithzain/ochi-website-clone

Ochi website clone created with Next JS, React JS, TypeScript, Tailwind CSS, Framer Motion, GSAP and Locomotive Scroll

framer-motion gsap locomotive-scroll lucide-icons nextjs react-intersection-observer reactjs tailwindcss typescript

Last synced: 12 Jan 2025

https://github.com/anuraghazra/facebook-reaction-animation

Facebook Reaction Animation made with React and FramerMotion.

facebook framer-motion react reactjs web-animation

Last synced: 27 Oct 2024

https://github.com/MA-Ahmad/notebook

Make notes for your daily work.

blurhash chakra-ui framer-motion hook-form react typescript

Last synced: 28 Oct 2024

https://github.com/ma-ahmad/notebook

Make notes for your daily work.

blurhash chakra-ui framer-motion hook-form react typescript

Last synced: 07 Nov 2024

https://github.com/anuraghazra/react-stripe-dropdown

React Stripe Inspired Dropdown

dropdown framer-motion react

Last synced: 27 Oct 2024

https://github.com/ChrisAbdo/Portfolio

A beautifully crafted portfolio made with Next.js, TailwindCSS, and Framer Motion

framer framer-motion javascript nextjs portfolio radix-ui react shadcn-ui tailwindcss template typescript

Last synced: 30 Nov 2024

https://github.com/hamzaoutdoors/corona-tracker__react-capstone

A SPA web application for checking and tracking COVID 19 around the world using React and Redux . The web app will have several pages

api bootstrap covid-19 covid19-data covid19-tracker framer-motion jest react react-redux redux testing-library-react

Last synced: 23 Jan 2025

https://github.com/israelmitolu/digitaly

Digital Marketing Agency Landing Page

framer-motion reactjs tailwindcss vite vitejs

Last synced: 02 Nov 2024

https://github.com/alexjedi/magnetic-wrapper

Magnetic Effect component, wrapper for code project and override for Framer

animation button effects framer framer-motion magnetic

Last synced: 14 Nov 2024

https://github.com/leniolabs/lenio-research

The Leniolabs Research Team creates beautiful interactive visualizations of trending topics

data-visualization framer-motion nextjs react

Last synced: 19 Nov 2024

https://github.com/jhojanggarcia/motion-bees

Minimalist buttons with eye-catching effects for your next project. ✨

button framer-motion

Last synced: 12 Oct 2024

https://github.com/Leniolabs/lenio-research

The Leniolabs Research Team creates beautiful interactive visualizations of trending topics

data-visualization framer-motion nextjs react

Last synced: 01 Nov 2024

https://github.com/kishorkrishnak/animebliss

a beautiful anime streaming website

anime-streaming axios context-api framer-motion hls reactjs vime

Last synced: 18 Dec 2024

https://github.com/bitttttten/mechanical-counter

A mechanical counter as seen on Robinhood. Recreated with framer-motion for react.

counter framer framer-motion mechanical react robinhood

Last synced: 19 Oct 2024

https://github.com/panacloud-modern-global-apps/ui-design-trends

Learning to implement latest UI design trends with React, Next.js, Chakra UI, Framer Motion, Scrollama, and other libraries.

chakra-ui framer-motion nextjs react scrollama

Last synced: 12 Nov 2024

https://github.com/randilt/react-dev-portfolio

🚀 React developer portfolio template. I'm currently trying to use framer motion to animate components 🌐✨

framer-motion netlify portfolio portfolio-template reactjs

Last synced: 09 Nov 2024

https://github.com/mahmudhmh/3dshirty-threejs-dall.e

This project aims to build a visually engaging website that showcases 3D graphics of t-shirt models using the power of ThreeJS and React.

dalle expressjs framer-motion javascript mongodb nodejs openai-api reactjs tailwindcss threejs

Last synced: 12 Jan 2025

https://github.com/Liinkiing/klee

A personnal UI library made as an excuse to have a published UI package

chromatic emotion framer-motion genshin-impact library package react storybook styled-system ui ui-kit

Last synced: 22 Nov 2024

https://github.com/bundui/shadcn-ui-kit-free

Shadcn UI Kit is a comprehensive collection of ready-to-use admin dashboards, website templates, and customizable components. This is a free version. Use the link to get PRO.

admin admin-dashboard components framer-motion javascript next nextjs14 react shadcn-ui tailwindcss typescript uikit

Last synced: 08 Dec 2024

https://github.com/richawo/framer-motion-cheatsheet

This Framer Motion Cheatsheet is a Next.js project that demonstrates the usage of Framer Motion for creating animations. Framer Motion is a powerful library for creating smooth and interactive animations in React applications.

animations framer-motion nextjs react

Last synced: 08 Nov 2024

https://github.com/chrisabdo/portfolio

A beautifully crafted portfolio made with Next.js, TailwindCSS, and Framer Motion

framer framer-motion javascript nextjs portfolio radix-ui react shadcn-ui tailwindcss template typescript

Last synced: 05 Nov 2024

https://github.com/greengem/nextjs-kanban

Full stack Trello clone in Next.js. Unlimited boards/columns/tasks, share boards with other users, loads of add-ons, 17 colour themes, custom backgrounds from unsplash and so much more!

authjs framer-motion nextjs14 prisma project-management rhf trello-clone zod

Last synced: 08 Nov 2024

https://github.com/w3bdesign/dfweb-v3

🏡 DFWeb personal portfolio version 3 with Next.js, Sanity.io, Framer Motion, Storybook, Tailwind CSS, Cypress, Playwright and more. 98% test coverage.

chromatic circleci cypress framer-motion jest nextjs playwright portfolio react sanity storybook tailwind typescript

Last synced: 27 Oct 2024

Framer Motion Awesome Lists
Framer Motion Categories