CODEWITHSUNDEEP
javascripthtmlcsschromiumelectron
Hedge
Hedge

Reputation: 16748

Native looking UI components for Electron application

I'm using Electron (formerly Atom Shell) for a desktop application. It is a lot of fun to use and event-driven programming has its merits.

I've got all HTML, CSS & JS power at my hands because it uses one of the more recent Chromium builds. I'd like to use UI elements which look similar to the native ones (from OS X in my case).

Is there a UI library imitating the look and functionality of the native UI elements or other ones which fit nicely into such a desktop application?

Upvotes: 43

Views: 58191

Answers (4)

Sista Fiolen
Sista Fiolen

Reputation: 786

https://xel-toolkit.org

Other answers provide one frame and some components, Xel provide more components. Xel build on Web Components, is framework-agnostic.

Upvotes: 9

Edu Zamora
Edu Zamora

Reputation: 1492

Another option, although it seems pretty young, would be React Desktop. For now it has partial support for OS X El Capitan and Windows 10, but hopefully the number of components available and systems supported will grow.

This library has been created to bring a native desktop experience to the web. It works extremely well with tools such as node-webkit or Electron.js!

Upvotes: 26

Fabien Sa
Fabien Sa

Reputation: 9470

Photon is a recent project but it is probably what you want. For the moment the UI is only like OSX.

UI toolkit for building desktop apps with Electron.

Link: http://photonkit.com/

Upvotes: 66

Shawn Rakowski
Shawn Rakowski

Reputation: 5714

After searching around the web a bit I found a bootstrap theme called Maverix. I don't think it matches OSX perfectly, but it looks pretty darn close. It is open source under MIT so you should be able to bend it to your will. After scanning through there demo page it even calls out Electron (Atom-Shell) as a good use case:

It is perfect to be used for apps that are based on HTML App Containers such as: MacGap Node-Webkit Github Atom Shell Adobe Brackets Shell

This seems like it would do exactly what you are looking for.

Upvotes: 25

Related Questions