Open Source TypeScript User Interface (UI) Software
Sort By:
TypeScript User Interface (UI) Software
View 124 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.
-
Go From AI Idea to AI App FastAccess Gemini 3 and 200+ models. Build chatbots, agents, or custom models with built-in monitoring and scaling.
-
$300 in Free Credit Towards Top Cloud ServicesStart your project in minutes. After credits run out, 20+ products include free monthly usage. Only pay when you're ready to scale.
-
1
Kubernetes Dashboard
General-purpose web UI for Kubernetes clusters
Kubernetes Dashboard is a general purpose, web-based UI for Kubernetes clusters. It allows users to manage applications running in the cluster and troubleshoot them, as well as manage the cluster itself. To access Dashboard from your local workstation you must create a secure channel to your Kubernetes cluster. Kubeconfig Authentication method does not support external identity providers or certificate-based authentication. Metrics-Server has to be running in the cluster for the metrics and graphs to be available. Make sure that you know what you are doing before proceeding. Granting admin privileges to Dashboard's Service Account might be a security risk. In most cases after provisioning cluster using kops, kubeadm or any other popular tool, the ClusterRole cluster-admin already exists in the cluster. We can use it and create only ClusterRoleBinding for our ServiceAccount. If it does not exist then you need to create this role first and grant required privileges manually. -
2
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. -
3
Taiga UI
Angular UI Kit and components library for awesome people
A modern Angular-based UI library with a focus on speed and modularity for complex applications. -
4
ARK
Unstyled, accessible UI components for your design System
Ark is a headless UI component library designed to provide the foundational logic required to build scalable and accessible design systems for modern web applications. The project focuses on separating component behavior from visual styling so developers can implement their own design language without being constrained by predefined styles. Built on top of Zag.js state machines, Ark delivers predictable and robust component logic that works consistently across multiple JavaScript frameworks. It supports React, Solid, Vue, and Svelte, enabling developers to share component behavior across ecosystems while maintaining framework-specific implementations. Because the components are headless, developers bring their own CSS frameworks, styling solutions, or design tokens, which makes the library highly adaptable for custom UI systems. -
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
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. -
6
Intent UI
Intent UI is a chill set of React components
Intent UI is a modern React component library focused on accessibility, customization, and developer ownership, built on top of React Aria Components and styled with Tailwind CSS. It follows a copy-and-paste philosophy similar to shadcn/ui, allowing developers to directly integrate and modify components within their own codebases instead of relying on rigid dependencies. The library emphasizes accessible design by leveraging ARIA standards and best practices, ensuring that components work well with keyboard navigation and assistive technologies. It includes a wide range of components such as overlays, forms, visualizations, and layout elements, making it suitable for building full web applications. Intent UI also provides templates, blocks, and starter kits that accelerate development and reduce setup time for new projects. Its integration with modern frameworks like Next.js, Vite, and TanStack Router further enhances its flexibility and ease of adoption. -
7
Redux DevTools
DevTools for Redux with hot reloading, action replay, and UI
Developer Tools to power-up Redux development workflow or any other architecture which handles the state change. It can be used as a browser extension (for Chrome, Edge and Firefox), as a standalone app or as a React component integrated in the client app. If you want to have full control over where DevTools are displayed, or are developing a custom monitor, you will probably want to integrate them manually. It’s more steps, but you will have full control over monitors and their configuration. omewhere in your project, create a DevTools component by passing a monitor element to createDevTools. A store enhancer is a function that enhances the behavior of createStore(). You can pass store enhancer as the last optional argument to createStore(). The easiest way to apply several store enhancers in a row is to use the compose() utility function that ships with Redux. -
8
SB Admin in Angular 13 and Bootstrap 5
Simple Dashboard Admin App built using Angular 8 and Bootstrap 4
Simple Dashboard Admin App built using Angular 13 and Bootstrap 5. This project is a port of the famous Free Admin Bootstrap Theme SB Admin v8.0 to Angular 13 Theme. This project was generated with Angular CLI version 13.2.2. Provides fast, reliable and extensible starter for the development of Angular projects. Note that this seed project requires node >=v12.0.0 and npm >=6. Run ng generate component component-name to generate a new component. You can also use ng generate directive/pipe/service/class/module. Run ng test to execute the unit tests via Karma. Run ng e2e to execute the end-to-end tests via Protractor. Before running the tests make sure you are serving the app via ng serve. -
9
spartan
Cutting-edge tools powering Angular full-stack development
spartan is a modern, experimental full-stack toolkit designed to enhance Angular development by combining a flexible UI component system with a broader application stack. It is structured as a monorepo that includes both a UI library and a full-stack solution, enabling developers to build complete applications with consistent tooling and design patterns. One of its defining characteristics is its inspiration from libraries like shadcn/ui, emphasizing ownership of code rather than heavy abstraction, which allows developers to fully customize and extend their components. The UI layer is built on accessible, unstyled primitives that can be enhanced with styled layers, giving teams control over both accessibility and visual design without being locked into a rigid theme. Spartan integrates well with modern Angular tooling such as Nx and Tailwind CSS, making it suitable for scalable, enterprise-level projects. -
AI-powered service management for IT and enterprise teamsGive your IT, operations, and business teams the ability to deliver exceptional services—without the complexity. Maximize operational efficiency with refreshingly simple, AI-powered Freshservice.
-
10
CoreUI 4 Angular 13 Free Admin Template
CoreUI Angular is free Angular 13 admin template
CoreUI Angular Admin Panel is not another blend of 3rd parties free components and libraries. It's the only Open Source Angular Admin Dashboard Template built on the enterprise-grade hand-crafted Angular Components Library created and backed by professionals. CoreUI helps you build reliable web apps faster than before. Save thousands of development hours by using ready-made, reusable, and commonly used widgets and UI components. Moreover, CoreUI Angular Dashboard is delivered with a ready-to-use environment, so you don't have to waste time configuring the project. All build scripts and tools are ready to use out of the box. With CoreUI Template you can start a new project in a minute! CoreUI Angular Admin Panel is 100% compatible with Bootstrap, but Boostrap-based components have been built from scratch as true Angular components, without jQuery and unneeded dependencies. -
11
Recharts
Redefined chart library built with React and D3
A composable charting library built on React components. Quickly build your charts with decoupled, reusable React components. Built on top of SVG elements with a lightweight dependency on D3 submodules. Customize your chart by tweaking component props and passing in custom components. -
12
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. -
13
assistant-ui
Typescript/React Library for AI Chat
The assistant-ui project is an open-source TypeScript and React library designed to build production-grade AI chat interfaces quickly and efficiently. It provides a set of composable UI primitives that allow developers to construct fully customized conversational experiences without relying on monolithic components. The library handles complex behaviors such as streaming responses, auto-scrolling, accessibility, and real-time updates out of the box. It is designed to integrate with a wide range of AI backends and providers, making it highly flexible for different architectures. The system also supports advanced features like tool rendering, attachments, and interactive UI elements, enabling rich user experiences. With strong TypeScript support and developer-friendly defaults, it accelerates the process of building and deploying AI-powered applications. Overall, assistant-ui serves as a comprehensive frontend foundation for modern conversational AI systems. -
14
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. -
15
Ant Design Vue
An enterprise-class UI components based on Ant Design and Vue
Enterprise-class UI components based on Ant Design and Vue. An enterprise-class UI design system for desktop applications. A set of high-quality Vue components out of the box. Shared Ant Design of React design resources. Modern browsers. v1.x support Internet Explorer 9+ (with polyfills). We recommend using npm or yarn to install, it not only makes development easier but also allows you to take advantage of the rich ecosystem of Javascript packages and tooling. If you are in a bad network environment, you can try other registries and tools like cnpm. The library function, implemented in the DOM template, can use the custom event of the ant-design-vue component (camelCase). You can use the callback to get a reference like react. ant-design-vue is an MIT-licensed open source project. In order to achieve better and sustainable development of the project, we expect to gain more backers. -
16
Choices.js
A vanilla JS customizable select box/text input plugin
Choices.js is a lightweight, configurable select box/text input plugin. Similar to Select2 and Selectize but without the jQuery dependency. Choices is compiled using Babel targeting browsers with more than 1% of global usage and expecting that features listed below are available or polyfilled in the browser. You may see exact list of target browsers by running npx browserslist within this repository folder. If you need to support a browser that does not have one of the features listed below, I suggest including a polyfill from the very good polyfill.io. Events fired by Choices behave the same as standard events. No jQuery dependency, configurable sorting, flexible styling, fast search/filtering, clean API, right-to-left support, custom templates. -
17
Figma electron app
Figma is the first interface design tool based in the browser
Figma is the first interface design tool based in the browser, making it easier for teams to create software. Figma-linux is an unofficial Electron-based Figma desktop app for Linux. You can install Figma-linux from Snap. There is also an AppImage available. Get it on our Releases page, then make it executable and install using the terminal commands provided. Download the .deb package from the Releases page, and install it with dpkg or your favorite .deb installer. -
18
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. -
19
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. -
20
Mapbox
Native OpenGL powered Maps, by Mapbox
nativescript-mapbox is a NativeScript plugin for integrating Mapbox maps into mobile applications. It offers customizable maps, marker support, and interactive features suitable for location-based apps. -
21
Nuxt UI
A UI Library for Modern Web Apps, powered by Vue & Tailwind CSS
Nuxt UI simplifies the creation of stunning and responsive web applications with its comprehensive collection of fully styled and customizable UI components designed for Nuxt. Choose a primary and a gray color from your Tailwind CSS color palette. Components will be styled accordingly. Change the style of any component in your App Config or customize them specifically through the ui prop. Choose any of the 100k+ icons from the most popular icon libraries with the Icon component or the icon prop. Nuxt UI comes with a set of Vue composables to easily handle keyboard shortcuts in your app. -
22
OpenUI
The Open Standard for Generative UI
OpenUI is an open-source framework focused on enabling AI-driven generation and manipulation of user interfaces through natural language and programmatic inputs. The project aims to bridge the gap between design and development by allowing users to describe UI components and layouts in plain language, which are then translated into structured code or interactive components. It leverages modern AI models and frontend technologies to dynamically generate UI elements that can be customized, refined, and extended within development workflows. OpenUI is particularly useful for rapid prototyping, as it allows developers and designers to iterate on interface ideas without manually writing all the underlying code. The framework also supports extensibility, enabling integration with existing design systems and component libraries. By combining AI-assisted generation with developer control, OpenUI provides a hybrid approach to building interfaces that balances automation with customization. -
23
Storybook
The UI component explorer, develop, document, & test React, Vue, etc.
Storybook is an open-source tool for building UI components and pages in isolation. It streamlines UI development, testing, and documentation. Storybook provides a sandbox to build UIs in isolation so you can develop hard-to-reach states and edge cases. Implement components and pages without needing to fuss with data, APIs, or business logic. Render components in key states that are tricky to reproduce in an app. Save use cases as stories in plain JavaScript to revisit during development, testing, and QA. Use addons to customize your workflow, automate testing, and integrate with your favorite tools. Stories are a pragmatic, reproducible way to keep track of UI edge cases. Write stories once then reuse them to power automated tests. Whenever you write a story you get a handy test case. Quickly browse stories to make sure your UI looks right. Pinpoint UI changes down to the pixel by comparing image snapshots of stories. -
24
cult/ui
Components crafted for Design Engineers. Styled using Tailwind CSS
cult/ui is an open-source collection of accessible and customizable user interface components designed to help developers quickly build modern web applications. It focuses on providing copy-and-paste components that integrate seamlessly into existing projects, reducing the need for complex setup or heavy dependencies. The library is built using modern frontend technologies such as Tailwind CSS and is fully compatible with ecosystems like shadcn, making it highly adaptable. It also includes a large catalog of prebuilt AI agent patterns and templates, allowing developers to rapidly prototype and deploy AI-powered features such as data analysis tools, chat interfaces, and automation systems. The project emphasizes developer experience, offering live previews, modular design, and full-stack templates that can be used as starting points for applications. Its extensibility allows teams to create their own component libraries or adapt existing components to fit specific needs. -
25
directus
Directus wraps any SQL database with a real-time GraphQL+REST API
With over 18 million downloads, Directus is the world's first Open Data Platform for instantly turning any SQL database into an API and beautiful no-code app. Power any project with a modern, open-source data platform. A modern data platform, designed for developers. Our modular codebase is 100% JavaScript, leveraging the power of Node.js and Vue.js 3 for blazing performance and easy extensibility. You remain in complete control of your new or existing database. No need to migrate to a proprietary data model, so there's no vendor lock-in. Directus is the world's leading Open Data Platform, with millions of downloads, thousands of active developers, and we're just getting warmed up. Start with a new or existing database, using any SQL vendor, Directus takes care of the rest. The Directus API layers on top of your database, providing both REST and GraphQL APIs for your data.
