---
title: "twinkleplop"
description: "> In the beginning there was only darkness."
source: https://twinkleplop.pngwn.at/docs
---
# twinkleplop

> In the beginning there was only darkness.
>
> Then some idiot lit a cigarette and set off the twinklers.

Twinkleplop is a syntax highlighter of unspeakable power.

## quick links

[01 › quick start install and twinkle](https://twinkleplop.pngwn.at/docs/getting_started)[02 › themes light and dark](https://twinkleplop.pngwn.at/docs/themes)[03 › render options customise the output](https://twinkleplop.pngwn.at/docs/render_options)[04 › faq no-one actually asked](https://twinkleplop.pngwn.at/docs/faq)

## try it live

Tread lightly.

mini-lab · editable github-dark · typescript

```text

```

twinkled in 0.000ms 0 tokens · 0 lines

## basic usage

With a few lines of code you can bestow its power upon your code blocks.

```ts title="first-twinkle.ts"
import { language } from "@twinkleplop/typescript";
import "@twinkleplop/theme-github";

const typescript = language();
const html = typescript("1 + 2");
```