Photon kit is a CSS library that provides a native-like look and feels for widgets. If you have ever worked with Bootstrap, you know that the CSS frameworks are important for creating a responsive user interface. It reduces a lot of efforts by providing solutions to common problems. Photon is almost the same as Bootstrap, but it is built for Electron or any other desktop application development. It's a very lightweight framework that includes CSS styles to create both Mac and Windows native-like widgets and user interface. You can download the Photon library from: http://www.photonkit.com.
Download the framework and copy the dist
folder into the project root. You can include the style using standard link tags in your index.html
file. Every Photon application has some basic structure. All the application elements should be wrapped by two container div
's with the window CSS class and window-content
class:
<div class="window"> <div class...