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.
-
Gemini 3 and 200+ AI Models on One PlatformBuild generative AI apps with Vertex AI. Switch between models without switching platforms.
-
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
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. -
2
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. -
3
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. -
4
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. -
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.
-
5
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. -
6
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. -
7
ikun-ui
A Svelte.js based UnoCSS UI library that allows you to make websites
ikun-ui is a Svelte-based UI component library built on top of UnoCSS, designed to help developers create visually appealing and highly customizable web interfaces with minimal effort. It provides a wide range of prebuilt components, including navigation elements, feedback components, data display tools, and layout utilities, all optimized for modern web applications. The library emphasizes flexibility through its UnoCSS preset system, allowing developers to configure themes, styles, and design tokens using attribute-based customization. IKun UI also supports integration with Iconify, giving developers access to a vast library of icons for enhancing interface design. It includes built-in support for dark mode and theme switching, making it easy to adapt applications to different visual preferences. Designed for performance and ease of use, it works seamlessly with Svelte and modern browsers, ensuring smooth rendering and responsiveness. -
8
ui-box
Blazing Fast React UI Primitive
ui-box is a low-level React UI primitive library that provides a simple and performant way to build styled components using a CSS-in-JS approach. Instead of relying on traditional CSS files or complex styling systems, ui-box allows developers to apply CSS properties directly through React props, making styling more intuitive and composable. The core concept revolves around a single Box component that can render different HTML elements while accepting a wide range of style-related properties. This approach enables developers to create reusable components without needing additional wrapper elements or class-based styling, improving both readability and maintainability. The library is designed to be fast and extensible, focusing on minimal overhead while still offering powerful styling capabilities. It also supports advanced features such as pseudo-selectors and conditional styling through prop-based configurations. ui-box serves as the foundational layer for more complex UI systems. -
9
1Code
Best UI for Claude Code
1Code is a developer-centric platform that aims to unify project templates, starter kits, and common utility patterns into a cohesive, reusable ecosystem that accelerates software scaffolding and reduces repetitive setup work. Instead of manually bootstrapping similar projects from scratch, developers can choose from curated templates that include best practices for tooling, folder structure, configuration, and integrations for languages and frameworks spanning frontend, backend, and full-stack workflows. The templates in 1code are opinionated but configurable, giving teams a consistent baseline while still allowing customization to match specific technical requirements. It also provides utilities for code generation, linting, formatting, and local dev automation so developers can focus on writing domain logic rather than maintaining boilerplate. For organizations with multiple teams, the platform helps enforce architectural consistency and shared standards without heavy overhead. -
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
ARK
Unstyled, accessible UI components for your design System
Ark is a headless UI component library designed to provide the foundational logic required to build scalable and accessible design systems for modern web applications. The project focuses on separating component behavior from visual styling so developers can implement their own design language without being constrained by predefined styles. Built on top of Zag.js state machines, Ark delivers predictable and robust component logic that works consistently across multiple JavaScript frameworks. It supports React, Solid, Vue, and Svelte, enabling developers to share component behavior across ecosystems while maintaining framework-specific implementations. Because the components are headless, developers bring their own CSS frameworks, styling solutions, or design tokens, which makes the library highly adaptable for custom UI systems. -
11
Claude Canvas
Give Claude Code an external monitor
Claude Canvas is a terminal-focused UI toolkit that extends Claude Code by giving it a dedicated visual interface within the terminal, allowing interactive panes for apps like email, calendar, flight bookings, and other structured interfaces directly alongside the coding agent session. Rather than limiting interactions to text prompts and responses, Claude-Canvas uses tools like tmux to spawn multiple split panes so that you can see persistent interfaces for tasks that benefit from visual context, making your CL-based AI coding workspace feel more like a rich interactive environment. It acts as a proof-of-concept that bridges traditional command-line AI interactions with more dynamic terminal user interfaces, enabling developers to craft more immersive and contextually rich workflows without leaving their development terminal. -
12
Claude Run
A beautiful web UI for browsing Claude Code conversation history
Claude Run is a user-friendly web interface for browsing, searching, and managing Claude Code conversation history in a visually appealing way, making it easier to revisit past interactions, track project progress, and resume long-running coding sessions. Running locally via a single command (npx claude-run), it launches a web UI that displays all stored Claude Code sessions – including conversation threads, tool calls, and timestamps – in a clean chat layout, helping developers quickly find relevant context and reduce friction when switching between tasks. The interface supports real-time streaming as Claude responds, search filters by prompt text or project name, and a sidebar for session navigation that can collapse to maximize viewing space. Users can resume sessions with a single click, copy resume commands directly from the UI, and filter conversations to focus on specific projects or topics. -
13
DevExtreme Reactive
Business React components for Bootstrap and Material-UI
We've focused our energy on performance and best practices offered by the React team. Through immutability and pure React components, we apply ‘memoization’ and all built-in React optimizations to achieve outstanding performance. Fully control the Reactive component state and treat it as a pure view component. Effortlessly enable state persistence and time-traveling without side effects. To help you write less code, our components can also manage their state internally. DevExtreme Reactive Components are built of plugins. Add and deploy only those features you require or extend the built-in functionality with your own (or third-party) custom plugins. TypeScript is often the choice for enterprise-scale web applications. Our TypeScript definitions are autogenerated and are always complete and in sync with docs. Each component text element is customizable. As such, web apps powered by DevExtreme Reactive can be easily localized/globalized. -
14
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. -
15
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. -
16
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 -
17
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. -
18
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. -
19
OpenUI
The Open Standard for Generative UI
OpenUI is an open-source framework focused on enabling AI-driven generation and manipulation of user interfaces through natural language and programmatic inputs. The project aims to bridge the gap between design and development by allowing users to describe UI components and layouts in plain language, which are then translated into structured code or interactive components. It leverages modern AI models and frontend technologies to dynamically generate UI elements that can be customized, refined, and extended within development workflows. OpenUI is particularly useful for rapid prototyping, as it allows developers and designers to iterate on interface ideas without manually writing all the underlying code. The framework also supports extensibility, enabling integration with existing design systems and component libraries. By combining AI-assisted generation with developer control, OpenUI provides a hybrid approach to building interfaces that balances automation with customization. -
20
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. -
21
Ring UI
A collection of JetBrains Web UI components
Ring-UI is a React component library created by JetBrains to provide a consistent, high-quality set of UI elements for building web applications with a polished and professional look and feel. It includes a comprehensive suite of components like buttons, dropdowns, modals, tabs, forms, tooltips, menus, and navigation elements that adhere to modern design principles and accessibility standards, making it easier for developers to deliver rich interactive experiences without reinventing core UI pieces. Ring-UI is designed to be modular, themable, and easily composable, so teams can adopt only the components they need and customize appearance to match their branding or product style. It also includes layout utilities and responsive behavior to support applications that work well on both desktop and mobile screens. With TypeScript support, robust documentation, and a focus on developer ergonomics, Ring-UI makes complex UI development more predictable and maintainable in large projects. -
22
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. -
23
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. -
24
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. -
25
TanStack Virtual
Headless UI for Virtualizing Large Element Lists in JS/TS
TanStack Virtual is a lightweight, framework-agnostic library that enables high-performance virtualization for long or large lists in web UIs, providing smooth scrolling and responsive rendering by only mounting items visible in the viewport. A headless, framework‑agnostic virtualization library for rendering massive lists, grids, and tables at 60FPS while giving you full control over markup and styles. Virtualizes vertical, horizontal & grid layouts with a single hook/function. Lightweight (10–15kb) yet powerful, with dynamic & measured sizing support. Smooth 60FPS scrolling with sticky items and window‑scrolling utilities.
