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.
-
8 Monitoring Tools in One APM. Install in 5 Minutes.AppSignal works out of the box for Ruby, Elixir, Node.js, Python, and more. 30-day free trial, no credit card required.
-
Forever Free Full-Stack Observability | Grafana CloudBuilt on open standards like Prometheus and OpenTelemetry, Grafana Cloud includes Kubernetes Monitoring, Application Observability, Incident Response, plus the AI-powered Grafana Assistant. Get started with our generous free tier today.
-
1
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
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. -
3
Kando
The Cross-Platform Pie Menu
Kando is a cross-platform pie menu for your desktop. It offers an unconventional, fast, highly efficient, and fun way of interacting with your computer! You can use Kando to launch applications, simulate keyboard shortcuts, open files, and much more. -
4
Tamagui
Style React fast with 100% parity on React Native
Tamagui is a cross-platform UI framework and styling system for React and React Native that enables developers to build high-performance applications with a single codebase shared across web and mobile platforms. It combines a universal style system with a powerful optimizing compiler that transforms styled components into efficient, platform-specific output, significantly improving runtime performance. The framework provides a superset of the React Native styling API, allowing developers to write styles once and have them work consistently across environments. Tamagui also includes a full UI kit with both styled and unstyled components, enabling flexible design system creation. Its compiler performs advanced optimizations such as CSS extraction, tree flattening, and dead code elimination, reducing bundle size and improving rendering speed. The system includes robust theming capabilities with support for design tokens, responsive props, and dynamic themes like dark mode. -
Gemini 3 and 200+ AI Models on One PlatformBuild generative AI apps with Vertex AI. Switch between models without switching platforms.
-
5
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. -
6
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. -
7
Gator
Conda environment and package management extension from within Jupyter
The Mamba Navigator, a Web UI for managing conda environments. Provides Conda/Mamba environment and package management as a standalone application or as an extension for JupyterLab. -
8
Material UI
Comprehensive React component library that implements Material Design
Material UI is an open-source React component library that implements Google's Material Design. It's comprehensive and can be used in production out of the box. A meticulous implementation of Material Design; every Material UI component meets the highest standards of form and function. Start quickly with Material Design or use the advanced theming feature to easily tailor the components to your needs. CSS utilities allow you to move faster and make for a smooth developer experience when styling any component. Reach out for the Figma Design Kit and the Sync plugin to bridge the gap between development and design when using Material UI. -
9
Helm Dashboard
The missing UI for Helm - visualize your releases
Helm Dashboard is an open-source project which offers a UI-driven way to view the installed Helm charts, see their revision history and corresponding k8s resources. It also allows users to perform simple actions such as rolling back to a revision or upgrading to a newer version. This project is part of Komodor's vision to help Kubernetes users to navigate and troubleshoot their clusters. It is important to note that Helm Dashboard is NOT an official project by the helm team. -
Enterprise-grade ITSM, for every businessFreshservice is an intuitive, AI-powered platform that helps IT, operations, and business teams deliver exceptional service without the usual complexity. Automate repetitive tasks, resolve issues faster, and provide seamless support across the organization. From managing incidents and assets to driving smarter decisions, Freshservice makes it easy to stay efficient and scale with confidence.
-
10
Page Agent
JavaScript in-page GUI agent. Control web interfaces
Page Agent is an open-source in-page AI agent framework that allows developers to control and interact with web interfaces using natural language directly within the browser. Unlike traditional browser automation tools, it operates entirely through in-page JavaScript, eliminating the need for browser extensions, headless browsers, or external automation environments. The system enables users to manipulate the DOM through text-based commands, allowing complex workflows such as form filling, navigation, and UI interaction to be executed through simple natural language instructions. Page Agent is designed to integrate seamlessly into existing web applications, making it possible to embed AI copilots into SaaS platforms without major backend changes. It supports a bring-your-own-LLM approach, allowing developers to connect their preferred language models to power the agent’s reasoning capabilities. -
11
TanStack Table
Headless UI for building powerful tables & datagrids for TS/JS
TanStack Table is a headless UI library crafted for building powerful, highly customizable tables and data grids with TypeScript/JavaScript. It provides robust logic, state management, and APIs while intentionally omitting UI markup and styling, giving developers total control over presentation. It supports multiple frameworks, including React, Vue, Solid, Svelte, Qwik, Lit, and Vanilla JS/TS. -
12
Fishing Funds
Fund, big market, stock, virtual currency status bar display for apps
Display real-time trends of Chinese funds in the menubar. Fund, big market, stock, virtual currency status bar displays small applications, developed based on Electron, supports MacOS, Windows, Linux clients, data sources come from Tiantian Fund, Ant Fund, Love Fund, Tencent Securities, Sina Fund, etc. This project refers to electron-react-boilerplate-menubar, which is developed based on Electron React Boilerplate and menubar. Use data source interfaces such as Tiantian Fund to display the current fund rise and fall in real time, calculate and display income, real-time market data, sector prices, stock trends, encrypted virtual currencies, etc. All the data in the software are for reference only. All gains or losses are based on the actual day. Any trend and ranking data come from third-party websites and do not represent the author's views. This project is a small plug-in for personal use of the status bar, which is completely open source and free, and is only for learning. -
13
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. -
14
PrimeNG
The most complete Angular UI component library
Your perfect companion for Angular featuring elegant, high-performance, accessible and fully customizable UI Components. The most complete set of native widgets featuring 80+ easy to use components for all your UI requirements. Hosted at GitHub, all widgets are open source and free to use under MIT license. Feel the power of open source. Don’t get tied up in just one look & feel. Choose from a variety of options including material and bootstrap design. Professionally designed highly customizable native Angular CLI application templates to get you started in no time. Fully accessible and in compliance with Section 508 standards. With the exclusive services of Pro account, you no longer need to post your questions in the community forum and your issues to community issue tracker. Allocate your valuable time on business logic rather than dealing with the complex user interface requirements. -
15
React Native UI Library
UI Components Library for React Native
RNUI is a UI toolset & components library for React Native. Basic components like buttons, avatars, and cards and more sophisticated ones like hints, ColorPicker and drawer. -
16
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. -
17
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. -
18
Covalent
Teradata UI Platform built on Angular Material
Reusable tested tools to build robust Angular Material & Angular applications. Vision: To build an atomic, reusable component platform for Teradata to consume, while collaborating in an open-source model. Covalent is a reusable UI platform from Teradata for building web applications with common standards and tooling. It is based on Angular and Material Design. Visualize your data easily. ECharts is an extensive "tried and true" charting library brought to Angular as Covalent Charts. td-chart-x-axis and td-chart-y-axis elements generate an axis inside a td-chart. Its the equivalent of creating a JS xAxis/yAxis object in charts. Blank main site nav component that gets hooked as a parent of all the other layouts. Layout with a custom navigation view with toolbar items and footers. Basic side sheet content. -
19
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. -
20
Homebridge Config UI X
The Homebridge UI. Monitor, configure and backup Homebridge
The Homebridge UI. Monitor, configure and backup Homebridge from a browser. Homebridge Config UI X is a web-based management tool for Homebridge that allows you to manage all aspects of your Homebridge setup. Install and configure Homebridge plugins. Edit the Homebridge config.json with advanced JSON syntax checking and structure validation. Visual configuration for over 450 plugins (no manual config.json editing required) Monitors your Homebridge server via a fully customizable widget-based dashboard. View the Homebridge logs. View and control Homebridge accessories. Restart Homebridge. Backup and Restore your Homebridge instance and more. Homebridge Config UI X also provides a tool called hb-service which makes it easy to setup Homebridge as a service on Linux/Raspbian, macOS and Windows 10. The dashboard is widget-based and completely customizable with a number of themes available. -
21
Material Design for Bootstrap 5 Angular
Angular 11 & Bootstrap 5 & Material Design 2.0 UI KIT
Bootstrap 5 & Angular 12 UI KIT - 700+ components, MIT license, simple installation. MDB is a collection of free Bootstrap templates, themes, design tools & resources. Simple installation via .zip, npm or cdnjs. Free Hosting, WordPress support, custom domains, SSL support, free database, frontend & backend templates, webpack starter included git repository, FTP & Jenkins support. One-click setup! MDB GO allows you to create a WordPress page with a single click. Regardless of whether you want to create a Travel Blog or an e-commerce shop to sell your product you can easily do that. You can even combine both into a single page. Trusted by 2 000 000+ developers & designers. Used by companies & institutions. Simplicity and ease of use are key features of the MDB 5 Angular UI Kit. You need only one minute to install and run it. Use MDB custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more. -
22
Radix Themes
Radix Themes is an open-source component library
Radix UI Themes is a pre-styled component library built on top of the Radix ecosystem that provides developers with ready-to-use UI components designed for fast development, accessibility, and long-term maintainability. Unlike Radix Primitives, which are intentionally unstyled, Radix Themes delivers a cohesive design system with sensible defaults that work out of the box with minimal configuration. It includes a centralized Theme component that allows developers to control visual aspects such as color palettes, scaling, radius, and appearance across an entire application. The library is designed to integrate seamlessly with React applications and modern tooling, offering a consistent API and predictable behavior across all components. It emphasizes accessibility and usability by incorporating best practices into its default implementations, ensuring that components behave correctly across different devices and input methods. -
23
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. -
24
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. -
25
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.
