photon - GitLite

KO | EN

gitlite — search

#hacktoberfest #typescript #golang #android #rust #deep-learning #linux #macos #java #awesome #cli #kubernetes #pytorch #ios

photon

(★ 10,096)

The fastest way to build beautiful Electron apps using simple HTML and CSS

File Explorer

Download Latest Version (.zip)

- - photon.css
- - photon-entypo.eot
  - photon-entypo.svg
  - photon-entypo.ttf
  - photon-entypo.woff
- - app.js
  - index.html
  - package.json
- - footer.html
  - header.html
  - javascript.html
  - nav.html
- - default.html
- - bars-actions.html
  - bars-tabs.html
  - bars.html
  - basic-sidebar.html
  - basic-window.html
  - button-groups.html
  - buttons-large.html
  - buttons-mini.html
  - buttons.html
  - common-layout.html
  - forms.html
  - icons.html
  - lists.html
  - mini-sidebar.html
  - navs.html
  - tables.html
  - three-paned.html
- components.html
- demo-app.html
- getting-started.html
- index.html
- LICENSE
- photon-entypo.eot
- photon-entypo.svg
- photon-entypo.ttf
- photon-entypo.woff
- appify.scss
- bars.scss
- base.scss
- button-groups.scss
- buttons.scss
- docs.scss
- forms.scss
- grid.scss
- icons.scss
- images.scss
- lists.scss
- mixins.scss
- navs.scss
- normalize.scss
- photon.scss
- tables.scss
- tabs.scss
- utilities.scss
- variables.scss
.gitignore
.travis.yml
_config.yml
CNAME
CONTRIBUTING.md
Gruntfile.js
LICENSE
package.json
README.md

# Installation Guide

1. Get the code

git clone https://github.com/connors/photon

Downloads the entire project code from GitHub to your computer.

cd photon

Moves into the project folder you just downloaded.

2. Node.js

Easy Recommended

Prerequisites

Git Needed to download the project code from GitHub.
Node.js Node.js must be installed to use npm. The LTS version is recommended.

cd dist/template-app

This project's files live in a subfolder, so move into it first.

npm install

Downloads and installs the libraries listed in package.json.

npm start

Starts the development/run server.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# [Photon](http://photonkit.com/)

[![Build Status](https://img.shields.io/travis/connors/photon/master.svg)](https://travis-ci.org/connors/photon)

UI toolkit for building desktop apps with Electron.

## Getting started

* Clone the repo with `git clone https://github.com/connors/photon.git`
* [Read the docs](http://photonkit.com) to learn about the components and how to get your new application started

Take note that our master branch is our active, unstable development branch and that if you're looking to download a stable copy of the repo, check the [tagged downloads](https://github.com/connors/photon/tags).

### What's included

Within the download you'll find the following directories and files, logically grouping common assets. You'll see something like this:

```
photon/
├── css/
│   ├── photon.css
├── fonts/
│   ├── photon-entypo.eot
│   ├── photon-entypo.svg
│   ├── photon-entypo.ttf
│   └── photon-entypo.woff
└── template-app/
    ├── js/
    │   └── menu.js
    ├── app.js
    ├── index.html
    └── package.json
```

We provide compiled CSS (`photon.*`). We also include the Entypo fonts and a template Electron application for you to quickly get started.

## Documentation

Photon's documentation is built with [Jekyll](http://jekyllrb.com) and publicly hosted on GitHub Pages at <http://photonkit.com>. The docs may also be run locally.

### Running documentation locally

1. If necessary, [install Jekyll](http://jekyllrb.com/docs/installation) (requires v2.5.x).
  * **Windows users:** Read [this unofficial guide](http://jekyll-windows.juthilo.com/) to get Jekyll up and running without problems.
2. Install the Ruby-based syntax highlighter, [Rouge](https://github.com/jneen/rouge), with `gem install rouge`.
3. From the root `/photon` directory, run `jekyll serve` in the command line.
4. Open <http://localhost:4000> in your browser, and boom!

Learn more about using Jekyll by reading its [documentation](http://jekyllrb.com/docs/home/).

## Contributing

Please file a GitHub issue to [report a bug](https://github.com/connors/photon/issues). When reporting a bug, be sure to follow the [contributor guidelines](https://github.com/connors/photon/blob/master/CONTRIBUTING.md).

## Development

1. Install node dependencies: `npm install`.
2. Open the example app: `npm start`.

Modifying source Sass files? Open a second Terminal tab and run `npm run build` to kick off a build of the compiled `photon.css`.

## Versioning

For transparency into our release cycle and in striving to maintain backward compatibility, Photon is maintained under the Semantic Versioning guidelines. Sometimes we screw up, but we'll adhere to these rules whenever possible.

Releases will be numbered with the following format:

`<major>.<minor>.<patch>`

And constructed with the following guidelines:

* Breaking backward compatibility **bumps the major** while resetting minor and patch
* New additions without breaking backward compatibility **bumps the minor** while resetting the patch
* Bug fixes and misc changes **bumps only the patch**

For more information on SemVer, please visit <http://semver.org/>.

## Maintainers

Connor Sears

* <https://twitter.com/connors>
* <https://github.com/connors>

## License

Copyright @connors. Released under MIT.