Open Source TypeScript User Interface (UI) Software - Page 3
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.
-
PairSoft | AP Automation and Doc ManagementStreamline operations and elevate your team's efficiency with PairSoft. Our AP automation, procurement, and document management solutions eliminate manual processes, cut costs, and free your team to focus on strategic initiatives. Experience our state-of-the-art invoice-to-pay solution, now integrated with advanced AI technology for faster, smarter results. Our customers report a significant 70% reduction in approval times and annual savings of $62,000 in employee hours. At PairSoft, we aim to transform your business operations through automation. Explore the future of automation at pairsoft.com, where you can leverage cutting-edge features like invoice capture, OCR, and comprehensive AP automation to transform your workflow. Whether you are a small business or a large enterprise, our solutions are designed to scale with your needs, providing robust functionality and ease of use. Join the growing number of businesses that trust PairSoft.
-
Workable Hiring Software - Hire The Best People, FastWorkable is the preferred software for today's recruiting industry and HR teams, trusted by over 6,000 companies to streamline their hiring processes. Finding the right person for the job has never been easier—users now possess the ability to manage multiple hiring pipelines at once, from posting a job to sourcing candidates. Workable is also seamlessly integrated between desktop and mobile, allowing admins full control and flexibility all in the ATS without needing additional software.
-
1
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. -
2
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. -
3
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. -
4
OnchainKit
React components and TypeScript utilities
OnchainKit is a React-based toolkit developed by Coinbase that provides a collection of components and TypeScript utilities for building modern blockchain-enabled applications with a focus on usability and developer experience. It is designed to simplify the process of integrating onchain functionality such as wallet connections, transactions, and blockchain data interactions into web applications. The library follows a modular architecture within a monorepo structure, allowing developers to selectively use components and utilities that fit their specific needs. It includes prebuilt UI elements and hooks that streamline common Web3 workflows, reducing the need for repetitive boilerplate code. OnchainKit also supports rapid project setup through scaffolding tools, enabling developers to bootstrap fully functional applications quickly. -
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.
-
5
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. -
6
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. -
7
React Native UI Library
UI Components Library for React Native
RNUI is a UI toolset & components library for React Native. Basic components like buttons, avatars, and cards and more sophisticated ones like hints, ColorPicker and drawer. -
8
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. -
9
Storefront UI
A frontend library for React and Vue that helps developers quickly
Storefront UI is a frontend component library designed specifically for building eCommerce experiences using modern frameworks such as React and Vue. It focuses on delivering fast, accessible, and visually polished storefront interfaces, providing developers with ready-made components that align with common online shopping patterns. The library is structured to support headless commerce architectures, making it particularly valuable for teams integrating with APIs or backend platforms while maintaining full control over the frontend experience. It includes UI elements for product listings, navigation, carts, and checkout flows, allowing developers to assemble complete storefronts without starting from scratch. Performance and accessibility are core priorities, ensuring that components are optimized for speed and usability across devices. Additionally, the project offers playgrounds and preview environments for both Vue and React implementations, enabling rapid prototyping and testing. -
Secure Online Fax and Business Text Messaging ServiceSend and receive SMS and fax online, from email, app or with our developer friendly SMS & fax API. HIPAA compliant & ISO 27001 certified. Outstanding value and 5-star service.
-
10
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. -
11
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. -
12
hmpl
Server-oriented customizable templating for JavaScript
hmpl is a small template language for displaying UI from server to client. It is based on customizable requests sent to the server via fetch and processed into ready-made HTML. The language is syntactically object-based and integrated with JSON5. Reduce the size of your javascript files and display the same UI as if it was written in a modern framework. Using HMPL, you can multiply reduce the size of the application bundle. Full customization of the request based on the modern fetch standard, as well as support for all the functionality necessary for modern work in applications (request indicator, sending by event, automatic generation of body for the form, caching) and the syntax of the object in the markup, which requires a minimum number of characters, will help to build interaction with the server and client as efficiently as possible. -
13
noUiSlider
JavaScript range slider with multi-touch and keyboard support
noUiSlider is a lightweight, ARIA-accessible JavaScript range slider with multi-touch and keyboard support. It is fully GPU animated: no reflows, so it is fast; even on older devices. It also fits wonderfully in responsive designs and has no dependencies. noUiSlider is a lightweight range slider with multi-touch support and a ton of features. It supports non-linear ranges, requires no external dependencies, has keyboard support, and it works great in responsive designs. Have you tried this documentation on your phone? It can be used for free and without any attribution, in any personal or commercial project. An extensive documentation, including examples, options and configuration details, is available in the website. GPU animated, no reflows, so fast; even on older devices. All modern browsers and IE > 9 are supported. -
14
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. -
15
react-native-pager-view
React Native wrapper for the Android ViewPager and iOS
This component allows the user to swipe left and right through pages of data. Under the hood it is using the native Android ViewPager and the iOS UIPageViewController implementations. See it in action! This library supports both architectures (Paper and Fabric). If you would like enable new architecture. This library supports new architecture! We have two example folders one for each architecture. If you are using this library in your own project there some extra steps needed. -
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
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. -
18
ui-lottie
NativeScript plugin to expose Airbnb Lottie
ui-lottie is a NativeScript plugin for rendering Lottie animations, a library for rendering vector-based animations with minimal performance impact. -
19
vue-awesome-swiper
Swiper component for @vuejs
Each display block (screen) of Swiper is a slide, and pictures or texts are placed in the slide. All the slides are arranged in one line (or multiple lines) and contained in the wrapper. The main container contains the wrapper and Arrow button control navigation and pager control pagination. When the finger (or mouse) touches and slides the Swiper, the Swiper transforms the wrapper by calculating the sliding distance difference in each frame of the browser to produce the drag effect. When the finger (or mouse) is released, calculate the starting position of the next slide and set up a displacement animation (transition) for the wrapper, thereby producing a switching animation effect. The API of Swiper5 has not changed much compared to Swiper4. Swiper5 adds CSS mode (cssMode), and Swiper color style can be modified through CSS files. Swiper4 integrates the related options of the component, and modified the method of obtaining the swiper instance by the callback function to this keyword. -
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
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. -
25
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.
