--- layout: default title: Photon · Getting started ---
Just download Photon and you'll be well on your way
Photon is downloadable in two forms, within which you'll find the following directories and files, logically grouping common resources and providing both compiled and minified variations.
Once downloaded, unzip the compressed folder to see the structure of (the compiled) photon. You'll see something like this:
{% highlight html %} photon/ ├── css/ │ ├── photon.css │ ├── photon.min.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 {% endhighlight %}This is the most basic form of Photon: precompiled files for quick drop-in usage in nearly any Electron project. We provide compiled CSS (`photon.*`), as well as the minified CSS. We also include the Entypo fonts and a template Electron application for you to quickly get started.
The Photon source code download includes the precompiled CSS, and font assets, along with source Sass, and documentation. More specifically, it includes the following and more:
{% highlight html %} photon/ ├── sass/ ├── fonts/ └── dist/ ├── css/ └── fonts/ {% endhighlight %}The sass/
and fonts/
are the source code for our CSS and icon fonts (respectively).
The dist/
folder includes everything listed in the precompiled download section above.
The docs/
folder includes the source code for our documentation, and examples/
of Photon usage.
Beyond that, any other included file provides support for packages, license information, and development.
Thanks for downloading Photon. This is an example HTML page that's linked up to compiled Photon CSS, has the proper meta tags and the HTML structure.