InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now. Learn more →
Top 23 TypeScript framer-motion Projects
-
-
SurveyJS
SurveyJS: Build JSON-Driven Surveys and Forms with Full Data Control. Add the SurveyJS UI components to your JS app (React/Angular/Vue3). Securely collect and analyze data without sending it to 3rd-party servers. Fully customizable, works with any backend, and ideal for data-heavy apps. Learn more.
-
-
uilayouts
🔥100+ Free beautifull interactive react/nextjs component based on tailwindcss, framer-motion, gsap etc
Project mention: 🚀 The Ultimate List of 27 Frontend Libraries for Creative Developers | dev.to | 2025-01-28🛠️ What it does: Offers pre-built, responsive layout solutions for common web design patterns ✨ Why it's awesome: Saves significant time on layout implementation with proven patterns 🎯 Use it for: Quickly implementing complex, responsive layouts 🔗 Link: UI Layouts
-
kokonutui
Open-source collection of stunning Components built with Tailwind CSS, shadcn/ui and Motion to use on your websites
- Components can be installed easily with shadcn cli
Github: https://github.com/kokonut-labs/kokonutui
-
-
react-modal-sheet
Flexible bottom sheet component built with Motion to provide buttery smooth UX while keeping accessibility in mind 🪐
-
-
Stream
Stream - Scalable APIs for Chat, Feeds, Moderation, & Video. Stream helps developers build engaging apps that scale to millions with performant and flexible Chat, Feeds, Moderation, and Video APIs and SDKs powered by a global edge network and enterprise-grade infrastructure.
-
twitter-clone
Twitter clone built in Next.js + TypeScript + Tailwind CSS using Cloud Firestore and Storage (by ccrsxx)
-
mvpblocks
MVPBlocks is an open-source component library for developers to copy, customize, and launch MVPs lightning-fast—no installations, just pure productivity.
-
nextjs-woocommerce
🔥 Next.js (React) headless eCommerce site with Typescript, WordPress (WooCommerce) backend and Algolia search
- Project mention: Framer Ground: Copy-Paste Animation Components for React/Next.js | dev.to | 2025-11-19
👉 GitHub Repo
-
nextjs-animated-slider
Stunning animated slider website built using Next.js, Framer Motion, and Tailwind CSS.
-
ui/beats
Level up your UI development with reusable components from UI Beats, crafted with React, Typescript, Tailwind CSS, and Framer Motion.
-
-
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.
-
Portfolio
My personal portfolio website built using Next.js, Tailwind CSS and Framer-motion. (by Skolaczk)
https://michalskolak.vercel.app/ https://github.com/Skolaczk/Portfolio
-
portfolio
My personal portfolio to show my skills, experience, and articles I published. (by MA-Ahmad)
-
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).
-
toonks-game
TOONKS is a 3D Multiplayer Game where you can play a tiny tank against your friends. You can play on your browser without any installation.
-
-
-
-
motion-provider
Animate everything in your react web app, code in 1 minute, test in 5 second, make the web better.
✅For Github repo please click here
-
InfluxDB
InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.
NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020).
TypeScript framer-motion discussion
TypeScript framer-motion related posts
-
Top React Component Libraries for Faster UI Development
-
🚀 The Ultimate List of 27 Frontend Libraries for Creative Developers
-
Someone built this Flexbox Playground with Animations
-
15 Re-usable ui component libraries with Framer Motion
-
Framer Motion + React: A Complete Beginner's Guide 2024
-
Top 5 Coolest shadcn/ui Extensions
-
Hi, I've decided to make my SAAS project open source. It will help mid-level developers in accelerating their learning
- A note from our sponsor - InfluxDB www.influxdata.com | 22 Dec 2025
Index
What are some of the best open-source framer-motion projects in TypeScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | precedent | 5,057 |
| 2 | Flexbox-Labs | 3,828 |
| 3 | uilayouts | 2,789 |
| 4 | kokonutui | 1,527 |
| 5 | onborda | 1,318 |
| 6 | react-modal-sheet | 1,091 |
| 7 | MotionVariants | 993 |
| 8 | twitter-clone | 917 |
| 9 | mvpblocks | 788 |
| 10 | nextjs-woocommerce | 574 |
| 11 | Framer-ground | 426 |
| 12 | nextjs-animated-slider | 354 |
| 13 | ui/beats | 218 |
| 14 | macOS-react | 139 |
| 15 | openai-realtime-blocks | 107 |
| 16 | Portfolio | 102 |
| 17 | portfolio | 93 |
| 18 | spring-easing | 76 |
| 19 | toonks-game | 41 |
| 20 | aycan.dev | 38 |
| 21 | notebook | 30 |
| 22 | parrot_ui | 28 |
| 23 | motion-provider | 28 |
Sponsored
SurveyJS: Build JSON-Driven Surveys and Forms with Full Data Control
Add the SurveyJS UI components to your JS app (React/Angular/Vue3). Securely collect and analyze data without sending it to 3rd-party servers. Fully customizable, works with any backend, and ideal for data-heavy apps. Learn more.
surveyjs.io