Open Source TypeScript User Interface (UI) Software - Page 5
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.
-
Forever Free Full-Stack Observability | 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.
-
Gemini 3 and 200+ AI Models on One PlatformBuild generative AI apps with Vertex AI. Switch between models without switching platforms.
-
1
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. -
2
Material Shell
A modern desktop interface for Linux. Improve your user experience
A modern desktop interface for Linux - packaged as an extension for GNOME Shell. Improve your user experience and get rid of the anarchy of traditional desktop workflows. Designed to simplify navigation and reduce the need to manipulate windows in order to improve productivity. It's meant to be 100% predictable and bring the benefits of tools coveted by professionals to everyone. A Workspace is an applications container that can be visualized as a row and applications as cells. Every new application is automatically positioned inside this grid at the end of its workspace row and every new workspaces are appended at the bottom which is very predictable and always sorted automatically. This allows us to provide intuitive navigation by moving the screen around a larger context. Navigating up and down will change the current workspace and navigating left and right changes the current window(s) on screen. -
3
Menubar
Create menubar desktop applications with electron
High level way to create menubar desktop applications with Electron. This module provides boilerplate for setting up a menubar application using Electron. All you have to do is point it at your index.html and menubar will handle the rest. -
4
Namer UI
Namer UI is a collection of reusable components
Namer UI is a collection of reusable Next.js/React components made to empower developers to quickly build beautiful UIs. Spend less time designing UI from the ground up and more time building the features that matter to your users. Check it out at https://namer-ui.vercel.app The outdated version is hosted at: https://namer-ui.netlify.app/ GitHub: https://github.com/Northstrix/namer-ui -
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.
-
5
NativeScript-Drop-Down
A NativeScript DropDown widget
The NativeScript-Drop-Down plugin introduces a drop-down widget for NativeScript applications, enabling developers to present a list of options from which users can select, enhancing form inputs and selection interfaces. -
6
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. -
7
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. -
8
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. -
9
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. -
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
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. -
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 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. -
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
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. -
15
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. -
16
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. -
17
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. -
18
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. -
19
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. -
20
TOAST UI Chart
Beautiful chart for data visualization
The Chart makes your data pop, and it is easy to use. It provides you with multiple charts like Bar, Column, Line, and more. The functionality of TOAST UI Chart is available when using the Plain JavaScript, React, Vue Component. TOAST UI Chart makes your data pop and presents it in a manner that is easy to understand. Furthermore, it provides a wide range of theme options for customizing the charts to be suitable for all of your services. Chart components like the title, axes, legends, tooltips, plots, series, and more can be customized through the options. Add different options and animations according to the charts' sizes by using the responsive option. Make the data presented in the Line, Area, and Treemap Charts zoomable with the zoomable option. View and manage new data as they are added realtime with the addData API and the options.series.shift option. -
21
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. -
22
The Vibe Companion
Open-source Claude Code/Codex Web UI
The Companion project by The-Vibe-Company is an open-source web-based UI for interacting with Claude Code, offering a fully graphical interface to launch sessions, stream responses, and approve or deny AI tool usage—all via web browsers on desktop or mobile. Instead of working solely through a command-line interface, developers and creators can start, manage, and visualize Claude Code sessions in a modern web environment built with TypeScript, enabling more natural interaction with AI models. The UI displays structured responses, shows conversation history, and offers controls for managing tool calls and permissions during an AI session, bringing a more polished and intuitive experience than terminal-based workflows. Because it uses a reverse-engineered WebSocket protocol, Companion can deliver real-time streaming responses in the browser, making it feel responsive and interactive. -
23
UI Kitten
React Native UI library based on Eva Design System
A React Native framework for creating stunning cross-platform mobile applications. Design system-based, UI Kitten brings your product from an MVP to the final product version. Forever open source and free! UI Kitten is a React Native implementation of the Eva Design System. The framework contains a set of general-purpose UI components styled in a similar way. The most awesome thing about Ui Kitten is that the themes can be changed in the runtime without reloading the application. This way, you may easily focus on business logic, while UI Kitten takes care of the visual appearance of your product. Unlock the true power of the theming system by switching between Light and Dark themes in the runtime. Drive diversity by creating as many themes as needed without changing the source code of the components. Construct stunning and consistent interfaces using atomic components by following the Eva Design System specifications. -
24
Yamada UI
React UI components of the Yamada, by the Yamada
Yamada UI is a modern React component library designed to provide a flexible and scalable design system for building web applications with a strong emphasis on developer experience and customization. It offers a wide range of accessible and reusable components that follow consistent design principles, enabling developers to create cohesive user interfaces. The library is built with TypeScript and integrates seamlessly with modern React ecosystems, supporting features such as theming, responsive design, and component composition. It emphasizes accessibility and usability, ensuring that components adhere to best practices for inclusive design. Yamada UI also supports dark mode and customizable styling through a centralized theme system, allowing developers to maintain visual consistency across applications. Its modular structure allows for selective imports, reducing bundle size and improving performance. -
25
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.
