Open Source TypeScript Libraries
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.
-
Fully Managed MySQL, PostgreSQL, and SQL ServerCloud SQL handles your database ops end to end, so you can focus on your app.
-
Forever Free Full-Stack Observability | Grafana CloudBuilt on open standards like Prometheus and OpenTelemetry, Grafana Cloud includes Kubernetes Monitoring, Application Observability, Incident Response, plus the AI-powered Grafana Assistant. Get started with our generous free tier today.
-
1
Ionicons
Hand-crafted icons built by Ionic for web apps
Premium designed icons for use in web, iOS, Android, and desktop apps. Support for SVG and web font. Completely open source, MIT licensed and built by Ionic. Ionicons is a completely open-source icon set with 1,300 icons crafted for web, iOS, Android, and desktop apps. Ionicons was made for Ionic Framework, a cross-platform hybrid and Progressive Web App framework. The Ionicons Web Component is an easy and performant way to use Ionicons in your app. The component will dynamically load an SVG for each icon, so your app is only requesting the icons that you need. Also note that only visible icons are loaded, and icons which are "below the fold" and hidden from the user's view do not make fetch requests for the svg resource. If you're using Ionic Framework, Ionicons is packaged by default, so no installation is necessary. -
2
ahooks
React hooks library
ahooks contains a large set of essential react hooks, with demos and examples for each one of them. Providing tutorials about using hooks in practice. An all-in-one place to learn for pro coders and newcomers. Used in hundreds of products in Alipay, Taobao, Tmall etc, with high quality and robustness. ahooks is a React Hooks library dedicated to providing commonly used and high quality Hooks. You can look up Hooks in the side menu like useRequest, useHover etc. At the same time, the Hooks API can be consulted in the provided documentation. Hooks are allowed to have no output, which is generally common in life cycle Hooks. In principle, more than two parameters are not allowed. Direct input regardless of whether a single parameter is required. -
3
HLS.js
HLS.js is a JavaScript library that plays HLS in browsers
HLS.js is a JavaScript library that implements an HTTP Live Streaming client. It relies on HTML5 video and MediaSource Extensions for playback. It works by transmuxing MPEG-2 Transport Stream and AAC/MP3 streams into ISO BMFF (MP4) fragments. Transmuxing is performed asynchronously using a Web Worker when available in the browser. HLS.js also supports HLS + fmp4, as announced during WWDC2016. HLS.js works directly on top of a standard HTML<video> element. HLS.js is written in ECMAScript6 (*.js) and TypeScript (*.ts) (strongly typed superset of ES6), and transpiled in ECMAScript5 using Babel and the TypeScript compiler. Webpack is used to build the distro bundle and serve the local development environment. -
4
shadcn/ui
Beautifully designed components that you can copy and paste into apps
Accessible and customizable components that you can copy and paste into your apps. Free. Open Source. Use this to build your own component library. -
Try Google Cloud Risk-Free With $300 in CreditUse your credit across every product. Compute, storage, AI, analytics. When it runs out, 20+ products stay free. You only pay when you choose to.
-
5
Flowbite
The most popular and open-source library of Tailwind CSS components
Build websites even faster with components on top of Tailwind CSS. Start developing with an open-source library of over 600+ UI components, sections, and pages built with the utility classes from Tailwind CSS and designed in Figma. You can now also get started with open-source component libraries built for frameworks such as React, Vue.js, Svelte and Angular. Explore the whole collection of over 58 open-source UI components and interactive elements built with the utility classes from Tailwind CSS and Flowbite. Get started with over 310+ block sections coded with Tailwind CSS and Flowbite to build high-quality website pages. Get started with the most advanced Figma Design System built for Tailwind CSS and Figma and upgrade your designer toolkit to the next level. Learn more about the Pro version of Flowbite which includes a Figma design kit based on the utility classes from Tailwind CSS and hundreds of coded pages and components including application UI. -
6
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. -
7
SponsorBlock
Skip YouTube video sponsors (browser extension)
SponsorBlock is an open-source crowdsourced browser extension and open API for skipping sponsor segments in YouTube videos. Users submit when a sponsor happens from the extension, and the extension automatically skips sponsors it knows about using a privacy-preserving query system. It also supports skipping other categories, such as intros, outros, and reminders to subscribe, and skipping to the point with highlights. The extension also features an upvote/downvote system with a weighted random-based distribution algorithm. Once one person submits this information, everyone else with this extension will skip right over the sponsored segment. SponsorBlock is a crowdsourced browser extension that let's anyone submit the start and end time's of sponsored segments of YouTube videos. -
8
Compiled
A familiar and performant compile time CSS-in-JS library for React
A familiar and performant compile-time CSS-in-JS library for React. Using APIs and behavior you may already be familiar with, write your styles in JavaScript with the full power of CSS, leveraging the language to create expressive & dynamic experiences. Build with your bundler of choice or just Babel, resulting in very performant components that have their styles built ahead of time. Turn on extraction and all components styled in your app and sourced through NPM will have their runtime stripped and styles extracted to an atomic style sheet. Compiled brings distributed styles from the platform, product, and the wider ecosystem together. Add the loader to your Webpack config. Make sure this is defined after other loaders so it runs first. When developing locally its advised to use a bundler instead of Babel directly for improved developer experience. -
9
Got
Human-friendly and powerful HTTP request library for Node.js
Got implements RFC 7234 compliant HTTP caching which works out of the box in-memory and is easily pluggable with a wide range of storage adapters. Got uses Keyv internally to support a wide range of storage adapters. For something more scalable you could use an official Keyv storage adapter. Hooks allow modifications during the request lifecycle. Hook functions may be async and are run serially. Got will make no further changes to the request before it is sent. This is especially useful in conjunction with got.extend() when you want to create an API client that, for example, uses HMAC-signing. You can override the request function by returning a ClientRequest-like instance or a IncomingMessage-like instance. This is very useful when creating a custom cache mechanism. The response object will typically be a Node.js HTTP response stream, however, if returned from the cache it will be a response-like object which behaves in the same way. -
Gemini 3 and 200+ AI Models on One PlatformBuild generative AI apps with Vertex AI. Switch between models without switching platforms.
-
10
KnowNote
A local-first AI knowledge base & NotebookLM alternative
KnowNote is a local-first, open-source AI knowledge base and notebook application created as an Electron-based alternative to Google NotebookLM that emphasizes privacy, control, and simplicity. It lets users build an intelligent, searchable knowledge base from uploaded documents such as PDFs, Word files, PowerPoints, and web pages, and then interact with that content using LLM-powered chat, summarization, and reasoning tools. Unlike many NotebookLM alternatives that rely on Docker or cloud deployments, KnowNote runs natively on desktop platforms without complex setup, meaning all data stays local unless the user opts to integrate with self-managed or private LLM APIs. Its retrieval-augmented generation (RAG) system offers semantic search and traceable source references, and it supports multiple LLM providers through a flexible plugin-style provider architecture. -
11
Laravel Echo
Laravel Echo library for beautiful Pusher and Ably integration
In many modern web applications, WebSockets are used to implement realtime, live-updating user interfaces. When some data is updated on the server, a message is typically sent over a WebSocket connection to be handled by the client. This provides a more robust, efficient alternative to continually polling your application for changes. To assist you in building these types of applications, Laravel makes it easy to "broadcast" your events over a WebSocket connection. Broadcasting your Laravel events allows you to share the same event names between your server-side code and your client-side JavaScript application. Laravel Echo is a JavaScript library that makes it painless to subscribe to channels and listen for events broadcast by Laravel. You may install Echo via the NPM package manager. -
12
OmniTools
Self-hosted collection of powerful web-based tools for everyday tasks
OmniTools is a self-hosted web application that bundles a large collection of everyday utilities into a single clean interface you can run on your own infrastructure. It’s designed to replace the random assortment of “free online tools” people use for quick tasks, while avoiding ads, tracking, and the need to upload sensitive files to unknown servers. A key design choice is that file processing happens entirely on the client side, meaning your data stays in your browser instead of being sent to the backend. The tool catalog spans both technical and non-technical needs, including image, video, audio, PDF, text, date/time, math, and data format utilities like JSON/CSV/XML helpers. It’s also packaged for straightforward self-hosting, with a lightweight Docker image and simple run commands, so it can be deployed quickly on a homelab or internal network. -
13
ChordSheetJS
A JavaScript library for parsing and formatting chords and chord sheet
ChordSheetJS is a JavaScript library for parsing, formatting, and transposing chord sheets. It supports various chord sheet formats and provides tools for rendering and manipulating chord and lyric data. -
14
Covalent
Teradata UI Platform built on Angular Material
Reusable tested tools to build robust Angular Material & Angular applications. Vision: To build an atomic, reusable component platform for Teradata to consume, while collaborating in an open-source model. Covalent is a reusable UI platform from Teradata for building web applications with common standards and tooling. It is based on Angular and Material Design. Visualize your data easily. ECharts is an extensive "tried and true" charting library brought to Angular as Covalent Charts. td-chart-x-axis and td-chart-y-axis elements generate an axis inside a td-chart. Its the equivalent of creating a JS xAxis/yAxis object in charts. Blank main site nav component that gets hooked as a parent of all the other layouts. Layout with a custom navigation view with toolbar items and footers. Basic side sheet content. -
15
PixiJS
The HTML5 Creation Engine
PixiJS is a fast and lightweight 2D rendering library that lets you create rich, interactive graphics, cross platform applications, and HTML5 games even without prior knowledge of WebGL. It’s a fantastic tool for creating rich, interactive content and with built-in cross platform compatibility and graceful degradation, there’s less work for you and more space for fun and creativity! PixiJS works across all devices and is incredibly fast. If you want to create exceptional experiences without having to deal with dense, low level code, browser inconsistencies, WebGL API or device compatibility, PixiJS is for you! See some great examples and creations made with PixiJS in the official website: https://www.pixijs.com/ -
16
Pretext
Pure JavaScript/TypeScript library for multiline text measurement
Pretext is an experimental project that explores new ways of structuring and presenting textual or code-based content, with a strong emphasis on clarity, composability, and developer-oriented workflows. It is designed to rethink how text and structured information are authored, processed, and rendered, often focusing on minimal abstractions and highly readable formats. The project reflects a philosophy of reducing unnecessary complexity while still enabling powerful transformations and reuse of content. It appears to function as a lightweight system for defining structured documents that can be interpreted or transformed into different outputs. Pretext encourages a declarative approach where content is written in a way that separates structure from presentation, making it easier to adapt across contexts. It is particularly relevant for developers interested in tooling, documentation systems, or alternative markup paradigms. -
17
PrimeNG
The most complete Angular UI component library
Your perfect companion for Angular featuring elegant, high-performance, accessible and fully customizable UI Components. The most complete set of native widgets featuring 80+ easy to use components for all your UI requirements. Hosted at GitHub, all widgets are open source and free to use under MIT license. Feel the power of open source. Don’t get tied up in just one look & feel. Choose from a variety of options including material and bootstrap design. Professionally designed highly customizable native Angular CLI application templates to get you started in no time. Fully accessible and in compliance with Section 508 standards. With the exclusive services of Pro account, you no longer need to post your questions in the community forum and your issues to community issue tracker. Allocate your valuable time on business logic rather than dealing with the complex user interface requirements. -
18
SIP.js
A simple, intuitive, and powerful JavaScript signaling library
A JavaScript library that enables WebRTC-based real-time communication over the SIP (Session Initiation Protocol), allowing voice and video calling in web applications. -
19
baoyu-skills
Skills shared by Baoyu for improving daily work efficiency with Claude
baoyu-skills is a comprehensive plugin-based toolkit designed to enhance productivity within AI-assisted development environments, particularly Claude Code, by providing a wide range of modular “skills” for content generation, automation, and data processing. The project organizes its functionality into categories such as content creation, AI generation, and utility tools, enabling users to extend their workflows through reusable components. Each skill is implemented as a structured module with its own configuration, scripts, and execution logic, allowing for flexible customization and extension. The system supports marketplace-style installation, where users can selectively install or update individual skills rather than a monolithic package. It integrates with various external services, including AI APIs and browser automation tools, to expand its capabilities beyond basic text processing. -
20
DXcharts Lite
Flexible open source financial charting library
Why choose DXcharts Lite? - User-friendly interface. DXcharts Lite provides a seamless intuitive user experience with automatic scale zoom, mouse wheel zoom, and chart scrolling. - Versatile chart types. The Lite version supports eight chart types. The platform streams real-time data updates allowing users to stay on top of market movements. - Comprehensive market coverage. DXcharts Lite provides a wide-ranging selection of asset classes and extensive market coverage. This includes a variety of financial instruments such as stocks, forex, cryptocurrencies, and more. - Efficiency and speed. The platform uses HTML5 based on canvas to ensure smooth chart loading and data processing. - Snapshots. The snapshot feature is a handy tool that allows users to take and share chart snapshots anywhere. - Customisation. The platform offers users the ability to personalise their workspace allowing traders to customise their own theme or choose between the predefined dark or white ones. -
21
Driver.js
A lightweight, dependency-free JavaScript library
Driver.js is a lightweight, framework-agnostic JavaScript library for building guided tours, feature spotlights, and product walkthroughs. It programmatically highlights elements on a page, dims the background, and attaches callouts so users learn new flows without leaving the UI. The API lets you define steps, order, and behavior, while handling positioning, scrolling, and viewport collisions gracefully. It strives to be unobtrusive: tours can be triggered contextually, resumed, or dismissed without hijacking the app. Accessibility and keyboard interaction are considered so tours remain usable beyond simple mouse clicks. Because it has no hard dependency on a specific framework, it integrates into vanilla JS apps or modern stacks alike. -
22
Mantine
A fully featured React components library
Mantine is a MIT‑licensed open‑source React component library offering a comprehensive set of UI elements and hooks for building modern, accessible, and responsive web applications with ease and great developer experience. Collection of 50+ hooks for state and UI management. Core components library – 100+ components. Forms management library. Manages files drag 'n' drop to an area or entire screen. -
23
Material UI
Comprehensive React component library that implements Material Design
Material UI is an open-source React component library that implements Google's Material Design. It's comprehensive and can be used in production out of the box. A meticulous implementation of Material Design; every Material UI component meets the highest standards of form and function. Start quickly with Material Design or use the advanced theming feature to easily tailor the components to your needs. CSS utilities allow you to move faster and make for a smooth developer experience when styling any component. Reach out for the Figma Design Kit and the Sync plugin to bridge the gap between development and design when using Material UI. -
24
NextUI
Beautiful, fast and modern React UI library.
Make beautiful websites regardless of your design experience. Beautiful, fast, and modern React UI library. Provides a plugin to customize default themes, you can change all semantic tokens or create an entirely new theme. Built on top of Tailwind CSS, which means no runtime styles, and no unnecessary classes in your bundle. Automatic dark mode recognition, NextUI automatically changes the theme when detects HTML theme prop changes. NextUI is fully-typed to minimize the learning curve and provide the best possible developer experience. NextUI comes with a fully well-scaled default dark theme that you can apply to your application by just adding the dark attribute to your HTML. -
25
TensorFlow.js
TensorFlow.js is a library for machine learning in JavaScript
TensorFlow.js is a library for machine learning in JavaScript. Develop ML models in JavaScript, and use ML directly in the browser or in Node.js. Use off-the-shelf JavaScript models or convert Python TensorFlow models to run in the browser or under Node.js. Retrain pre-existing ML models using your own data. Build and train models directly in JavaScript using flexible and intuitive APIs. Tensors are the core datastructure of TensorFlow.js They are a generalization of vectors and matrices to potentially higher dimensions. Built on top of TensorFlow.js, the ml5.js library provides access to machine learning algorithms and models in the browser with a concise, approachable API. Comfortable with concepts like Tensors, Layers, Optimizers and Loss Functions (or willing to get comfortable with them)? TensorFlow.js provides flexible building blocks for neural network programming in JavaScript.
