Open Source TypeScript User Interface (UI) Software - Page 4

TypeScript User Interface (UI) Software

View 124 business solutions

Browse 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. Icon
    Earn up to 16% annual interest with Nexo.

    Access competitive interest rates on your digital assets.

    Generate interest, borrow against your crypto, and trade a range of cryptocurrencies — all in one platform. Geographic restrictions, eligibility, and terms apply.
    Get started with Nexo.
  • MongoDB Atlas runs apps anywhere Icon
    MongoDB Atlas runs apps anywhere

    Deploy in 115+ regions with the modern database for every enterprise.

    MongoDB 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.
    Start Free
  • 1
    Nuxt UI

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 2
    OnchainKit

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 3
    Page Agent

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 4
    Page UI

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • Full-stack observability with actually useful AI | Grafana Cloud Icon
    Full-stack observability with actually useful AI | Grafana Cloud

    Our generous forever free tier includes the full platform, including the AI Assistant, for 3 users with 10k metrics, 50GB logs, and 50GB traces.

    Built 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.
    Create free account
  • 5
    Pattern Craft

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 6
    RAP2-DELOS

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 7
    Radix Primitives

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 8
    Radix Themes

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 9
    ReUI

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • AI-powered service management for IT and enterprise teams Icon
    AI-powered service management for IT and enterprise teams

    Enterprise-grade ITSM, for every business

    Give your IT, operations, and business teams the ability to deliver exceptional services—without the complexity. Maximize operational efficiency with refreshingly simple, AI-powered Freshservice.
    Try it Free
  • 10
    React Native Elements

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 11
    React Native Material Kit

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 12
    React Native Swipeable Panel

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 13
    React Native Tab View

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 14
    React Native UI Library

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 15
    React Pro Sidebar

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 16
    React Spectrum Libraries

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 17
    React-Toastify

    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!
    Downloads: 0 This Week
    Last Update:
    See Project
  • 18
    Refined GitHub

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 19
    Retro UI

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 20
    SB Admin in Angular 13 and Bootstrap 5

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 21
    Scroll Bottom Sheet

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 22
    Searchkit

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 23
    Sera UI

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 24
    Shadcn UI NextJS Boilerplate

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 25
    Startup

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
MongoDB Logo MongoDB