Open Source TypeScript User Interface (UI) Software - Page 4
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.
-
Iris Powered By Generali - Iris puts your customer in control of their identity.Iris Identity Protection API sends identity monitoring and alerts data into your existing digital environment – an ideal solution for businesses that are looking to offer their customers identity protection services without having to build a new product or app from scratch.
-
Collect! is a highly configurable debt collection softwareThe flexible & scalable debt collection software built to automate your workflow. From startup to enterprise, we have the solution for you.
-
1
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. -
2
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. -
3
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. -
4
MD.BootstrapPersianDateTimePicker
Bootstrap Persian/Gregorian Date Time Picker
Bootstrap 5+ Persian And Gregorian Date Time Picker. -
Award-Winning Medical Office Software Designed for Your SpecialtyRXNT is an ambulatory healthcare technology pioneer that empowers medical practices and healthcare organizations to succeed and scale through innovative, data-backed, AI-powered software.
-
5
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. -
6
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. -
7
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. -
8
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. -
9
Zent
A collection of essential UI components written with React
Zent is a React-based UI component library developed by Youzan, designed to provide a comprehensive set of reusable components for building modern web applications efficiently. It includes both general-purpose UI elements and domain-specific components, making it particularly useful for business-oriented applications such as dashboards, admin panels, and eCommerce systems. The library emphasizes developer productivity by offering high-quality, ready-to-use components that reduce the need to build common interface elements from scratch. Zent supports TypeScript out of the box, ensuring type safety and better developer experience in large-scale projects. It also features customizable themes, allowing teams to adapt the visual style to match branding requirements while maintaining consistency across the application. The library is optimized for modern browsers and supports server-side rendering, making it suitable for performance-critical applications. -
Skillfully - The future of skills based hiringSkillfully transforms hiring through AI-powered skill simulations that show you how candidates actually perform before you hire them. Our platform helps companies cut through AI-generated resumes and rehearsed interviews by validating real capabilities in action. Through dynamic job specific simulations and skill-based assessments, companies like Bloomberg and McKinsey have cut screening time by 50% while dramatically improving hire quality.
-
10
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. -
11
RAP2-DELOS
Open source interface management tool
RAP2 is a new project redone based on RAP1. It can provide you with convenient interface document management, mock, export and other functions. It contains two components (corresponding to two Github Repository). This tool is a development tool, and the related API has not been subjected to any security verification such as XSS. Please do not rely on any service of RAP in the production environment!Install Docker and Docker Compose (Linux users need to install separately). It is recommended to configure the domestic image of Docker Hub according to the link guide to increase the loading speed. The default port number of Rap front-end service is 3000, you can customize it according to the comments in docker-compose.yml. Perform mocha test cases and js code specification checks. Start server monitoring in development mode and automatically restart when code changes occur. -
12
React Native Material Kit
Bringing Material Design to React Native
A set of UI components, in the purpose of introducing Material Design to apps built with React Native, quickly and painlessly. First, cd to your RN project directory, and install RNMK through rnpm . If you don't have rnpm, you can install RNMK from npm with the command npm i -S react-native-material-kit and link it manually. Apply Material Design Buttons with a few lines of code using predefined builders, which comply with the Material Design Lite default theme. And you can definitely build customized buttons from scratch. Built-in textfields, which comply with Material Design Lite. Customize textfields through builder. You can customize the styles by changing the global theme, which affects all checkboxes across the whole app. You can customize the styles by changing the global theme, which affects all radio buttons across the whole app. -
13
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. -
14
Vue DevUI
UI components based on Vue3 and DevUI Design
Vue DevUI is a comprehensive UI component library built specifically for Vue 3, designed to help developers create enterprise-grade applications with consistent design and high usability. It is based on the DevUI design system and provides more than 50 high-quality components that are flexible, easy to use, and optimized for modern frontend development. The library supports TypeScript and integrates seamlessly with tools like Vite and Nuxt3, making it suitable for both small projects and large-scale applications. Vue DevUI includes features such as internationalization and theme customization, allowing developers to tailor the interface to different regions and branding requirements. It also supports on-demand component importing, which helps reduce bundle size and improve performance. The design philosophy focuses on usability and scalability, particularly for complex business interfaces such as dashboards and admin panels. -
15
gluestack-ui
React & React Native Components & Patterns
gluestack-ui is a modern, universal UI component system designed for React, React Native, and Next.js applications, built around a modular “copy-paste” philosophy that gives developers full ownership of their code. Instead of installing a monolithic dependency, developers can selectively copy only the components they need directly into their codebase, avoiding unnecessary bloat and vendor lock-in. The library is deeply integrated with Tailwind CSS through NativeWind, allowing a consistent styling approach across both web and mobile platforms. It emphasizes composability and flexibility, enabling developers to customize every aspect of a component, including behavior, structure, and styling. The architecture supports React Server Components and modern TypeScript tooling, making it suitable for scalable and high-performance applications. Accessibility is also a core principle, with components designed to follow best practices such as ARIA support and keyboard navigation. -
16
react-chat-elements
Reactjs chat elements chat UI, react chat components
react-chat-elements is a React-based UI library specifically designed for building chat and messaging interfaces with minimal effort. It provides a set of prebuilt components such as message bubbles, chat lists, input fields, avatars, and typing indicators, all styled to resemble modern messaging applications. The library is intended to accelerate development by offering ready-to-use elements that handle common chat interface requirements without requiring developers to design them from scratch. It supports customization through props and styling options, allowing developers to adapt the components to match their application’s branding and behavior. The components are designed to be modular and composable, enabling developers to build complex chat interfaces by combining smaller building blocks. It is particularly useful for applications that include messaging features, customer support chats, or real-time communication tools. -
17
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. -
18
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. -
19
Lew UI
A beautiful component library based on vue3
Lew UI is a modern component library built for Vue 3 that provides a clean and visually appealing set of UI components designed to streamline frontend development. It leverages the Vue Composition API and TypeScript to deliver a developer-friendly experience with strong typing and modular architecture. The library integrates several well-known open source tools, including Tippy.js for tooltips, Lucide for icons, and VueUse for utility functions, enhancing its functionality and flexibility. Lew UI includes a variety of components for building interactive interfaces, such as buttons, forms, popovers, and data-driven elements, all styled with a consistent design language. Its architecture emphasizes simplicity and ease of integration, allowing developers to quickly add components by importing styles and modules into their projects. -
20
Magnus UI
A Utility-First React Native UI Framework
Magnus UI is a utility-first UI framework designed to simplify the process of building consistent and visually appealing mobile interfaces using React Native. It follows a design philosophy similar to Tailwind CSS, where developers apply styling directly through component props rather than separate stylesheets, allowing for rapid UI development and easier maintenance. The framework is built with TypeScript, providing strong typing and improved developer experience, especially when working with themes and reusable design tokens. It supports multiple platforms including Android, iOS, and web, making it suitable for cross-platform applications without significant configuration overhead. Magnus includes a comprehensive set of prebuilt components such as buttons, inputs, modals, and overlays that are ready to use out of the box, enabling faster prototyping and production development. -
21
Mirage
GUI for simplifying Elasticsearch Query DSL
The Elasticsearch query DSL supports 100+ query APIs ranging from full-text search, numeric range filters, and geolocation queries to nested and span queries. Mirage is a modern, open-source web-based query explorer for Elasticsearch. It offers a blocks-based GUI for composing Elasticsearch queries and comes with an on-the-fly transformer to show the corresponding JSON query API of Elasticsearch. Queries can be saved for later reuse. They can also be captured and shared by copying the URL. Mirage works with any Elasticsearch 2. x, 5. x, 6. x, and 7.x index currently. Below is the roadmap for query support. Every app in appbase.io has a query explorer view, which uses mirage. Mirage can be used along with ⊞ DejaVu to browse data and perform CRUD operations inside an Elasticsearch index. -
22
NeoPOP
NeoPOP components library based on CRED's design system
NeoPOP is a React component library based on CRED’s NeoPOP design system, created to deliver a bold, modern, and highly expressive visual language for web applications. The library focuses on producing visually rich components that emphasize depth, elevation, and motion, aligning with NeoPOP’s philosophy of creating affirmative and engaging user interfaces. It provides a set of reusable components, primitives, hooks, and utility functions that developers can combine to build cohesive and dynamic UI experiences. The components are designed to be flexible and customizable, allowing developers to adapt them to different use cases while maintaining visual consistency. The library includes optimized animations and transitions that enhance user interaction without compromising performance. It is primarily optimized for mobile web experiences, ensuring smooth rendering and responsiveness on smaller screens. -
23
NextUI
Beautiful, fast and modern React UI library.
Make beautiful websites regardless of your design experience. Beautiful, fast, and modern React UI library. Provides a plugin to customize default themes, you can change all semantic tokens or create an entirely new theme. Built on top of Tailwind CSS, which means no runtime styles, and no unnecessary classes in your bundle. Automatic dark mode recognition, NextUI automatically changes the theme when detects HTML theme prop changes. NextUI is fully-typed to minimize the learning curve and provide the best possible developer experience. NextUI comes with a fully well-scaled default dark theme that you can apply to your application by just adding the dark attribute to your HTML. -
24
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. -
25
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.
