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

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.

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.

critique is a beautiful terminal-oriented user interface tool for reviewing git diffs that makes inspecting source control changes more intuitive and readable directly from the command line. The tool provides a styled, split-view diff layout with syntax highlighting and word-level diffing, which gives developers clear insight into what has changed in each file beyond simple line additions or deletions. It supports viewing diff ranges across commits, staged versus unstaged changes, and even comparisons between branches, turning the diff output into a more interactive, readable experience than traditional git diff. Critique is built with a terminal UI foundation and can also generate a web preview of diffs by converting ANSI escape codes into styled HTML, which can be shared temporarily via a cloud worker for collaborative review.

Open Source Library for Angular Web Apps to integrate a material user interface built for firebase authentication. Angular UI component for firebase authentication. This library is an angular module (including angular components and services) that allows to authenticate your users with your firebase project. NgxAuthFirebseUI is compatible with angular material and angular flexLayout. It uses a responsive and accessible web design UX/UI from google material concepts and components (supporting desktop, tablet and mobile view) incl. smooth animations for a better UX. Pick up your own theme! change the primary, accent and warn colors whenever you need (e.g to support light and dark themes) Super easy to use with an angular based project (project that is created with the angular-cli) Configure your authentication providers in runtime.

react-native-graph is a Line Graph implementation based on the high-performance 2D graphics rendering engine "Skia". It's used in the Pink Panda Wallet app to power thousands of token graphs every day. Animations are ran using the Skia animation system and are fully natively interpolated to ensure best possible performance. If animated is false, a light-weight implementation of the graph renderer will be used, which is optimal for displaying a lot of graphs in large lists.

Smooth and fast cross-platform Material Design date picker for React Native Paper.

A flexible way to handle safe areas, also works on Android and the Web! This library currently has experimental support for the new react-native architecture. Note that there will be breaking changes and only the latest version of react-native will be supported. This library has 2 important concepts, if you are familiar with React Context this is very similar. The SafeAreaProvider component is a View from where insets provided by Consumers are relative to. This means that if this view overlaps with any system elements (status bar, notches, etc.) these values will be provided to descendent consumers. Usually, you will have one provider at the top of your app. Consumers are components and hooks that allow using inset values provided by the nearest parent Provider. Values are always relative to a provider and not to these components.

Taxonomy is an open-source web application project built with modern JavaScript frameworks to demonstrate how a fully featured application can be implemented using the newest capabilities of Next.js and React. The project was created by the shadcn-ui ecosystem as an experiment to explore modern architecture patterns such as server components, the Next.js app router, and modular UI component design. Rather than serving as a simple template, Taxonomy acts as a real application example that includes authentication, subscription management, documentation pages, and blogging functionality. The application uses a modern development stack including TypeScript, Tailwind CSS, and UI components based on Radix UI to build accessible and responsive interfaces. It also integrates backend functionality through Prisma ORM and database services while supporting API routes and middleware for server-side logic.

A collection of framework-agnostic UI components patterns like an accordion, menu, and dialog that can be used to build design systems for React, Vue, and Solid.js. Simple, resilient component logic. Write component logic once and use it anywhere. Built-in adapters that connect machine output to DOM semantics in a WAI-ARIA-compliant way. Component logic is largely JavaScript code and can be consumed in any JS framework. Zag machine APIs are completely headless and unstyled. Use your favorite styling solution and get it matching your design system. Finite state machines for building accessible design systems and UI components. Works with React, Vue and Solid.