web-dev-qa-db-fra.com

Composants d'interface utilisateur natifs pour application Electron

J'utilise Electron (anciennement Atom Shell) pour une application de bureau. C'est très amusant à utiliser et la programmation événementielle a ses mérites.

J'ai tous les pouvoirs HTML, CSS et JS à portée de main car il utilise l'une des versions les plus récentes de Chromium. Je voudrais utiliser des éléments d'interface utilisateur qui ressemblent aux éléments natifs (d'OS X dans mon cas).

Existe-t-il une bibliothèque d'interface utilisateur imitant l'apparence et la fonctionnalité des éléments d'interface utilisateur natifs ou d'autres qui s'intègrent bien dans une telle application de bureau?

31
Hedge

Après avoir cherché un peu sur le Web, j'ai trouvé un thème bootstrap appelé Maverix . Je ne pense pas qu'il corresponde parfaitement à OSX, mais il semble sacrément proche. Il est open source sous MIT donc vous devriez être en mesure de le plier à votre guise. Après avoir parcouru là-bas page de démonstration il appelle même Electron (Atom-Shell) comme bon cas d'utilisation:

Il est parfait pour être utilisé pour des applications basées sur des conteneurs d'applications HTML tels que: MacGap Node-Webkit Github Atom Shell Adobe Brackets Shell

Cela semble faire exactement ce que vous recherchez.

20
Shawn Rakowski

Photon est un projet récent mais c'est probablement ce que vous voulez. Pour le moment, l'interface utilisateur est uniquement comme OSX.

Boîte à outils d'interface utilisateur pour créer des applications de bureau avec Electron.

Lien: http://photonkit.com/

56
Fabien Sa

Une autre option, bien qu'elle semble assez jeune, serait React Desktop . Pour l'instant, il prend partiellement en charge OS X El Capitan et Windows 10, mais nous espérons que le nombre de composants disponibles et de systèmes pris en charge augmentera.

Cette bibliothèque a été créée pour offrir une expérience de bureau native sur le Web. Cela fonctionne extrêmement bien avec des outils tels que node-webkit ou Electron.js!

20
Edu Zamora

https://xel-toolkit.org

D'autres réponses fournissent un cadre et certains composants, Xel fournit plus de composants. Xel s'appuie sur des composants Web, est indépendant du framework.

6
Sista Fiolen