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.
-
Your monitoring isn't a stack. It's a pile. Fix that.Replace Datadog, New Relic, and Sentry without adding three more dashboards.
-
Our Free Plans just got better! | Auth0You asked, we delivered! Auth0 is excited to expand our Free and Paid plans to include more options so you can focus on building, deploying, and scaling applications without having to worry about your security. Auth0 now, thank yourself later.
-
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
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. -
3
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. -
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
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. -
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
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. -
8
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. -
9
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. -
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.
-
10
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. -
11
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. -
12
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. -
13
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. -
14
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. -
15
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. -
16
Ring UI
A collection of JetBrains Web UI components
Ring-UI is a React component library created by JetBrains to provide a consistent, high-quality set of UI elements for building web applications with a polished and professional look and feel. It includes a comprehensive suite of components like buttons, dropdowns, modals, tabs, forms, tooltips, menus, and navigation elements that adhere to modern design principles and accessibility standards, making it easier for developers to deliver rich interactive experiences without reinventing core UI pieces. Ring-UI is designed to be modular, themable, and easily composable, so teams can adopt only the components they need and customize appearance to match their branding or product style. It also includes layout utilities and responsive behavior to support applications that work well on both desktop and mobile screens. With TypeScript support, robust documentation, and a focus on developer ergonomics, Ring-UI makes complex UI development more predictable and maintainable in large projects. -
17
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. -
18
nut.js
Native UI testing / controlling with node
nut.js gives you full control over your mouse. Move, click or drag your cursor where you need it! Press (and hold) single keys or type pages of text, nut.js handles both! It allows for native UI interactions via keyboard and/or mouse but additionally gives you the possibility to navigate the screen based on image matching. nut.js gives you access to your system clipboard. Copy and paste text as you go! Retrieve info about open windows to improve your tests or workflows. nut.js provides plug-ins to perform on-screen image search, the key component for visual testing or image-based automation! nut.js works on all major operating systems. Windows, macOS and Linux! An improved image matching plugin that supports Apple Silicon chips, works across all current and future node/Electron versions and provides multi-image matching. -
19
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. -
20
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. -
21
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. -
22
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. -
23
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. -
24
1Code
Best UI for Claude Code
1Code is a developer-centric platform that aims to unify project templates, starter kits, and common utility patterns into a cohesive, reusable ecosystem that accelerates software scaffolding and reduces repetitive setup work. Instead of manually bootstrapping similar projects from scratch, developers can choose from curated templates that include best practices for tooling, folder structure, configuration, and integrations for languages and frameworks spanning frontend, backend, and full-stack workflows. The templates in 1code are opinionated but configurable, giving teams a consistent baseline while still allowing customization to match specific technical requirements. It also provides utilities for code generation, linting, formatting, and local dev automation so developers can focus on writing domain logic rather than maintaining boilerplate. For organizations with multiple teams, the platform helps enforce architectural consistency and shared standards without heavy overhead. -
25
Claude Canvas
Give Claude Code an external monitor
Claude Canvas is a terminal-focused UI toolkit that extends Claude Code by giving it a dedicated visual interface within the terminal, allowing interactive panes for apps like email, calendar, flight bookings, and other structured interfaces directly alongside the coding agent session. Rather than limiting interactions to text prompts and responses, Claude-Canvas uses tools like tmux to spawn multiple split panes so that you can see persistent interfaces for tasks that benefit from visual context, making your CL-based AI coding workspace feel more like a rich interactive environment. It acts as a proof-of-concept that bridges traditional command-line AI interactions with more dynamic terminal user interfaces, enabling developers to craft more immersive and contextually rich workflows without leaving their development terminal.
