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.
-
Earn up to 16% annual interest with Nexo.Generate interest, borrow against your crypto, and trade a range of cryptocurrencies — all in one platform. Geographic restrictions, eligibility, and terms apply.
-
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.
-
1
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. -
2
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. -
3
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. -
4
Page UI
Landing page UI components for React & Next.js
Page UI is a modern UI component library specifically designed for building high-conversion landing pages using React and Next.js, with styling powered by Tailwind CSS. Unlike traditional UI libraries that focus on generic application components, Page UI is tailored toward marketing and product landing pages, offering prebuilt sections and layouts that are optimized for user engagement and conversion. It is closely tied to the PageAI ecosystem, which uses AI to generate complete websites, making Page UI a foundational layer for those generated interfaces. The library helps developers avoid starting from a blank canvas by providing ready-to-use components that reflect best practices in layout, typography, and user flow. It is written in TypeScript and integrates seamlessly into modern frontend stacks, ensuring maintainability and scalability. Page UI emphasizes speed of development, allowing teams to assemble professional-looking landing pages quickly without relying on bulky templates. -
Full-stack observability with actually useful AI | Grafana CloudBuilt on open standards like Prometheus and OpenTelemetry, Grafana Cloud includes Kubernetes Monitoring, Application Observability, Incident Response, plus the AI-powered Grafana Assistant. Get started with our generous free tier today.
-
5
Pattern Craft
Professional-grade background patterns and gradients
Pattern Craft is a frontend resource focused on helping developers quickly add polished visual texture to websites and applications through a curated collection of modern background patterns and gradients. The project centers on production-ready snippets that are meant to be copied directly into real interfaces rather than treated as static inspiration only. Its repository describes more than 100 patterns and gradient snippets, with an emphasis on modern CSS techniques and Tailwind-friendly implementation, which makes it especially useful for teams already building with component-based frontend stacks. The experience is designed around fast discovery and immediate usability, since users can preview patterns live, browse organized categories, and save favorites for later reuse. It is particularly well suited to developers and designers working in React, Next.js, Vue, Angular, or similar frontend ecosystems. -
6
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. -
7
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. -
8
Radix Themes
Radix Themes is an open-source component library
Radix UI Themes is a pre-styled component library built on top of the Radix ecosystem that provides developers with ready-to-use UI components designed for fast development, accessibility, and long-term maintainability. Unlike Radix Primitives, which are intentionally unstyled, Radix Themes delivers a cohesive design system with sensible defaults that work out of the box with minimal configuration. It includes a centralized Theme component that allows developers to control visual aspects such as color palettes, scaling, radius, and appearance across an entire application. The library is designed to integrate seamlessly with React applications and modern tooling, offering a consistent API and predictable behavior across all components. It emphasizes accessibility and usability by incorporating best practices into its default implementations, ensuring that components behave correctly across different devices and input methods. -
9
ReUI
Design-forward shadcn kit for interfaces that stand out
ReUI is a design-forward component library built for the shadcn/ui ecosystem, offering a large-scale collection of production-ready UI components and layouts intended to accelerate modern React and Next.js development. Unlike traditional UI libraries that focus on isolated components, ReUI emphasizes real-world usage by presenting components within complete dashboard layouts and application flows, making it easier for developers to understand how pieces fit together in practical scenarios. The project includes over 1,000 reusable components organized across dozens of categories, along with custom in-house primitives such as data grids, kanban boards, and advanced filtering systems that are not part of the base shadcn/ui toolkit. Its copy-and-own philosophy eliminates dependency lock-in by allowing developers to directly copy component code into their own repositories, ensuring full control and customization. -
AI-powered service management for IT and enterprise teamsGive your IT, operations, and business teams the ability to deliver exceptional services—without the complexity. Maximize operational efficiency with refreshingly simple, AI-powered Freshservice.
-
10
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. -
11
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. -
12
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. -
13
React Native Tab View
A cross-platform Tab View component for React Native
A cross-platform Tab View component for React Native. Implemented using react-native-pager-view on Android & iOS, and PanResponder on Web, macOS, and Windows. To use this library you need to ensure you are using the correct version of React Native. If you are using a version of React Native that is lower than 0.63 you will need to upgrade that before attempting to use this library. The package exports a TabView component which is the one you'd use to render the tab view, and a TabBar component which is the default tab bar implementation. Always define your components elsewhere in the top level of the file. If you pass inline functions, it'll re-create the component every render, which will cause the entire route to unmount and remount every change. It's very bad for performance and will also cause any local state to be lost. -
14
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. -
15
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. -
16
React Spectrum Libraries
Collection of libraries and tools that help you build user experiences
React Spectrum is a collection of libraries and tools developed by Adobe that implement the Spectrum design system in React, enabling developers to build accessible, consistent, and adaptive user interfaces. It is composed of multiple layers, including React Spectrum for styled components, React Aria for accessibility and interaction logic, and React Stately for state management, creating a modular architecture that separates behavior, state, and presentation. The library is designed to provide out-of-the-box accessibility, supporting keyboard, mouse, and touch interactions while adhering to WAI-ARIA standards. It also includes built-in internationalization features, supporting multiple languages, right-to-left layouts, and localized formatting for dates and numbers. React Spectrum emphasizes adaptability, ensuring components work seamlessly across different devices, screen sizes, and input methods. -
17
React-Toastify
React notification made easy
React-Toastify allows you to add notifications to your app with ease. No more nonsense! Easy to set up for real, you can make it work in less than 10sec! Super easy to customize, RTL support, swipe to close. Can choose swipe direction. Super easy to use an animation of your choice. Can display a react component inside the toast! Has onOpen and onClose hooks. Both can access the props passed to the react component rendered inside the toast. Can remove a toast programmatically. Define behavior per toast, pause toast when the window loses focus. Fancy progress bar to display the remaining time. Possibility to update a toast. You can control the progress bar a la nprogress. You can limit the number of toast displayed at the same time. Dark mode, only 5.5k, and many features more. Check the documentation to get you started! -
18
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. -
19
Retro UI
A NeoBrutalism styled React + TailwindCSS UI library
Retro UI is a design-focused UI library that recreates classic retro computing aesthetics within modern web interfaces, offering developers a way to build nostalgic, vintage-style applications. It provides components styled to resemble old operating systems and early graphical user interfaces, including elements like pixelated buttons, window frames, and low-resolution typography. The project is aimed at developers and designers who want to create unique user experiences that stand out from contemporary flat or minimal design trends. It emphasizes visual authenticity, using design patterns inspired by early desktop environments and legacy software interfaces. RetroUI can be used for creative projects, games, experimental interfaces, or themed applications that require a distinctive visual identity. Despite its retro appearance, it is built with modern web technologies, ensuring compatibility with current browsers and development workflows. -
20
SB Admin in Angular 13 and Bootstrap 5
Simple Dashboard Admin App built using Angular 8 and Bootstrap 4
Simple Dashboard Admin App built using Angular 13 and Bootstrap 5. This project is a port of the famous Free Admin Bootstrap Theme SB Admin v8.0 to Angular 13 Theme. This project was generated with Angular CLI version 13.2.2. Provides fast, reliable and extensible starter for the development of Angular projects. Note that this seed project requires node >=v12.0.0 and npm >=6. Run ng generate component component-name to generate a new component. You can also use ng generate directive/pipe/service/class/module. Run ng test to execute the unit tests via Karma. Run ng e2e to execute the end-to-end tests via Protractor. Before running the tests make sure you are serving the app via ng serve. -
21
Scroll Bottom Sheet
Cross platform scrollable bottom sheet with virtualisation support
Cross-platform scrollable bottom sheet with virtualization support, native animations at 60 FPS and fully implemented in JS land. Integrates with all core scrollable components from React Native: FlatList, ScrollView and SectionList. Also, it's 100% compatible with Expo. FlatList and SectionList components are 1st class citizens, as well as ScrollView. It's recommended you install a version of gesture handler equal or higher than 1.6.0, and for reanimated, equal or higher than 1.7.0. Otherwise you may run into unexpected errors. This library is also compatible with reanimated 2.x, starting with react-native-reanimated: 2.0.0-alpha.4. -
22
Searchkit
React + Vue Search UI for Elasticsearch & Opensearch
Searchkit is an open-source library that simplifies the integration of Elasticsearch into React applications, providing tools to build user-friendly search experiences with minimal effort. -
23
Sera UI
UI component library for React, Next.js, and other JSX frameworks
Sera UI is a modern, open source component library designed for React, Next.js, and other JSX-based frameworks, focused on helping developers build visually polished and highly interactive user interfaces with minimal effort. It is built on top of Tailwind CSS, which enables a utility-first styling approach that makes customization fast, flexible, and consistent across projects. One of its defining characteristics is its copy-and-paste philosophy, allowing developers to directly own and modify component code instead of relying on rigid packages or black-box abstractions. The library includes a growing collection of reusable components such as buttons, forms, modals, tabs, and layout elements, all crafted with attention to design quality and usability. It also integrates animation capabilities through Framer Motion, enabling smooth transitions and micro-interactions that enhance user experience without requiring complex implementation. -
24
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. -
25
Startup
Startup is free Next.js template for SaaS startups
Startup Next.js is a free, open source website template designed to help developers quickly launch startup, SaaS, or business websites using modern web technologies. It is built with Next.js and Tailwind CSS, combining performance-focused architecture with utility-first styling for rapid development. The template includes all essential pages and sections required for a complete business website, such as landing pages, feature sections, blogs, and contact areas. It emphasizes clean, high-quality design and follows best practices in semantic coding, making it suitable for production use. The template also supports TypeScript, improving maintainability and developer experience in larger projects. Additional features like dark and light mode ensure adaptability to different user preferences and design requirements. Overall, Startup Next.js serves as a practical boilerplate that accelerates the creation of professional websites without requiring developers to design layouts from scratch.
