The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning. Learn more →
Top 23 TypeScript framer-motion Projects
-
react-modal-sheet
Flexible bottom sheet component built with Framer Motion to provide buttery smooth UX while keeping accessibility in mind 🪐
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
twitter-clone
Twitter clone built in Next.js + TypeScript + Tailwind CSS using Cloud Firestore and Storage (by ccrsxx)
-
nextjs-woocommerce
🔥 Next.js (React) headless eCommerce site with Typescript, WordPress (WooCommerce) backend and Algolia search
-
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).
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
-
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.
-
UpCoders
With a strong focus on the ever-evolving field of technology, Upcoders offers a dynamic and collaborative space where both IT freelancers and clients can thrive. Clients can easily connect with experienced IT freelancers who possess the skills and knowledge needed to bring their projects to life.
-
nextjs-ecommerce
A modern e-commerce example built with Next.js, TypeScript, and Tailwind CSS. Currently migrating to App Router and from Strapi to Shopify. (by ozgurgokdemir)
-
tekoy
It is a public group chat and discussion app inspired by Twitter Space, Club House, Reddit Talk, and Discord Chat. In this web-app users can participate and host public/private rooms for chatting/discussion.
-
quote-factory
A random quote app created with React and Framer Motion for the first project of the Front End Development Libraries Curriculum of FreeCodeCamp.
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
I don't have any courses Al though you can check this out https://github.com/w3bdesign/nextjs-woocommerce
but it's not as extensible. I know GTK uses JS and CSS but I'm not talking about that.
I'm talking about something made purely in HTML + CSS + JS. Something like this: https://gianlucajahn.github.io/macOS-react/
If only these could support native Linux apps somehow (through a WM).
Project mention: Hi, I've decided to make my SAAS project open source. It will help mid-level developers in accelerating their learning | /r/reactjs | 2023-10-04
my website github repository
💡 You can find the code in this post on GitHub.
Note: For more information, you can check the project's GitHub repository and CodeSandbox.
TypeScript framer-motion related posts
- Hi, I've decided to make my SAAS project open source. It will help mid-level developers in accelerating their learning
- Hi, I've decided to make my SAAS project open source. It will help mid-level developers in accelerating their learning
- Applying For Internships and Getting Ghosted. Need Resume Advice!
- ## Frontend with Google Sign in + Token
- Introducing Precedent – Building blocks for Next.js
- Precedent – Building Blocks for Next.js
- Precedent – Building Blocks for Next.js
-
A note from our sponsor - WorkOS
workos.com | 28 Apr 2024
Index
What are some of the best open-source framer-motion projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | precedent | 4,483 |
2 | react-modal-sheet | 730 |
3 | twitter-clone | 692 |
4 | nextjs-woocommerce | 423 |
5 | macOS-react | 93 |
6 | portfolio | 92 |
7 | spring-easing | 57 |
8 | toonks-game | 34 |
9 | aycan.dev | 32 |
10 | notebook | 26 |
11 | teo-nextjs-portfolio | 22 |
12 | card-portfolio | 20 |
13 | Portfolio | 18 |
14 | pokenex | 17 |
15 | UpCoders | 13 |
16 | the-portfolio | 8 |
17 | memory-game | 8 |
18 | qwik-react-framer-motion | 5 |
19 | nextjs-ecommerce | 4 |
20 | tekoy | 4 |
21 | quote-factory | 3 |
22 | Portfolio | 3 |
23 | frameflow-frontend | 2 |
Sponsored