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 for Your Google Cloud ProjectsLaunch your next project with $300 in free Google Cloud credits—no strings attached. Test, build, and deploy without risk. Use your credits across the entire Google Cloud platform to find what works best for your needs. After your credits are used, continue with always-free tier services. Only pay when you're ready to scale. Sign up in minutes and start exploring.
-
Auth0 B2B Essentials: SSO, MFA, and RBAC Built InAuth0's B2B Essentials plan gives you everything you need to ship secure multi-tenant apps. Unlimited orgs, enterprise SSO, RBAC, audit log streaming, and higher auth and API limits included. Add on M2M tokens, enterprise MFA, or additional SSO connections as you scale.
-
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
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. -
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. -
Ship Agents FasterGemini Enterprise Agent Platform lets you rapidly build, scale, govern and optimize production-ready agents grounded in your organization's data. The platform enables developers to build custom or pre-built agents for virtually any use case. New customers get $300 in free credits.
-
5
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. -
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
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
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. -
9
Shadcn UI NextJS Boilerplate
Shadcn UI NextJS Boilerplate. Free Open-source ChatGPT UI Admin
Launch your SaaS startup within a few days with the first Admin Dashboard Shadcn UI NextJS boilerplate. Get started with Horizon AI Boilerplate today. Horizon AI Boilerplate is the first open-source Admin Dashboard OpenAI ChatGPT AI Template made for Shadcn UI, NextJS, and Tailwind CSS! Start creating outstanding Chat AI SaaS Apps faster. It comes with over 30+ dark/light frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining. -
Compliant and Reliable File Transfers Backed by Top Security CertificationsStop relying on non-certified, legacy file transfer tools that creak under the weight of modern security demands. Get full audit trails, advanced access controls and more supported by an award-winning team of experts. Start your free 25-day trial today.
-
10
spartan
Cutting-edge tools powering Angular full-stack development
spartan is a modern, experimental full-stack toolkit designed to enhance Angular development by combining a flexible UI component system with a broader application stack. It is structured as a monorepo that includes both a UI library and a full-stack solution, enabling developers to build complete applications with consistent tooling and design patterns. One of its defining characteristics is its inspiration from libraries like shadcn/ui, emphasizing ownership of code rather than heavy abstraction, which allows developers to fully customize and extend their components. The UI layer is built on accessible, unstyled primitives that can be enhanced with styled layers, giving teams control over both accessibility and visual design without being locked into a rigid theme. Spartan integrates well with modern Angular tooling such as Nx and Tailwind CSS, making it suitable for scalable, enterprise-level projects. -
11
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. -
12
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. -
13
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. -
14
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. -
15
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. -
16
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. -
17
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. -
18
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. -
19
MD.BootstrapPersianDateTimePicker
Bootstrap Persian/Gregorian Date Time Picker
Bootstrap 5+ Persian And Gregorian Date Time Picker. -
20
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. -
21
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. -
22
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. -
23
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. -
24
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. -
25
Taiga UI
Angular UI Kit and components library for awesome people
A modern Angular-based UI library with a focus on speed and modularity for complex applications.
