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.
-
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.
-
1
TanStack Table
Headless UI for building powerful tables & datagrids for TS/JS
TanStack Table is a headless UI library crafted for building powerful, highly customizable tables and data grids with TypeScript/JavaScript. It provides robust logic, state management, and APIs while intentionally omitting UI markup and styling, giving developers total control over presentation. It supports multiple frameworks, including React, Vue, Solid, Svelte, Qwik, Lit, and Vanilla JS/TS. -
2
koa2-swagger-ui
Swagger UI as Koa v2 middleware
Host swagger ui at a given directory from your koa v2 app. -
3
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. -
4
AskUI
Humanizing UI Automation
Reliable, automated end-to-end testing that only depends on what is shown on your screen instead of the technology or platform you are running on. This repo is a mono repo consisting mainly of npm packages. We use workspaces to manage the different npm packages etc. This may change in the future as we plan to include also packages, libraries etc. written in other languages in this repo to make the power of AskUI available to non-typescript/-javascript developers as well. Gitpod runs AskUI in a remote Docker container in the cloud. We prepared a GitHub Repository for you to get you started without any hassle. Install AskUI locally to experience it without the limitations of a cloud environment. Run your first instruction on your own machine. -
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.
-
5
Gator
Conda environment and package management extension from within Jupyter
The Mamba Navigator, a Web UI for managing conda environments. Provides Conda/Mamba environment and package management as a standalone application or as an extension for JupyterLab. -
6
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. -
7
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. -
8
Naive UI
A Vue 3 Component Library. Fairly Complete. Theme Customizable
Naive UI is a comprehensive component library built specifically for Vue 3, designed to provide a large set of ready-to-use UI components with strong TypeScript integration and modern performance optimizations. The library includes more than 90 components covering a wide range of interface needs such as forms, data displays, navigation elements, and feedback components, allowing developers to build complex applications efficiently. It is fully written in TypeScript, ensuring type safety and seamless integration with TypeScript-based projects. One of its defining characteristics is its advanced theming system, which allows developers to customize the appearance of components without relying on traditional CSS preprocessors or configuration-heavy setups. Naive UI is optimized for performance, with features such as virtualized lists for handling large datasets efficiently. -
9
Nebular
Customizable Angular UI Library based on Eva Design System
Nebular is a customizable Angular UI library that contains 40+ UI components, four visual themes, and Auth and Security modules. Recognized at the prestigious AngularConnect 2018, this Angular framework allows focusing on beautiful designs to adapt them to your brand. Nebular is free of charge and open-source. Nebular is a customizable Angular UI Library based on Eva Design System specifications, with 40+ UI components, 4 visual themes, Auth and Security modules. Each feature is a separate npm module. Use only what you need. Sizes, colors, appearances, shapes, and other useful settings. Source code is free and available under the MIT license. A straightforward way to integrate your brand. Choose from 40+ ready-to-use Angular UI components with no 3rd party dependencies. Benefit from an easier and faster way of building a visually appealing and responsive UI for apps. -
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
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. -
11
React Pro Sidebar
Components to create high level and customizable side navigation
React Pro Sidebar is a highly customizable sidebar component for React applications, providing an easy way to create collapsible and responsive side navigation menus. It includes built-in themes and supports icons, submenus, and styling options. -
12
Recharts
Redefined chart library built with React and D3
A composable charting library built on React components. Quickly build your charts with decoupled, reusable React components. Built on top of SVG elements with a lightweight dependency on D3 submodules. Customize your chart by tweaking component props and passing in custom components. -
13
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. -
14
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. -
15
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. -
16
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. -
17
GiftedChat
The most complete chat UI for React Native
See the files in example-slack-message for an example of how to override the default UI to make something that looks more like Slack, with usernames displayed and all messages on the left. Avatar as user's initials. Localized dates. Multi-line TextInput. InputToolbar avoiding keyboard. Redux support. System message. Quick Reply messages (bot). Typying indicatior react-native-typing-animation. If you decide to specify a text prop, GiftedChat will no longer manage its own internal text state and will defer entirely to your prop. This is great for using a tool like Redux, but there's one extra step you'll need to take, simply implement onInputTextChanged to receive typing events and reset events (e.g. to clear the text onSend). If you are using Create React Native App / Expo, no Android specific installation steps are required, you can skip this section. Otherwise, we recommend modifying your project configuration. -
18
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. -
19
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. -
20
MD.BootstrapPersianDateTimePicker
Bootstrap Persian/Gregorian Date Time Picker
Bootstrap 5+ Persian And Gregorian Date Time Picker. -
21
Nuxt UI
A UI Library for Modern Web Apps, powered by Vue & Tailwind CSS
Nuxt UI simplifies the creation of stunning and responsive web applications with its comprehensive collection of fully styled and customizable UI components designed for Nuxt. Choose a primary and a gray color from your Tailwind CSS color palette. Components will be styled accordingly. Change the style of any component in your App Config or customize them specifically through the ui prop. Choose any of the 100k+ icons from the most popular icon libraries with the Icon component or the icon prop. Nuxt UI comes with a set of Vue composables to easily handle keyboard shortcuts in your app. -
22
Radix Primitives
Radix Primitives is an open-source UI component library
Radix UI Primitives is a low-level, headless component library designed to provide the behavioral and accessibility foundations for building modern web interfaces without imposing any visual styling. It focuses on delivering fully accessible components that strictly follow WAI-ARIA guidelines, ensuring proper keyboard navigation, focus management, and screen reader compatibility out of the box. Instead of shipping pre-styled components, Radix provides unstyled primitives that developers can fully customize using any styling solution, allowing complete control over appearance while relying on robust underlying logic. The library includes common UI patterns such as dialogs, dropdowns, tooltips, and accordions, all implemented with consistent APIs and predictable behavior. Its architecture exposes granular building blocks, enabling developers to compose or extend components to fit their design systems. -
23
React Native Swipeable Panel
Zero dependency swipeable bottom panel for React Native
rn-swipeable-panel is a swipeable, easy-to-use bottom panel for your React Native projects. You can extend the panel by swiping up, make it small or close by swiping down with pan gestures. Feel free to redesign the inside of the panel. -
24
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. -
25
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.
