Overview:

The Desktop UI project aims to be the go-to component library for building visually appealing, accessible, and high-performing desktop user interfaces using web technologies like Electron or Tauri. It consists of a React component library built on Radix UI, a separate framework-agnostic CSS library that follows the macOS Human Interface Guidelines and Windows 11 design principles, as well as starter templates for Electron and Tauri to help developers kickstart their desktop app development. The project is currently in active development.

Features:

• React Component Library: Built on top of Radix UI, providing a comprehensive set of reusable React components.
• Framework-Agnostic CSS Library: Separate CSS library following the design guidelines of macOS and Windows 11, allowing developers to create consistent desktop UIs regardless of the underlying framework.
• Starter Templates for Electron & Tauri: Pre-configured templates to quickly start building desktop apps using Electron or Tauri.

Installation:

To install the Desktop UI project, follow these steps:

1. Install Radix UI:

npm install @radix-ui/react

2. Install CSS Library:

npm install desktop-ui-css-library

3. Use React components in your project:

import { Button, TextInput } from '@radix-ui/react';

4. Include CSS styles in your project:

import 'desktop-ui-css-library/styles.css';

5. Use starter templates for Electron or Tauri to jumpstart your app development:

• Electron: https://github.com/desktop-ui/electron-starter-template
• Tauri: https://github.com/desktop-ui/tauri-starter-template

Summary:

The Desktop UI project is a work-in-progress component library that aims to simplify the development of desktop user interfaces using web technologies. It provides a React component library, a framework-agnostic CSS library, and starter templates for Electron and Tauri. The project is inspired by React Desktop by Gabriel Bull and is currently being actively developed.