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.
-
Ship Agents FasterGemini Enterprise Agent Platform lets you rapidly build, scale, govern and optimize production-ready agents grounded in your organization's data. The platform enables developers to build custom or pre-built agents for virtually any use case. New customers get $300 in free credits.
-
$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.
-
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
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. -
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
NoSignups
A list of tools that are open-source, in-browser
NoSignups, formerly FckSignups, is a curated directory of browser-based open-source tools that can be used without creating accounts. The project focuses on utilities that avoid registration walls, email collection, analytics, and unnecessary tracking. Its website is built with React and TypeScript and organizes tools across productivity, development, design, writing, privacy, media, education, and other categories. Entries include descriptions, searchable tags, source links, licenses, star counts, and recommendation metadata when available. Featured listings highlight unusual or particularly useful tools within the growing catalog. The repository also accepts community submissions, provided the suggested software works without mandatory registration and fits the project's privacy-oriented philosophy. -
Go from Code to Production URL in SecondsSkip the Kubernetes configs. Cloud Run handles HTTPS, scaling, and infrastructure automatically. Two million requests free per month.
-
5
Garden Skills
ConardLi's open-source Skills collection, featuring web design
Garden Skills is a collection of modular AI skills designed to enhance agent workflows through structured and reusable capabilities. It focuses on organizing skills as composable units that can be combined to solve complex tasks efficiently. The repository emphasizes maintainability and scalability, allowing developers to build systems that evolve over time like a growing “garden” of capabilities. Each skill encapsulates a specific function, making it easier to reuse across projects and contexts. The system supports integration with agent frameworks, enabling automation and orchestration of tasks. It is particularly useful for developers building structured AI systems rather than ad hoc prompt-based solutions. -
6
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. -
7
roadmap.sh
Interactive roadmaps, guides and other educational content
roadmap.sh is the content repository behind roadmap.sh, a community-driven platform for structured technology and career learning paths. It contains interactive roadmaps covering roles, programming languages, frameworks, infrastructure, databases, AI, security, and engineering practices. Each roadmap is divided into topics that link to concise explanations and selected learning resources. The repository also includes best-practice guides and question sets for testing knowledge in areas such as frontend, backend, React, and Node.js. Topic content is stored as Markdown and synchronized with the roadmap.sh website through project tooling and GitHub Actions. Contributors can improve existing paths, add content, suggest changes, or help develop new roadmaps. The project is designed to help learners understand what to study, in what order, and where to continue learning. -
8
Petdex
The public gallery of animated pet for Codex, Claude Code, OpenCode
Petdex is a community system for creating, sharing, installing, and displaying animated pets for the Codex desktop environment. It combines a public gallery, a command-line installer, and a desktop companion app into one coordinated project. The gallery lets users browse approved pet packs, preview animation states, and download compatible assets. The CLI installs pets directly into the local Codex setup and supports submission workflows for creators. The desktop app can float a pet on the user’s screen and react to coding-agent activity in real time. Petdex is especially useful for users who want to personalize AI coding sessions with lightweight animated characters and a community-driven asset format. -
9
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. -
99.99% Uptime for MySQL and PostgreSQL DatabasesCloud SQL Enterprise Plus delivers near-zero downtime with 35 days of point-in-time recovery. Supports MySQL, PostgreSQL, and SQL Server.
-
10
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. -
11
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. -
12
-
13
Lobe UI
An open-source UI component library for building AIGC web apps
Lobe UI is an open source UI component library specifically designed for building AI-generated content (AIGC) web applications, offering a modern toolkit tailored to chatbots, AI interfaces, and intelligent systems. It is built with React and TypeScript and integrates closely with Ant Design, allowing developers to leverage familiar component patterns while extending them for AI-centric use cases. The library includes specialized components and configurations for handling features like motion, theming, and internationalization, which are essential in dynamic AI-driven interfaces. It is optimized for modern frameworks such as Next.js and supports server-side rendering with proper configuration, making it suitable for production-grade applications. Lobe UI is part of a broader ecosystem that includes tools for charts, icons, and AI-related utilities, enabling developers to build complete AI products with consistent design. -
14
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. -
15
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. -
16
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. -
17
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. -
18
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. -
19
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. -
20
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. -
21
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. -
22
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. -
23
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. -
24
OnchainKit
React components and TypeScript utilities
OnchainKit is a React-based toolkit developed by Coinbase that provides a collection of components and TypeScript utilities for building modern blockchain-enabled applications with a focus on usability and developer experience. It is designed to simplify the process of integrating onchain functionality such as wallet connections, transactions, and blockchain data interactions into web applications. The library follows a modular architecture within a monorepo structure, allowing developers to selectively use components and utilities that fit their specific needs. It includes prebuilt UI elements and hooks that streamline common Web3 workflows, reducing the need for repetitive boilerplate code. OnchainKit also supports rapid project setup through scaffolding tools, enabling developers to bootstrap fully functional applications quickly. -
25
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.
