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.
-
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.
-
Gemini 3 and 200+ AI Models on One PlatformBuild generative AI apps with Vertex AI. Switch between models without switching platforms.
-
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
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
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. -
4
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. -
Custom VMs From 1 to 96 vCPUs With 99.95% UptimeLive migration and automatic failover keep workloads online through maintenance. One free e2-micro VM every month.
-
5
Ant Design Pro
Out-of-box UI solution for enterprise applications
An out-of-box UI solution for enterprise applications as a React boilerplate. Ant Design Pro is a production-ready solution for admin interfaces. Built on the design principles developed by Ant Design, this project introduces higher level components; we have developed templates, components, and a corresponding design kit to improve the user and development experience for admin interfaces. Ant Design Pro is a front-end scaffolding. By default, readers have already understood some basic front-end knowledge, and understand umi and Ant Design. If you are a pure novice, it is recommended to read Beginner's Need to know. Sharpen the knife and chop wood by mistake. Knowing some basic knowledge can make the learning curve smoother. Create umi offers a wide range of options to meet the scaffolding needs of different users, and we can choose to develop the language JavaScript or TypeScript. -
6
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. -
7
ILLA Builder
Low-code platform allows you to build business apps
ILLA is a robust open source low-code platform for developers to build internal tools. By using ILLA's library of Components and Actions, developers can save massive amounts of time on building tools. Build tools through drag-and-drop components, customize your AI Agent, connect to your data sources, and make AI a smart tool tailored to your needs and data, making your work more intelligent. By dragging and dropping components, you can quickly build the UI of the apps and implement any functionality you desire. Connect to your own data sources, including MySQL, PostgreSQL, and other databases, REST APIs, GraphQL, etc. Build CRUD apps in just one minute. Integrating AI agents into your app and empowering it with AI capabilities such as intelligent analysis, content generation, and more, without AI development skills. Use ILLA Flow to automate your workflow to ensure you always have the latest data and reduce repetitive tasks. -
8
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. -
9
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. -
Earn up to 16% annual interest with Nexo.Put idle assets to work with competitive interest rates, borrow without selling, and trade with precision. All in one platform. Geographic restrictions, eligibility, and terms apply.
-
10
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. -
11
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. -
12
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. -
13
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. -
14
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. -
15
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. -
16
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. -
17
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. -
18
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. -
19
NextUI
Beautiful, fast and modern React UI library.
Make beautiful websites regardless of your design experience. Beautiful, fast, and modern React UI library. Provides a plugin to customize default themes, you can change all semantic tokens or create an entirely new theme. Built on top of Tailwind CSS, which means no runtime styles, and no unnecessary classes in your bundle. Automatic dark mode recognition, NextUI automatically changes the theme when detects HTML theme prop changes. NextUI is fully-typed to minimize the learning curve and provide the best possible developer experience. NextUI comes with a fully well-scaled default dark theme that you can apply to your application by just adding the dark attribute to your HTML. -
20
Searchkit
React + Vue Search UI for Elasticsearch & Opensearch
Searchkit is an open-source library that simplifies the integration of Elasticsearch into React applications, providing tools to build user-friendly search experiences with minimal effort. -
21
Tambo
Add generative UI components to your AI assistant, copilot, or agent
Tambo is a React-oriented AI orchestration framework that enables integration of “generative UI” components—that is, components that can be dynamically rendered or updated in response to AI decisions or prompts. It acts as the bridge between an AI assistant and the React front end, letting your AI agent not only send text responses, but also generate interactive UI elements (forms, charts, dashboards, etc.). The library includes tools to scaffold a Tambo app, manage state, and integrate with its backend protocol (Model Context Protocol, or MCP). Developers use Tambo to shift UI logic toward the AI model: instead of hardcoding UI flows, the AI can decide what component to show next. Tambo also supports streaming updates (i.e. progressively rendering UI) and embedding interactions between LLM outputs and front-end state. -
22
daisyUI
daisyUI components built with React
daisyUI components built with React, Typescript, and TailwindCSS. A React component library for daisyUI, the most popular, free, and open-source Tailwind CSS component library. -
23
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. -
24
Ionic Framework
A powerful cross-platform UI toolkit for building native-quality apps
A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript. With a low friction migration, Ionic 6 brings improved desktop support, new UI components, iOS/Android design enhancements, performance and bundling improvements, and so much more. Free and open-source, Ionic offers a library of mobile-optimized UI components, gestures, and tools for building fast highly interactive apps. Ionic’s UI components look great on all mobile devices and platforms. Start with pre-made components, typography, and a base theme that adapts to each platform. Ionic lets developers to ship apps to the app stores and as a PWA with a single code base. With Adaptive Styling, apps look and feel at home on every platform. Create, build, test, and deploy your app with the Ionic CLI. Take advantage of Live Reload, deployments, integrations, and even use your favorite JS framework’s CLI. -
25
NG-ZORRO
Angular UI Component Library based on Ant Design
An enterprise-class Angular UI component library based on Ant Design, all components are open source and free to use under MIT license. An enterprise-class UI design language for Angular applications. 60+ high-quality Angular components out of the box. Written in TypeScript with predictable static types. The whole package of development and design resources and tools. Support OnPush mode, high performance. Powerful theme customization in every detail. Internationalization support for dozens of languages.
