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.
-
$300 Free Credits to Build on Google CloudPut your $300 in credit toward real workloads, then keep building with free monthly usage for 20+ products. No commitment and no charge until you upgrade.
-
Train ML Models With SQL You Already KnowBuild and deploy ML models using familiar SQL. Automate data prep with built-in Gemini. Query 1 TB and store 10 GB free monthly.
-
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
Pattern Craft
Professional-grade background patterns and gradients
Pattern Craft is a frontend resource focused on helping developers quickly add polished visual texture to websites and applications through a curated collection of modern background patterns and gradients. The project centers on production-ready snippets that are meant to be copied directly into real interfaces rather than treated as static inspiration only. Its repository describes more than 100 patterns and gradient snippets, with an emphasis on modern CSS techniques and Tailwind-friendly implementation, which makes it especially useful for teams already building with component-based frontend stacks. The experience is designed around fast discovery and immediate usability, since users can preview patterns live, browse organized categories, and save favorites for later reuse. It is particularly well suited to developers and designers working in React, Next.js, Vue, Angular, or similar frontend ecosystems. -
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
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. -
Host LLMs in Production With On-Demand GPUsDeploy your model, get an endpoint, pay only for compute time. No GPU provisioning or infrastructure management required.
-
5
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. -
6
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. -
7
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. -
8
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. -
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
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. -
11
ReUI
Design-forward shadcn kit for interfaces that stand out
ReUI is a design-forward component library built for the shadcn/ui ecosystem, offering a large-scale collection of production-ready UI components and layouts intended to accelerate modern React and Next.js development. Unlike traditional UI libraries that focus on isolated components, ReUI emphasizes real-world usage by presenting components within complete dashboard layouts and application flows, making it easier for developers to understand how pieces fit together in practical scenarios. The project includes over 1,000 reusable components organized across dozens of categories, along with custom in-house primitives such as data grids, kanban boards, and advanced filtering systems that are not part of the base shadcn/ui toolkit. Its copy-and-own philosophy eliminates dependency lock-in by allowing developers to directly copy component code into their own repositories, ensuring full control and customization. -
12
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. -
13
MDB Vue UI Kit
Vue 3 & Bootstrap 5 & Material Design 2.0 UI KIT
Bootstrap 5 & Vue 3 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. -
14
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. -
15
BG.IBELICK
Modern background snippets: copy, paste, ready-to-use
BG.IBELICK is an open-source collection of modern web background designs made with Tailwind CSS. It is intended for developers who want polished visual backgrounds without creating each effect from scratch. Every snippet is designed to be copied and pasted directly into another project. The collection focuses on reusable styling patterns rather than requiring a dedicated runtime component library. Its designs can be adapted for landing pages, application sections, dashboards, and other interface surfaces. The accompanying website provides a visual way to explore the collection while the repository contains the Tailwind-based implementation for reuse and modification. -
16
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. -
17
Motion-Primitives
UI kit to make beautiful, animated interfaces, faster
Motion Primitives is an open-source UI kit of animated components for building polished web interfaces faster. Its components are designed for engineers and designers who want motion without recreating interactions from scratch. The project uses Motion and Tailwind CSS as its core animation and styling technologies. Components are designed to be easy to integrate and customize within existing interfaces. The repository separates reusable core components from UI and website-specific elements to support a structured implementation. It is currently distributed as a beta project with dedicated documentation and continuing additions to its component collection. -
18
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. -
19
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. -
20
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. -
21
UI Skills
A growing set of skills to polish interfaces built by agents
UI Skills is a curated collection of skills designed to help AI agents and tools automatically improve user interfaces by applying best-practice adjustments and fixes, making frontend workflows more reliable and performant. It provides a suite of modular routines that can be added to an AI agent’s pipeline so that interfaces are polished for accessibility, metadata correctness, performance, and visual consistency without requiring manual tweaking for each change. The project includes skills like baseline UI normalization, accessibility enhancements, metadata corrections, and motion performance optimizations, which can be selectively applied or run as a batch across a codebase. Developers can install and manage these skills through a simple CLI or package installer to apply reviews and transformations in their local or CI environment, helping enforce UI standards. -
22
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. -
23
heroui-native
Beautiful, fast and modern React Native UI library
heroui-native is a modern React Native UI component library designed to provide developers with beautiful, high-performance, and accessible mobile interface elements out of the box. Built with Tailwind CSS principles through Uniwind, it allows developers to apply familiar utility-first styling patterns to native mobile development. The library emphasizes design consistency and usability, offering components that are visually polished while maintaining flexibility for customization. Each component is fully typed and follows predictable patterns, making it easier to integrate into large-scale applications. HeroUI Native also focuses heavily on accessibility, ensuring proper handling of touch interactions, screen readers, and focus management. It includes smooth animations and adaptive behaviors that enhance the user experience without sacrificing performance. -
24
media-chrome
Custom elements (web components) for making audio and video player
media-chrome is an open source library that provides fully customizable media player controls using native web components, allowing developers to design consistent and flexible audio and video player interfaces across different platforms and frameworks. Instead of relying on default browser controls or proprietary player APIs, Media Chrome introduces a set of reusable custom elements that can be composed using standard HTML, styled with CSS, and integrated into any JavaScript framework including React, Angular, and Svelte. The library supports a wide range of media sources, including native HTML5 video and audio elements as well as third-party players like YouTube and HLS-based streams, making it highly adaptable to different use cases. Its architecture is built around the concept of a media controller and modular control components, enabling developers to easily add, remove, or customize features such as playback controls, volume sliders, timelines, and fullscreen buttons. -
25
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.
