Open Source TypeScript User Interface (UI) Software
Sort By:
TypeScript User Interface (UI) Software
View 126 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.
-
Secure File Transfer for Windows with Cerberus by RedwoodCerberus supports unlimited users and connections on a single IP, with built-in encryption, 2FA, and a browser-based web client — all deployable in under 15 minutes with a 25-day free trial.
-
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.
-
1
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. -
2
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. -
3
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. -
4
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. -
$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.
-
5
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. -
6
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. -
7
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. -
8
dockview
Zero dependency docking layout manager supporting tabs
dockview is a zero-dependency docking layout manager written in TypeScript that enables developers to create highly dynamic, IDE-like interfaces with draggable panels, tabs, and resizable layouts. It supports multiple layout paradigms, including split views, grid layouts, and dockable panels, allowing complex UI arrangements similar to tools like Visual Studio Code. The library is framework-agnostic at its core, with official bindings for React, Vue, and Angular, as well as support for vanilla TypeScript. Dockview includes advanced features such as floating panels, popout windows, and persistent layout serialization, enabling users to save and restore custom workspace configurations. Its architecture emphasizes performance and flexibility, providing a comprehensive API for programmatic control over layout behavior. The system also supports theming and customization through CSS variables, allowing seamless integration into different design systems. -
9
Node Modules Inspector
Interactive UI for local node modules inspection
This is a tool (CLI + interactive UI) for inspecting the node_modules directory of a JavaScript/TypeScript project, created by Anthony Fu. It supports projects using npm, pnpm or bun. The idea is to help developers visualise the dependency graph, see which dependencies are installed, their sizes, types (ESM vs CJS), origins (catalog vs registry), and filter or build a static report of a project’s dependency tree. The project includes a web UI version that you can try at node-modules.dev, and a build command to generate a static output (folder .node-modules-inspector) for hosting. It supports configuration via node-modules-inspector.config.ts for customizing filters and display settings. Internally it uses a web version with WebContainer to run in-browser installations for live project visualisations. It’s especially useful for large monorepos or complex dependency trees where understanding size, duplication or unused packages is critical. -
Full-stack observability with actually useful AI | 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.
-
10
Refined GitHub
Browser extension that simplifies GitHub interface and adds features
Browser extension that simplifies the GitHub interface and adds useful features. Adds a build/CI status icon next to the repo’s name. Hides the Projects tab from repositories and profiles when it’s empty. New projects can still be created via the Create new… menu. Hides forks and watchers counters. Changes the default sort order of milestones Closest due date. Adds useful links to the repository navigation dropdown and moves the "Security" and "Insights" tabs to it as well. Adds a keyboard shortcut to star/unstar the current repo: g s. Adds a link to the default branch on directory listings and files. Adds a link to swap branches in the branch compare view. Adds a shortcut to your forks next to the Fork button on the current repo. Displays the age of the repository in the sidebar. In your forked repos, shows number of your open PRs to the original repo. Adds a link to access the past runs of a GitHub Action workflow when seeing the workflow configuration file. And much more. -
11
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. -
12
Elastic UI Framework
Elastic UI Framework
The Elastic UI framework (EUI) is a design library in use at Elastic to build internal products that need to share our aesthetics. It distributes UI React components and static assets for use in building web layouts. Uses high contrast, color-blind safe palettes and is tested with most assistive technology. Configurable enough to meet the needs of a wide array of contexts while maintaining brand and low-level consistency. Code is friendly to the novice and expert alike. The Elastic UI Framework is a collection of React UI components for quickly building user interfaces at Elastic. The primary goal of this library is to provide reusable UI components that can be used throughout Elastic's web products. As React components, they remove CSS from the process of building UIs. As a single source of truth, the framework allows our designers to make changes to our aesthetic directly in the code. -
13
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. -
14
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. -
15
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. -
16
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. -
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
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. -
19
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. -
20
Claude Run
A beautiful web UI for browsing Claude Code conversation history
Claude Run is a user-friendly web interface for browsing, searching, and managing Claude Code conversation history in a visually appealing way, making it easier to revisit past interactions, track project progress, and resume long-running coding sessions. Running locally via a single command (npx claude-run), it launches a web UI that displays all stored Claude Code sessions – including conversation threads, tool calls, and timestamps – in a clean chat layout, helping developers quickly find relevant context and reduce friction when switching between tasks. The interface supports real-time streaming as Claude responds, search filters by prompt text or project name, and a sidebar for session navigation that can collapse to maximize viewing space. Users can resume sessions with a single click, copy resume commands directly from the UI, and filter conversations to focus on specific projects or topics. -
21
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. -
22
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. -
23
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. -
24
Material Design for Bootstrap 5 React 17
React 17 & Bootstrap 5 & Material Design 2.0 UI KIT
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 MDB 5 React 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. Indicate the loading state of a component or page with MDB spinners, built entirely with HTML, CSS, and no JavaScript. -
25
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.
