# Examples

HTML: [altophp.com/code-highlight/examples](https://altophp.com/code-highlight/examples/)

The repository contains one curated, compact source example for each of the 27
default languages. The same stable inputs drive documentation previews and
parser checks.

Browse the complete source catalog on
[GitHub](https://github.com/altophp/code-highlight/tree/main/examples/languages),
or use the individual links in the [language reference](https://altophp.com/code-highlight/languages.md).

## Featured preview matrix

Each image is generated at 800 × 400 pixels from the real public highlighter
API.

### PHP

| Alto Dark | Alto Light |
|---|---|
| ![PHP highlighted with Alto Dark](assets/examples/alto-dark/php.png) | ![PHP highlighted with Alto Light](assets/examples/alto-light/php.png) |

| GitHub Dark | GitHub Light |
|---|---|
| ![PHP highlighted with GitHub Dark](assets/examples/github-dark/php.png) | ![PHP highlighted with GitHub Light](assets/examples/github-light/php.png) |

### Twig

| Alto Dark | Alto Light |
|---|---|
| ![Twig highlighted with Alto Dark](assets/examples/alto-dark/twig.png) | ![Twig highlighted with Alto Light](assets/examples/alto-light/twig.png) |

| GitHub Dark | GitHub Light |
|---|---|
| ![Twig highlighted with GitHub Dark](assets/examples/github-dark/twig.png) | ![Twig highlighted with GitHub Light](assets/examples/github-light/twig.png) |

### HTML

| Alto Dark | Alto Light |
|---|---|
| ![HTML highlighted with Alto Dark](assets/examples/alto-dark/html.png) | ![HTML highlighted with Alto Light](assets/examples/alto-light/html.png) |

| GitHub Dark | GitHub Light |
|---|---|
| ![HTML highlighted with GitHub Dark](assets/examples/github-dark/html.png) | ![HTML highlighted with GitHub Light](assets/examples/github-light/html.png) |

### JavaScript

| Alto Dark | Alto Light |
|---|---|
| ![JavaScript highlighted with Alto Dark](assets/examples/alto-dark/javascript.png) | ![JavaScript highlighted with Alto Light](assets/examples/alto-light/javascript.png) |

| GitHub Dark | GitHub Light |
|---|---|
| ![JavaScript highlighted with GitHub Dark](assets/examples/github-dark/javascript.png) | ![JavaScript highlighted with GitHub Light](assets/examples/github-light/javascript.png) |

### CSS

| Alto Dark | Alto Light |
|---|---|
| ![CSS highlighted with Alto Dark](assets/examples/alto-dark/css.png) | ![CSS highlighted with Alto Light](assets/examples/alto-light/css.png) |

| GitHub Dark | GitHub Light |
|---|---|
| ![CSS highlighted with GitHub Dark](assets/examples/github-dark/css.png) | ![CSS highlighted with GitHub Light](assets/examples/github-light/css.png) |

The previews use the same source samples as the package tests. See
[Creating a theme](https://altophp.com/code-highlight/themes/creating.md) to use them when reviewing a custom
theme.

---

Previous: [Getting started](https://altophp.com/code-highlight/getting-started.md)
Next: [Languages](https://altophp.com/code-highlight/languages.md)

---

ALTO\CODE HIGHLIGHT: [altophp.com/code-highlight](https://altophp.com/code-highlight/)
ALTO(PHP): [altophp.com](https://altophp.com/)