Open Source TypeScript User Interface (UI) Software - Page 2
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.
-
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.
-
AI-generated apps that pass security reviewRetool lets you generate dashboards, admin panels, and workflows directly on your data. Type something like “Build me a revenue dashboard on my Stripe data” and get a working app with security, permissions, and compliance built in from day one. Whether on our cloud or self-hosted, create the internal software your team needs without compromising enterprise standards or control.
-
1
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. -
2
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. -
3
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. -
4
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. -
Build Securely on Azure with Proven FrameworksMoving to the cloud brings new challenges. How can you manage a larger attack surface while ensuring great network performance? Turn to Fortinet’s Tested Reference Architectures, blueprints for designing and securing cloud environments built by cybersecurity experts. Learn more and explore use cases in this white paper.
-
5
Kui
A hybrid command-line/UI development experience for cloud-native devs
Raven is a open source desktop news reader with flexible settings to optimize your experience. No login is required, and no personal data is collected. Just select the websites you want to curate articles from and enjoy! Raven strips away all the distracting content from the original articles, annoying ads, banners, and awkward layouts. You control how Raven displays the content. Choose a theme you love. Customize your fonts and display size. Configure your layout and hide what you don’t need. Raven can sync with your favorite cloud news reader including Feedbin, Inoreader and Self hosted RSS Services supporting Google Reader API. Save the articles you like for offline reading to enjoy whether you’re up in the Himalayas or in an underground train. Some companies track the content you’re viewing so they can try to sell you more stuff. That’s not cool. We respect your privacy. -
6
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. -
7
Material Design for Bootstrap 5 Angular
Angular 11 & Bootstrap 5 & Material Design 2.0 UI KIT
Bootstrap 5 & Angular 12 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. 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 the MDB 5 Angular 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. -
8
NativeBase
Mobile-first, accessible components for React Native & Web
NativeBase is a mobile-first, accessible component library for building a consistent design system across android, iOS & web. NativeBase is a mobile-first, component library for React & React Native. Version 3.0 ships with complete ARIA integration, support for utility props and nearly 40 components that are consistent across Android, iOS and Web. Fast-track your dev process with NativeBase 3.0. Building with React Native from scratch is a tedious process with multiple steps such as adding styling, interactions, state management, responsiveness, accessibility, etc. We wanted to build and ship accessible, high-quality apps quickly. NativeBase was added to the list of Frameworks of Awesome React Native and it is used by numerous React lovers across the world. Our inspirations include Material UI, Chakra UI, Ant Design, Braid Design System, Bootstrap, TailwindCSS & Flutter. -
9
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. -
Try Google Cloud Risk-Free With $300 in CreditUse your credit across every product. Compute, storage, AI, analytics. When it runs out, 20+ products stay free. You only pay when you choose to.
-
10
PO UI
Angular component library
PO UI is an enterprise-focused Angular component library developed to accelerate the creation of business applications by providing a standardized set of UI components and design patterns. It is part of the PO UI ecosystem, which aims to simplify the development of administrative interfaces, dashboards, and enterprise systems with a consistent visual identity. The library includes a wide variety of components such as forms, tables, charts, and navigation elements that are tailored for data-driven applications. It emphasizes productivity by offering ready-to-use components that reduce development time and enforce best practices in UI design. po-angular is designed with scalability in mind, supporting large applications with complex workflows and data structures. It also integrates well with Angular’s architecture, ensuring compatibility with services, routing, and state management patterns. -
11
React Native Elements
Cross-Platform React Native UI Toolkit
A React Native framework for making cross-platform applications. As a cross-platform UI Toolkit, you can now use RNE on the web & share your codebase between your React Native + React web apps. RNE components are rendered perfectly on browser. You can achieve this to target iOS, Android and Web by collaborating RNE and React Native for Web. Consistent design across android, iOS, and web. 30+ components designed to save development time. Built completely in TypeScript. Starting your react native app has never been easier. Supports Expo too! Easily style any of our components just the way you want. 100% built by the community. We're here because we love open source. -
12
Reshaped
Professionally crafted React & Figma components
Reshaped is a professionally crafted design system and component library that bridges design and development by combining React components with a synchronized Figma library. It is designed to help teams build scalable, consistent user interfaces by providing a shared source of truth between designers and developers. The library includes a wide range of production-ready components, from basic inputs and buttons to more complex elements such as tables, calendars, and data visualization tools. A key strength of Reshaped is its emphasis on accessibility, responsiveness, and theming, ensuring that interfaces meet modern usability standards while remaining adaptable to different product needs. The project is structured into multiple packages, including styled components, headless components, and framework-agnostic utilities, allowing developers to choose the level of abstraction that best fits their workflow. -
13
TanStack Virtual
Headless UI for Virtualizing Large Element Lists in JS/TS
TanStack Virtual is a lightweight, framework-agnostic library that enables high-performance virtualization for long or large lists in web UIs, providing smooth scrolling and responsive rendering by only mounting items visible in the viewport. A headless, framework‑agnostic virtualization library for rendering massive lists, grids, and tables at 60FPS while giving you full control over markup and styles. Virtualizes vertical, horizontal & grid layouts with a single hook/function. Lightweight (10–15kb) yet powerful, with dynamic & measured sizing support. Smooth 60FPS scrolling with sticky items and window‑scrolling utilities. -
14
carbon-components-svelte
Svelte implementation of the Carbon Design System
Carbon Components Svelte is a Svelte-native implementation of IBM’s Carbon Design System, built to bring the structure, consistency, and scalability of a mature enterprise design system into Svelte applications. Rather than being a small collection of ad hoc widgets, it functions as a comprehensive component library intended to support design reuse, predictable development, and long-term extensibility across products. Because it is tied to Carbon, the project is especially valuable for teams that want a well-established visual language and interaction model instead of inventing one from scratch. The library also sits within a broader Carbon Svelte ecosystem that includes icon components, pictograms, charts, and preprocessors, which makes it possible to assemble full product interfaces with a unified design vocabulary. Its styling model supports multiple official themes. -
15
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. -
16
react-native-paper-dates
Smooth and fast cross platform Material Design date and time picker
Smooth and fast cross-platform Material Design date picker for React Native Paper. -
17
react-native-safe-area-context
A flexible way to handle safe area insets in JS. Also works on Android
A flexible way to handle safe areas, also works on Android and the Web! This library currently has experimental support for the new react-native architecture. Note that there will be breaking changes and only the latest version of react-native will be supported. This library has 2 important concepts, if you are familiar with React Context this is very similar. The SafeAreaProvider component is a View from where insets provided by Consumers are relative to. This means that if this view overlaps with any system elements (status bar, notches, etc.) these values will be provided to descendent consumers. Usually, you will have one provider at the top of your app. Consumers are components and hooks that allow using inset values provided by the nearest parent Provider. Values are always relative to a provider and not to these components. -
18
shadcn Taxonomy
An open source application built using the new router
Taxonomy is an open-source web application project built with modern JavaScript frameworks to demonstrate how a fully featured application can be implemented using the newest capabilities of Next.js and React. The project was created by the shadcn-ui ecosystem as an experiment to explore modern architecture patterns such as server components, the Next.js app router, and modular UI component design. Rather than serving as a simple template, Taxonomy acts as a real application example that includes authentication, subscription management, documentation pages, and blogging functionality. The application uses a modern development stack including TypeScript, Tailwind CSS, and UI components based on Radix UI to build accessible and responsive interfaces. It also integrates backend functionality through Prisma ORM and database services while supporting API routes and middleware for server-side logic. -
19
tabix
Tabix.io UI
Open source simple business intelligence application and sql editor tool for Clickhouse. Auto-completion of fields, dictionaries and functions. Tips on fields and functions in Russian and English. Reformatting queries / autoformat. Minimizes brackets and subqueries. Setting the autocompletion / enableLiveAutocompletion. Backlight brackets. The list of functions is loaded based on the capabilities of the server. Displays which query is running. Display the number of tables at the database. The icon of the table depends on its engine. List of fields in the table and inserting the field when clicking in the editor. DB selection via double click in the tree, pop-up window about selection. Search in the tree of objects, filtering the tree. Rebuilding the list of databases / tables after the query is executed. Table with information about completed requests at the end of the list / Requests in the tab are logged for performance comparison. -
20
zag
Finite state machines for building accessible design systems and UI
A collection of framework-agnostic UI components patterns like an accordion, menu, and dialog that can be used to build design systems for React, Vue, and Solid.js. Simple, resilient component logic. Write component logic once and use it anywhere. Built-in adapters that connect machine output to DOM semantics in a WAI-ARIA-compliant way. Component logic is largely JavaScript code and can be consumed in any JS framework. Zag machine APIs are completely headless and unstyled. Use your favorite styling solution and get it matching your design system. Finite state machines for building accessible design systems and UI components. Works with React, Vue and Solid. -
21
WSLUI
WSL2 Manager desktop application built with Tauri, Vite, React, and TypeScript
WSL UI is a lightweight desktop app for managing Windows Subsystem for Linux distributions through a modern graphical interface, replacing complex command-line administration. Dashboard & Monitoring — View all distributions with real-time CPU, memory, and disk usage. Filter by status, WSL version, or installation source. -
22
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. -
23
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. -
24
Angular Flex-Layout
Provides HTML UI layout for Angular applications
Angular Flex Layout provides a sophisticated layout API using Flexbox CSS + mediaQuery. This module provides Angular developers with component layout features using a custom Layout API, mediaQuery observables, and injected DOM flexbox-2016 CSS stylings. The Flex Layout engine intelligently automates the process of applying appropriate Flexbox CSS to browser view hierarchies. This automation also addresses many of the complexities and workarounds encountered with the traditional, manual, CSS-only application of box CSS. The real power of Flex Layout, however, is its responsive engine. The Responsive API enables developers to easily specify different layouts, sizing, visibilities for different viewport sizes and display devices. -
25
Ant Design Mobile
A configurable Mobile UI
A UI component library based on Preact, React, and React Native. Provides 40+ basic components, covering all kinds of scenarios, component features rich to meet the needs of various functional Requirements. Simple enough to get started, you can load all the code at a time or only load some of the components used in the code to avoid redundancy. On the basis of not losing the features, as far as possible to ensure a single component of the smallest, best performance. Support flexible style customization, easy to generate a variety of styles to meet the needs of personalized products. We provide you with a rich resource of Sketch symbolized components, which you can use to quickly design your application. antd-mobile is the React implementation of the Ant Design's mobile specification, serving the ant and koubei wireless service. Use TypeScript to develop, provide type definition files, support type and attribute smart tips for easy business development.
