Open Source TypeScript Libraries
Sort By:
TypeScript Libraries
View 77 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.
-
$300 Free Credits to Build on Google CloudPut your $300 in credit toward real workloads, then keep building with free monthly usage for 20+ products. No commitment and no charge until you upgrade.
-
Paessler: Easy to Use With Enterprise Power. Free TrialYou shouldn't have to choose between a monitoring tool that's easy to use and one that's powerful enough for a complex environment. PRTG's low-code interface lets any admin build dashboards, set alerts and monitor devices without scripting, while custom sensors and full API access are there when your team needs deeper control. One platform, no compromise. Download a free 30-day trial now.
-
1
Floral Notepaper
Lightweight, elegant and modern local sticky note tool
Floral Notepaper is a lightweight local note-taking and sticky-note application built with Tauri 2, React, and Rust. It is designed for users who want a modern, elegant, and fast note tool without the heaviness of a full knowledge-management system. The app supports Markdown editing and preview, making it useful for quick notes, snippets, checklists, and temporary writing. It can be summoned through the system tray or a global shortcut, which helps users capture thoughts without interrupting their current workflow. It also includes a tile mode that keeps notes pinned on the desktop for quick reference. Floral Notepaper is best suited for users who want a clean local writing utility that stays lightweight and easy to access. -
2
TikTok Live Connector
Node.js library to receive live stream events
TikTok Live Connector is a Node.js library for receiving real-time TikTok LIVE events from TikTok’s internal Webcast push service. It can connect to a live stream by username and listen for events such as comments, gifts, member joins, follows, shares, questions, likes, subscriptions, viewer updates, and battles. The library does not require user credentials for basic live chat connection, which makes it useful for overlays, chat readers, bots, dashboards, alerts, and livestream interaction tools. It is a reverse-engineering project rather than an official TikTok production API, so developers should expect platform changes and occasional breakage. Recent development has focused on a more modular TypeScript architecture and expanded event schema support. It is best used for experiments, prototypes, creator tools, and non-critical realtime TikTok LIVE integrations. -
3
PO UI
Angular component library
PO UI is an enterprise-focused Angular component library developed to accelerate the creation of business applications by providing a standardized set of UI components and design patterns. It is part of the PO UI ecosystem, which aims to simplify the development of administrative interfaces, dashboards, and enterprise systems with a consistent visual identity. The library includes a wide variety of components such as forms, tables, charts, and navigation elements that are tailored for data-driven applications. It emphasizes productivity by offering ready-to-use components that reduce development time and enforce best practices in UI design. po-angular is designed with scalability in mind, supporting large applications with complex workflows and data structures. It also integrates well with Angular’s architecture, ensuring compatibility with services, routing, and state management patterns. -
4
Bilibili Evolved
Powerful Bilibili Enhanced Script
Bilibili Evolved is a browser extension designed to enhance the user experience on the Bilibili video platform by adding customization and usability improvements. It provides a wide range of features that modify the interface, improve playback controls, and add additional functionality not available in the original platform. The extension is highly customizable, allowing users to enable or disable features based on their preferences. It also includes performance optimizations and visual enhancements that improve the overall viewing experience. The project is actively maintained and updated to adapt to changes in the platform. It is particularly popular among users who want a more personalized and efficient browsing experience. Overall, Bilibili-Evolved transforms the standard Bilibili interface into a more powerful and user-friendly environment. -
Earn up to 16% annual interest with Nexo.Generate interest, borrow against your crypto, and trade a range of cryptocurrencies — all in one platform. Geographic restrictions, eligibility, and terms apply.
-
5
Google Cloud Node.js Client
Google Cloud Client Library for Node.js
The Google Cloud Node.js Client is an official library that provides idiomatic Node.js interfaces for Google Cloud services, simplifying the integration of these services into Node.js applications. -
6
nbdime
Tools for diffing and merging of Jupyter notebooks
nbdime provides tools for diffing and merging Jupyter notebooks. Jupyter notebooks are useful, rich media documents stored in a plain text JSON format. This format is relatively easy to parse. However, primitive line-based diff and merge tools do not handle well the logical structure of notebook documents. nbdime, on the other hand, provides “content-aware” diffing and merging of Jupyter notebooks. It understands the structure of notebook documents. Therefore, it can make intelligent decisions when diffing and merging notebooks. Many of us who are writing and sharing notebooks do so with git and GitHub. Git doesn’t handle diffing and merging notebooks very well by default, but you can configure git to use nbdime and it will get a lot better. -
7
Flowbite Svelte
Official Svelte components built for Flowbite and Tailwind CSS
Flowbite Svelte is an official UI component library that brings the Flowbite design system into the Svelte ecosystem, enabling developers to build modern web applications using reusable components powered by Tailwind CSS. The library provides a comprehensive collection of interactive elements such as modals, dropdowns, navigation bars, forms, and data display components, all implemented with Svelte’s reactive model rather than external JavaScript logic. Because Svelte compiles components into efficient JavaScript that directly manipulates the DOM, Flowbite Svelte benefits from high performance and minimal runtime overhead while still offering rich interactivity. The project is designed to accelerate frontend development by offering ready-made building blocks that can be easily customized using Tailwind utility classes, making it suitable for both rapid prototyping and production applications. -
8
Retro UI
A NeoBrutalism styled React + TailwindCSS UI library
Retro UI is a design-focused UI library that recreates classic retro computing aesthetics within modern web interfaces, offering developers a way to build nostalgic, vintage-style applications. It provides components styled to resemble old operating systems and early graphical user interfaces, including elements like pixelated buttons, window frames, and low-resolution typography. The project is aimed at developers and designers who want to create unique user experiences that stand out from contemporary flat or minimal design trends. It emphasizes visual authenticity, using design patterns inspired by early desktop environments and legacy software interfaces. RetroUI can be used for creative projects, games, experimental interfaces, or themed applications that require a distinctive visual identity. Despite its retro appearance, it is built with modern web technologies, ensuring compatibility with current browsers and development workflows. -
9
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. -
MongoDB Atlas runs apps anywhereMongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
-
10
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. -
11
heroui-native
Beautiful, fast and modern React Native UI library
heroui-native is a modern React Native UI component library designed to provide developers with beautiful, high-performance, and accessible mobile interface elements out of the box. Built with Tailwind CSS principles through Uniwind, it allows developers to apply familiar utility-first styling patterns to native mobile development. The library emphasizes design consistency and usability, offering components that are visually polished while maintaining flexibility for customization. Each component is fully typed and follows predictable patterns, making it easier to integrate into large-scale applications. HeroUI Native also focuses heavily on accessibility, ensuring proper handling of touch interactions, screen readers, and focus management. It includes smooth animations and adaptive behaviors that enhance the user experience without sacrificing performance. -
12
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. -
13
ikun-ui
A Svelte.js based UnoCSS UI library that allows you to make websites
ikun-ui is a Svelte-based UI component library built on top of UnoCSS, designed to help developers create visually appealing and highly customizable web interfaces with minimal effort. It provides a wide range of prebuilt components, including navigation elements, feedback components, data display tools, and layout utilities, all optimized for modern web applications. The library emphasizes flexibility through its UnoCSS preset system, allowing developers to configure themes, styles, and design tokens using attribute-based customization. IKun UI also supports integration with Iconify, giving developers access to a vast library of icons for enhancing interface design. It includes built-in support for dark mode and theme switching, making it easy to adapt applications to different visual preferences. Designed for performance and ease of use, it works seamlessly with Svelte and modern browsers, ensuring smooth rendering and responsiveness. -
14
COBE
5KB WebGL globe lib
The COBE project is a lightweight WebGL-based library for rendering interactive 3D globes in web applications. It is designed to provide visually appealing globe visualizations with minimal setup and high performance. The library focuses on simplicity, allowing developers to create animated and interactive globe experiences with just a few lines of code. It supports smooth animations, rotation, and customizable visual styles, making it suitable for dashboards, landing pages, and data visualization tools. The rendering is optimized to be efficient and responsive, even on lower-powered devices. It also provides configuration options for lighting, markers, and textures, enabling a wide range of visual effects. Overall, cobe offers an accessible way to integrate 3D globe visuals into modern web interfaces. -
15
Magnus UI
A Utility-First React Native UI Framework
Magnus UI is a utility-first UI framework designed to simplify the process of building consistent and visually appealing mobile interfaces using React Native. It follows a design philosophy similar to Tailwind CSS, where developers apply styling directly through component props rather than separate stylesheets, allowing for rapid UI development and easier maintenance. The framework is built with TypeScript, providing strong typing and improved developer experience, especially when working with themes and reusable design tokens. It supports multiple platforms including Android, iOS, and web, making it suitable for cross-platform applications without significant configuration overhead. Magnus includes a comprehensive set of prebuilt components such as buttons, inputs, modals, and overlays that are ready to use out of the box, enabling faster prototyping and production development. -
16
Vue DevUI
UI components based on Vue3 and DevUI Design
Vue DevUI is a comprehensive UI component library built specifically for Vue 3, designed to help developers create enterprise-grade applications with consistent design and high usability. It is based on the DevUI design system and provides more than 50 high-quality components that are flexible, easy to use, and optimized for modern frontend development. The library supports TypeScript and integrates seamlessly with tools like Vite and Nuxt3, making it suitable for both small projects and large-scale applications. Vue DevUI includes features such as internationalization and theme customization, allowing developers to tailor the interface to different regions and branding requirements. It also supports on-demand component importing, which helps reduce bundle size and improve performance. The design philosophy focuses on usability and scalability, particularly for complex business interfaces such as dashboards and admin panels. -
17
next-view-transitions
Use CSS View Transitions API in Next.js App Router
The next-view-transitions project is a library that brings the CSS View Transitions API into Next.js applications using the App Router. It enables smooth, animated transitions between pages without requiring complex animation logic or external libraries. By wrapping application layouts with a dedicated component, developers can automatically apply transition effects when navigating between routes. The library also provides a custom Link component and hooks that integrate seamlessly with Next.js routing APIs. It is designed for simplicity, targeting common use cases while leaving room for more advanced features to be implemented in the future. The project highlights how modern browser capabilities can be leveraged to create polished user experiences with minimal effort. It is particularly useful for improving perceived performance and visual continuity in web applications. Overall, next-view-transitions offers an accessible way to implement modern page transitions in Next.js projects. -
18
Better Auth
The most comprehensive authentication library for TypeScript
Better Auth is framework-agnostic authentication (and authorization) library for TypeScript. It provides a comprehensive set of features out of the box and includes a plugin ecosystem that simplifies adding advanced functionalities with minimal code in a short amount of time. Whether you need 2FA, multi-tenant support, or other complex features. It lets you focus on building your actual application instead of reinventing the wheel. -
19
React Wrap Balancer
Simple React Component That Makes Titles More Readable
The React Wrap Balancer project is a React component that improves text readability by intelligently balancing line breaks in headings and other text elements. It addresses common layout issues where text wraps unevenly, such as leaving a single word on the last line, which can negatively impact visual design. The component dynamically adjusts how text is split across lines based on the available space, resulting in more aesthetically pleasing layouts. It uses modern browser APIs like ResizeObserver to respond to changes in viewport size and re-balance text accordingly. The library is lightweight and easy to integrate, requiring only a wrapper component around existing text elements. It also includes configuration options that allow developers to control the degree of balancing and fallback behavior. Overall, react-wrap-balancer enhances typography and layout quality in responsive web applications. -
20
media-chrome
Custom elements (web components) for making audio and video player
media-chrome is an open source library that provides fully customizable media player controls using native web components, allowing developers to design consistent and flexible audio and video player interfaces across different platforms and frameworks. Instead of relying on default browser controls or proprietary player APIs, Media Chrome introduces a set of reusable custom elements that can be composed using standard HTML, styled with CSS, and integrated into any JavaScript framework including React, Angular, and Svelte. The library supports a wide range of media sources, including native HTML5 video and audio elements as well as third-party players like YouTube and HLS-based streams, making it highly adaptable to different use cases. Its architecture is built around the concept of a media controller and modular control components, enabling developers to easily add, remove, or customize features such as playback controls, volume sliders, timelines, and fullscreen buttons. -
21
Zent
A collection of essential UI components written with React
Zent is a React-based UI component library developed by Youzan, designed to provide a comprehensive set of reusable components for building modern web applications efficiently. It includes both general-purpose UI elements and domain-specific components, making it particularly useful for business-oriented applications such as dashboards, admin panels, and eCommerce systems. The library emphasizes developer productivity by offering high-quality, ready-to-use components that reduce the need to build common interface elements from scratch. Zent supports TypeScript out of the box, ensuring type safety and better developer experience in large-scale projects. It also features customizable themes, allowing teams to adapt the visual style to match branding requirements while maintaining consistency across the application. The library is optimized for modern browsers and supports server-side rendering, making it suitable for performance-critical applications. -
22
Reshaped
Professionally crafted React & Figma components
Reshaped is a professionally crafted design system and component library that bridges design and development by combining React components with a synchronized Figma library. It is designed to help teams build scalable, consistent user interfaces by providing a shared source of truth between designers and developers. The library includes a wide range of production-ready components, from basic inputs and buttons to more complex elements such as tables, calendars, and data visualization tools. A key strength of Reshaped is its emphasis on accessibility, responsiveness, and theming, ensuring that interfaces meet modern usability standards while remaining adaptable to different product needs. The project is structured into multiple packages, including styled components, headless components, and framework-agnostic utilities, allowing developers to choose the level of abstraction that best fits their workflow. -
23
Storefront UI
A frontend library for React and Vue that helps developers quickly
Storefront UI is a frontend component library designed specifically for building eCommerce experiences using modern frameworks such as React and Vue. It focuses on delivering fast, accessible, and visually polished storefront interfaces, providing developers with ready-made components that align with common online shopping patterns. The library is structured to support headless commerce architectures, making it particularly valuable for teams integrating with APIs or backend platforms while maintaining full control over the frontend experience. It includes UI elements for product listings, navigation, carts, and checkout flows, allowing developers to assemble complete storefronts without starting from scratch. Performance and accessibility are core priorities, ensuring that components are optimized for speed and usability across devices. Additionally, the project offers playgrounds and preview environments for both Vue and React implementations, enabling rapid prototyping and testing. -
24
Tailgrids
Open-source React UI library built with Tailwind CSS
Tailgrids is an open source UI component library built with Tailwind CSS, designed to accelerate the development of modern web applications by providing a large collection of production-ready components and templates. It offers more than 100 free components along with additional UI blocks and templates, enabling developers to quickly assemble interfaces for dashboards, landing pages, SaaS products, and eCommerce platforms. The library emphasizes a copy-and-paste workflow combined with CLI tooling, allowing developers to integrate components directly into their projects without heavy dependencies. TailGrids components are designed with accessibility, responsiveness, and performance in mind, ensuring compatibility across devices and user needs. It also includes design system resources such as Figma files, which help bridge the gap between design and development workflows. With support for frameworks like React and Next.js, TailGrids is flexible and adaptable to various frontend stacks. -
25
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.
