Open Source TypeScript User Interface (UI) Software
Sort By:
TypeScript User Interface (UI) Software
View 125 business solutionsBrowse free open source TypeScript User Interface (UI) Software and projects below. Use the toggles on the left to filter open source TypeScript User Interface (UI) Software by OS, license, language, programming language, and project status.
-
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.
-
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
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. -
2
AWS SDK for JavaScript v3
Modularized AWS SDK for JavaScript
The AWS SDK for JavaScript v3 is a modularized client for AWS services, enabling developers to interact with AWS APIs in web browsers and Node.js environments with improved performance and reduced bundle sizes. -
3
Codex++
Codex++ tweak system for the Codex desktop app
Codex++ is a tweak system for the Codex desktop app that lets users add custom features, fix UI issues, and manage extensions without rebuilding the application. It patches the local Codex installation so a loader runs on startup and loads tweak modules from the user’s data directory. The runtime injects a Tweaks tab into the Codex settings interface, where users can enable, disable, and configure installed tweaks. The project works on macOS and Windows, with platform-specific installation, repair, backup, and update behavior. It includes tools for creating, validating, updating, and safely disabling tweaks when something goes wrong. codex-plusplus is an unofficial customization layer for advanced Codex users who want more control over the desktop experience. -
4
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. -
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.
-
5
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. -
6
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. -
7
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. -
8
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. -
9
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. -
Host LLMs in Production With On-Demand GPUsDeploy your model, get an endpoint, pay only for compute time. No GPU provisioning or infrastructure management required.
-
10
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. -
11
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. -
12
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. -
13
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. -
14
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. -
15
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. -
16
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. -
17
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. -
18
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. -
19
gluestack-ui
React & React Native Components & Patterns
gluestack-ui is a modern, universal UI component system designed for React, React Native, and Next.js applications, built around a modular “copy-paste” philosophy that gives developers full ownership of their code. Instead of installing a monolithic dependency, developers can selectively copy only the components they need directly into their codebase, avoiding unnecessary bloat and vendor lock-in. The library is deeply integrated with Tailwind CSS through NativeWind, allowing a consistent styling approach across both web and mobile platforms. It emphasizes composability and flexibility, enabling developers to customize every aspect of a component, including behavior, structure, and styling. The architecture supports React Server Components and modern TypeScript tooling, making it suitable for scalable and high-performance applications. Accessibility is also a core principle, with components designed to follow best practices such as ARIA support and keyboard navigation. -
20
Headlamp
A Kubernetes web UI that is fully-featured, user-friendly
Out of the box, Headlamp is a fully functional Kubernetes UI. By leveraging its powerful plugin system, builders can shape Headlamp to fit their bespoke use cases, products, and environments. Headlamp adapts not only to a user's cluster configuration (multiple or single clusters, permissions-based UI, etc.), but its powerful plugin system allows builders to customize the experience with new functionality that fits their products. Headlamp’s plugin system makes it possible to create custom experiences with minimal effort; add/extend views, customize branding, etc. Headlamp adapts to a user’s cluster permissions. It checks RBAC and displays actions like delete or edit only if the user has permission to do so. Keeping with Headlamp’s goal of supporting a fully customizable experience, it can be run as a web app, desktop app, or both. -
21
Naive UI
A Vue 3 Component Library. Fairly Complete. Theme Customizable
Naive UI is a comprehensive component library built specifically for Vue 3, designed to provide a large set of ready-to-use UI components with strong TypeScript integration and modern performance optimizations. The library includes more than 90 components covering a wide range of interface needs such as forms, data displays, navigation elements, and feedback components, allowing developers to build complex applications efficiently. It is fully written in TypeScript, ensuring type safety and seamless integration with TypeScript-based projects. One of its defining characteristics is its advanced theming system, which allows developers to customize the appearance of components without relying on traditional CSS preprocessors or configuration-heavy setups. Naive UI is optimized for performance, with features such as virtualized lists for handling large datasets efficiently. -
22
React Spectrum Libraries
Collection of libraries and tools that help you build user experiences
React Spectrum is a collection of libraries and tools developed by Adobe that implement the Spectrum design system in React, enabling developers to build accessible, consistent, and adaptive user interfaces. It is composed of multiple layers, including React Spectrum for styled components, React Aria for accessibility and interaction logic, and React Stately for state management, creating a modular architecture that separates behavior, state, and presentation. The library is designed to provide out-of-the-box accessibility, supporting keyboard, mouse, and touch interactions while adhering to WAI-ARIA standards. It also includes built-in internationalization features, supporting multiple languages, right-to-left layouts, and localized formatting for dates and numbers. React Spectrum emphasizes adaptability, ensuring components work seamlessly across different devices, screen sizes, and input methods. -
23
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. -
24
21st.dev
Largest marketplace of shadcn/ui-based components
21st is an open-source community-driven registry and marketplace for modern React UI components, designed to streamline the discovery, sharing, and installation of reusable interface elements. It functions similarly to a package manager for design engineers, allowing users to browse and install components built with Tailwind CSS and Radix UI directly into their projects. The platform emphasizes minimal, production-ready components that follow modern design and accessibility practices, making it easier to build high-quality interfaces without starting from scratch. Developers can publish their own components to the registry, where they go through a review process before being featured or widely distributed. Each component can include multiple demos, previews, and usage examples, helping users understand how to integrate and customize them. The system also supports TypeScript out of the box, ensuring strong typing and developer experience. -
25
Flood
A modern web UI for various torrent clients
Flood is a modern web-based interface for various torrent clients, featuring a Node.js backend and a React frontend, providing a comprehensive tool for managing torrent downloads.
