desktop-ui icon indicating copy to clipboard operation
desktop-ui copied to clipboard

user feedback and experience report

Open awkj opened this issue 4 years ago • 2 comments

reason of you use it

I'm use tauri(https://tauri.studio/,) and electron to build web app on windows and mac, let my web app base on webview display on user screen like native desktop ui.

This is a comparison of some of the projects I found, and I want to share it here to facilitate the SEO of this project by the way.

comparison

1. xel

  • github: https://github.com/jarek-foksa/xel
  • document: https://xel-toolkit.org/

Advantages:

  • have many style component
  • developers actively maintain it

Disadvantages

  • style is a little outmoded and not enough similarity to mac
  • no typescript no d.ts

2. react-desktop

  • github: https://github.com/gabrielbull/react-desktop
  • document: http://reactdesktop.js.org/

Advantages:

  • have many style component
  • mac style is good
  • windows is outdated

Disadvantages

  • almost nobody to maintain it
  • no typescript no d.ts

3. react-desktop( this project)

tips: I suggest author consider rename to 'react-native-ui' or other , 'react-desktop'is not good name to let user google it

  • github: https://github.com/andrejilderda/react-desktop
  • document: https://react-desktop.netlify.app/

Advantages:

  • it rewrite to typescript by andrejilderda, have typescript support
  • have Windows11 figma design file (excited!!!)

Disadvantages

  • no npm package direct to import use( develper status is WIP)
  • no macos ui preview

SEO Keyword

mac-style
windows-style like native ui react

awkj avatar Feb 18 '22 14:02 awkj

Thanks for writing this down @awkj . For the Windows 11 design language I use the official Figma kit from Windows.

Fyi, the main project goals are:

  • Components that are as close to the native Windows & macOS look-and-feel as possible
  • Accessible (built on top of Radix UI)
  • Performant*

*The main-branch is using Stitches for styling, but I've been experimenting with Vanilla Extract (which means pre build styles/zero runtime, see this branch).

andrejilderda avatar Feb 18 '22 20:02 andrejilderda

Thanks for writing this down @awkj . For the Windows 11 design language I use the official Figma kit from Windows.

Fyi, the main project goals are:

  • Components that are as close to the native Windows & macOS look-and-feel as possible
  • Accessible (built on top of Radix UI)
  • Performant*

*The main-branch is using Stitches for styling, but I've been experimenting with Vanilla Extract (which means pre build styles/zero runtime, see this branch).

thanks your answer, I am learning react , I am very satisfied and like your work, I try to learn what you say about the technology stack to understand the design and code source

awkj avatar Mar 06 '22 04:03 awkj