Open Source TypeScript Libraries - Page 10
Sort By:
TypeScript Libraries
View 74 business solutionsBrowse free open source TypeScript Libraries and projects below. Use the toggles on the left to filter open source TypeScript Libraries by OS, license, language, programming language, and project status.
-
Rezku Point of SaleRezku is an all-inclusive ordering platform and management solution for all types of restaurant and bar concepts. You can now get a fully custom branded downloadable smartphone ordering app for your restaurant exclusively from Rezku.
-
The Most Powerful Software Platform for EHSQ and ESG ManagementChoose from a complete set of software solutions across EHSQ that address all aspects of top performing Environmental, Health and Safety, and Quality management programs.
-
1
k8s-graceful-shutdown
The library provides the resources to implement graceful shutdown
The library provides the resources to implement a graceful shutdown with Kubernetes. When running microservices in Kubernetes. We need to handle the termination signals emitted by Kubernetes. The simple app shown above, adds a graceful shutdown period of 5 seconds after which the hook, which takes care of closing the server with the help of our shutdown functionality, gets triggered. Upon sending a SIGINT or SIGTERM signal, the user can see that a grace period of 5 seconds after which a waiting async operation of 3 seconds takes place, and only then the message 'shutdown after graceful period' indicate the closing of the server will be displayed. The app also showcases the functionality of the "getHealthHandler". Upon requesting localhost:3000/health, the healthTest will return true and the message 'everything is great' indicating a positive health check should be displayed. -
2
match-sorter
Simple, expected, and deterministic best-match sorting
match-sorter is a small JavaScript library that takes a list of items and returns them sorted by how well they match a given search query. It is designed to produce “simple, expected, and deterministic” results so users see intuitive matches instead of opaque fuzzy scores. The core API accepts arrays of strings or objects and returns a filtered, ranked list, making it a natural fit for search boxes, autocomplete components, and table filtering. It supports a variety of advanced options, such as specifying which object keys to search, controlling the matching threshold, and customizing the base sorting logic. The library includes recipes and examples that show how to handle different naming conventions like PascalCase, camelCase, snake_case, and kebab-case by normalizing separators. It also offers control over diacritics handling, allowing you to strip or keep accents depending on the UX you want. Distributed via npm and usable in both Node and browser environments. -
3
mobx-backend
Backend framework designed to streamline the development of apps
mobx-backend is a backend framework designed to streamline the development of scalable server-side applications using modern JavaScript practices. It provides a structured approach to building APIs and services, focusing on modularity and maintainability. The framework includes built-in support for common backend concerns such as routing, data handling, and service organization. It is designed to integrate with modern frontend ecosystems, enabling seamless full-stack development workflows. The project emphasizes simplicity while still providing enough flexibility for complex applications. It allows developers to organize code into reusable modules, improving collaboration and scalability. Overall, mobx-backend offers a practical foundation for building backend systems with a clean and organized architecture. -
4
mobx-state-tree
Full-featured reactive state management without the boilerplate
Technically speaking, MobX-State-Tree (also known as MST) is a state container system built on MobX, a functional reactive state library. This may not mean much to you, and that’s okay. I’ll explain it like this: MobX is a state management "engine", and MobX-State-Tree gives it structure and common tools you need for your app. MST is valuable in a large team but also useful in smaller applications when you expect your code to scale rapidly. And if we compare it to Redux, MST offers better performance and much less boilerplate code than Redux! MobX is one of the most popular Redux alternatives and is used (along with MobX-State-Tree) by companies all over the world, including Netflix, Grow, IBM, DAZN, Baidu, and more. It supports a full set of features for a modern state management system, all in a package with zero dependencies other than MobX itself. -
The AI workplace management platformBy combining AI workflows, predictive intelligence, and automated insights, OfficeSpace gives leaders a complete view of how their spaces are used and how people work. Facilities, IT, HR, and Real Estate teams use OfficeSpace to optimize space utilization, enhance employee experience, and reduce portfolio costs with precision.
-
5
next international
Type-safe internationalization (i18n) for Next.js
Type-safe internationalization (i18n) for Next.js. -
6
next-starter
A Next.js starter template, packed with features
next-starter is a comprehensive Next.js starter template designed to accelerate project initialization. It integrates essential tools and technologies, including TypeScript, Tailwind CSS, NextAuth.js, ESLint, Stripe, and various testing utilities, providing a robust foundation for building scalable and maintainable web applications. -
7
node-google-spreadsheet
Google Sheets API wrapper for Javascript / Typescript
node-google-spreadsheet is a JavaScript library that provides a simple interface for reading and writing to Google Sheets, supporting both JavaScript and TypeScript. -
8
react-chat-elements
Reactjs chat elements chat UI, react chat components
react-chat-elements is a React-based UI library specifically designed for building chat and messaging interfaces with minimal effort. It provides a set of prebuilt components such as message bubbles, chat lists, input fields, avatars, and typing indicators, all styled to resemble modern messaging applications. The library is intended to accelerate development by offering ready-to-use elements that handle common chat interface requirements without requiring developers to design them from scratch. It supports customization through props and styling options, allowing developers to adapt the components to match their application’s branding and behavior. The components are designed to be modular and composable, enabling developers to build complex chat interfaces by combining smaller building blocks. It is particularly useful for applications that include messaging features, customer support chats, or real-time communication tools. -
9
react-contenteditable
React component for a div with editable contents
React component for a div with editable contents. You can try react-contenteditable right from your browser to see if it fits your project's needs. -
AestheticsPro Medical Spa SoftwareAestheticsPro is the most complete Aesthetics Software on the market today. HIPAA Cloud Compliant with electronic charting, integrated POS, targeted marketing and results driven reporting; AestheticsPro delivers the tools you need to manage your medical spa business. It is our mission To Provide an All-in-One Cutting Edge Software to the Aesthetics Industry.
-
10
react-error-boundary
Simple reusable React error boundary component
react-error-boundary is a tiny, well-tested utility that makes React’s error boundaries practical and ergonomic for everyday apps. It wraps React’s error-handling primitives in a single <ErrorBoundary> component with a predictable API for rendering fallbacks when descendant components throw during render, lifecycle, or event handlers. The library emphasizes recovery, not just failure: you can reset the error state programmatically or when certain “reset keys” change, returning the subtree to a healthy state without a full page refresh. It supports both declarative fallbacks (elements) and a render-prop approach so you can tailor the UI to the error and provide retry buttons or diagnostics. Callbacks make it easy to log errors to your own telemetry, show toasts, or trigger side effects when boundaries trip or reset. A companion useErrorHandler hook lets you re-throw async errors from hooks or event handlers into the nearest boundary, unifying error flows across component styles. -
11
react-md
An accessible React component library built from the Material Design
React material design, an accessible React component library built from the Material Design guidelines in Sass. The styles can be configured both compile-time and run-time by the configurable SCSS variables and the usage of CSS Variables as well as ensuring that the last defined styles take precedence. In addition, since accessibility is a focus for this library, the theming will automatically attempt to fix color contrast ratios for you to meet at least the AA requirements along with right to left language support. -
12
react-native-image-viewer
tiny & fast lib for react native image viewer pan and zoom
react-native-image-viewer is a mobile UI component library designed for React Native applications, providing a full-screen image viewing experience with advanced interaction capabilities. It allows developers to display images in a modal or gallery format with features such as zooming, swiping, and gesture-based navigation. The component is optimized for performance, ensuring smooth transitions and responsiveness even with large image sets. It is highly customizable, allowing developers to adjust styles, behaviors, and controls to match their application design. The library is widely used in mobile apps that require rich media presentation, such as social platforms or galleries. It simplifies implementation by abstracting complex gesture handling and rendering logic. Overall, react-native-image-viewer is a practical tool for enhancing visual experiences in mobile applications. -
13
react-rewards
A package containing a few micro-interactions you can use
A package containing a few micro-interactions you can use to reward your users for little things and make them smile! React-rewards lets you add micro-interactions to your app, and rewards users with the rain of confetti, emoji or balloons in seconds. Firing confetti all over the page may seem like a questionable idea, but keep in mind that rewarding users for their actions is not. If a huge cloud of smiling emoji doesn't fit your application well, try changing the physics config to make it more subtle. In order to use the rewards, you'll need to provide an element that will become the origin of the animation. This element needs to have an ID that matches the one used inside the hook - it can be anywhere in the DOM as long as the IDs match. You can place the element inside a button, center it and shoot up from the button. You can place it on top of the viewport with position: "fixed" and change the angle to 270, to shoot downwards. Try, experiment, have fun! -
14
react-widgets
Polished, feature rich, accessible form inputs built with React
react-widgets is a set of customizable and accessible UI components built for React applications, focusing on form inputs and interactive elements. It provides components such as dropdowns, date pickers, comboboxes, and multiselect inputs, designed to handle complex user interactions with ease. The library emphasizes accessibility, ensuring compatibility with keyboard navigation and screen readers. It also supports internationalization, allowing developers to adapt components for different locales and languages. react-widgets is highly customizable, enabling developers to style and configure components according to their application’s design system. It integrates seamlessly into modern React workflows and supports controlled and uncontrolled component patterns. Overall, react-widgets offers a robust toolkit for building user-friendly and accessible form interfaces. -
15
slide-element
Promise-based library for animating elements with dynamic heights
Using JavaScript to animate an element open and closed hasn't traditionally been a straightforward task, especially if it contains dynamically sized content. You could go with something like jQuery's slideToggle(), but that path would require you to take on a lot more code than necessary. Another option is using CSS to change the max-height value of an element, but this approach is filled with arbitrariness and difficult to pull off well when you're not sure how much content you'll be animating over. This library gets the job done using the Web Animations API, and it doesn't require elements to have fixed heights. Instead, element heights are calculated based on their contents, and then the appropriate values are applied to trigger a smooth, native transition. The animations themselves are powered by the same mechanics used within CSS transitions, making it one of the best ways to pull it off in terms of performance. -
16
ts-blank-space
A small, fast, pure JavaScript type-stripper
ts-blank-space is a fast type-stripping compiler that converts TypeScript to JavaScript. It supports a modern subset of TypeScript by erasing the types and replacing them with whitespace. That's it. It is not a type checker and does not perform any other code transformations. The underlying technique can improve build performance and simplify development. The implementation is pure TypeScript. It is simple enough to read and understand in a few minutes because it is only 700 lines of code and reuses the original TypeScript parser. The core idea is to use spaces as a substitute for type annotations. You can think of ts-blank-space as a reference implementation of this type-stripping technique. Much like other compiler techniques seen in the JavaScript ecosystem, such as tree-shaking, it is a reusable idea that any TypeScript compiler could implement. -
17
type-challenges
Collection of TypeScript type challenges with online judge
type-challenges is a massive set of TypeScript type-level puzzles that turn the compiler into a playground for metaprogramming. Each challenge is a miniature kata where you implement types that transform other types—parsing strings, inferring tuples, mapping unions—without writing any runtime code. Problems are arranged from warm-ups to brain-twisters, letting developers build intuition about distributive conditional types, inference in extends, variance, and other corner cases of the type system. The repository includes tests for each puzzle so you get immediate, compiler-driven feedback when your solution is correct. As a result, it doubles as both training material and a living reference for advanced patterns used in real libraries. Many engineers report that solving a handful of these dramatically improves their ability to write safe, expressive APIs with minimal runtime overhead. -
18
ui-box
Blazing Fast React UI Primitive
ui-box is a low-level React UI primitive library that provides a simple and performant way to build styled components using a CSS-in-JS approach. Instead of relying on traditional CSS files or complex styling systems, ui-box allows developers to apply CSS properties directly through React props, making styling more intuitive and composable. The core concept revolves around a single Box component that can render different HTML elements while accepting a wide range of style-related properties. This approach enables developers to create reusable components without needing additional wrapper elements or class-based styling, improving both readability and maintainability. The library is designed to be fast and extensible, focusing on minimal overhead while still offering powerful styling capabilities. It also supports advanced features such as pseudo-selectors and conditional styling through prop-based configurations. ui-box serves as the foundational layer for more complex UI systems. -
19
utility-types
Utility types, complementing TypeScript built-in mapped types
Providing a set of Common Types for TypeScript projects that are idiomatic and complementary to existing TypeScript Mapped Types so you don't need to copy them between the projects. Providing a set of Additional Types compatible with Flow's Utility Types to allow much easier migration to TypeScript. Quality, thoroughly tested for type correctness with type-testing library dts-jest. Utility-Types is an open-source project created by people investing their time for the benefit of our community. -
20
visx
Visualization components
visx a collection of expressive, low-level visualization primitives for React. At Airbnb, we made it a goal to unify our visualization stack across the company and in the process, we created a new project that brings together the power of D3 with the joy of React. visx is split into multiple packages. Start small and use only what you need. Bring your own state management, animation library, or CSS-in-JS solution. Odds are good your React app already has an opinion on how animation, theming, or styling is done. visx is careful not to add another one and integrates with all of them. As you start using visualization primitives, you’ll end up building your own charting library that’s optimized for your use case. You’re in control. And most importantly, it’s just React. If you know React, you can make visualizations. It’s all the same standard APIs and familiar patterns. visx should feel at home in any React codebase. -
21
vue-i18n-next
Vue I18n for Vue 3
Internationalization plugin for Vue.js. Easy, powerful, and component-oriented for Vue.js. You can introduce internationalization into your app with a simple API. In addition to simple translation, support localization such as pluralization, number, date time, etc. You can manage locale messages on single file component. -
22
zshy
Bundler-free build tool for TypeScript libraries
zshy is a modern build tool aimed at TypeScript library authors who want a bundler-free development experience. Instead of relying on bundlers like Webpack or tsup, zshy leverages the TypeScript compiler (tsc) itself to produce both ESM and CommonJS builds, generate type declarations, and automatically populate "exports" fields in a package’s package.json. It reads configuration directly from package.json and standard TypeScript config files, doesn’t require its own config, and supports multi-entry libraries with deep wildcard exports. Originally created for building popular libraries such as Zod, zshy fills the niche for a straightforward, convention-over-configuration build pipeline for TypeScript packages. The tool copies non-JS assets, supports .tsx, and makes CLI packaging easy, helping maintain consistent library outputs with minimal boilerplate.
