Top 10 TypeScript Composable Projects

Directus

208 25,357 9.9 TypeScript

The Modern Data Stack 🐰 — Directus is an instant REST+GraphQL API and intuitive no-code data collaboration app for any SQL database.

Project mention: How to Deploy Directus as a Backend-as-a-Service (BaaS) on Koyeb | dev.to | 2024-04-25

Directus is an open data platform built to serve as a headless CMS, API, or Backend-as-a-Service (BaaS) for other applications. It is designed to make data accessible to people of all technical levels and to make it easy to build data-centric applications. Directus is extensible and can be integrated with many different frontend technologies to create stable, well-structured development and user experiences.

Medusa

220 22,892 9.9 TypeScript

Building blocks for digital commerce

Project mention: How to build an eCommerce website and integrating Email notification only using open source tools | dev.to | 2024-02-01

You can learn more about Medusa by checking their GitHub repository.

SurveyJS

surveyjs.io sponsored

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.
vueuse

86 18,676 9.5 TypeScript

Collection of essential Vue Composition Utilities for Vue 2 and 3

Project mention: Ask HN: Learn React or Vue? | news.ycombinator.com | 2024-01-15

My opinion: Vue, specifically the Vue 3 Composition API. Most of your app state should come from computed() values. Bookmark https://vueuse.org and come back to it often. Go through VueUse's source (the docs for each function link to their source): you'll be surprised at how simple most of it is, and it stands as documentation of best practices for using the composition API in general.

motion

1 2,044 7.4 TypeScript

🤹 Vue Composables putting your components in motion (by vueuse)
tres

3 1,588 9.1 TypeScript

Declarative ThreeJS using Vue Components

Project mention: Wow, shadcn-vue port is 99% identical to the shadcn React | /r/vuejs | 2023-10-24

By the way, Vue does this very often: - https://www.vuemail.net/ is a port of https://react.email/ - https://tresjs.org/ is a port of https://threejs.org/ etc etc.

composition-oriented-development-pattern

2 25 8.8 TypeScript

build whatever you want by pydantic-resolve

Project mention: Pydantic-resolve, a hierarchical solution for data fetching and processing | news.ycombinator.com | 2024-02-25

my fault lol.
here is a step by step tutorial, building various kinds of views data you need, and keep service layer simple and clear at the same time.
https://github.com/allmonday/composition-oriented-developmen...
code is ready, documents of english version is still wip.

fluse

1 21 0.0 TypeScript

A composable and type-safe fixture builder
WorkOS

workos.com sponsored

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.
synergies

3 9 0.0 TypeScript

Create a performant distributed context state for React by composing reusable state logic.
vue-useurl

1 6 4.9 TypeScript

Vue.js Reactive URL Composable
vue-exit-intent

4 5 1.8 TypeScript

Vue Composable to handle user's Exit Intent. Use Vue Exit Intent

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 Composable related posts

Wow, shadcn-vue port is 99% identical to the shadcn React
3 projects | /r/vuejs | 24 Oct 2023
A Vue 3 plugin for adding Motion One bindings to Vue components
2 projects | /r/vuejs | 23 Sep 2021

Index

What are some of the best open-source Composable projects in TypeScript? This list will help you:

	Project	Stars
1	Directus	25,357
2	Medusa	22,892
3	vueuse	18,676
4	motion	2,044
5	tres	1,588
6	composition-oriented-development-pattern	25
7	fluse	21
8	synergies	9
9	vue-useurl	6
10	vue-exit-intent	5