29 Premium Themes
Included with purchase — and more features on the way!
Get access — $12 once
Version 2 is coming soon.
The price goes up when it arrives.
Pay once today and every update after that is free.
One Dark Pro
<MyComponent id="123" />
You can also use objects with components, such as the `thisOne` component on
the `myComponents` object: <myComponents.thisOne />
<Component
open
x={1}
label={'this is a string, *not* markdown!'}
icon={<Icon />}
/>
{/* From https://mdxjs.com/docs/what-is-mdx/#mdx-syntax */}
Andromeda
<MyComponent id="123" />
You can also use objects with components, such as the `thisOne` component on
the `myComponents` object: <myComponents.thisOne />
<Component
open
x={1}
label={'this is a string, *not* markdown!'}
icon={<Icon />}
/>
{/* From https://mdxjs.com/docs/what-is-mdx/#mdx-syntax */}
Ayu Dark
<MyComponent id="123" />
You can also use objects with components, such as the `thisOne` component on
the `myComponents` object: <myComponents.thisOne />
<Component
open
x={1}
label={'this is a string, *not* markdown!'}
icon={<Icon />}
/>
{/* From https://mdxjs.com/docs/what-is-mdx/#mdx-syntax */}
Ayu Mirage
<MyComponent id="123" />
You can also use objects with components, such as the `thisOne` component on
the `myComponents` object: <myComponents.thisOne />
<Component
open
x={1}
label={'this is a string, *not* markdown!'}
icon={<Icon />}
/>
{/* From https://mdxjs.com/docs/what-is-mdx/#mdx-syntax */}
Ayu Light
<MyComponent id="123" />
You can also use objects with components, such as the `thisOne` component on
the `myComponents` object: <myComponents.thisOne />
<Component
open
x={1}
label={'this is a string, *not* markdown!'}
icon={<Icon />}
/>
{/* From https://mdxjs.com/docs/what-is-mdx/#mdx-syntax */}
Cobalt2
<MyComponent id="123" />
You can also use objects with components, such as the `thisOne` component on
the `myComponents` object: <myComponents.thisOne />
<Component
open
x={1}
label={'this is a string, *not* markdown!'}
icon={<Icon />}
/>
{/* From https://mdxjs.com/docs/what-is-mdx/#mdx-syntax */}
Night Owl
<MyComponent id="123" />
You can also use objects with components, such as the `thisOne` component on
the `myComponents` object: <myComponents.thisOne />
<Component
open
x={1}
label={'this is a string, *not* markdown!'}
icon={<Icon />}
/>
{/* From https://mdxjs.com/docs/what-is-mdx/#mdx-syntax */}
Night Owl Light
<MyComponent id="123" />
You can also use objects with components, such as the `thisOne` component on
the `myComponents` object: <myComponents.thisOne />
<Component
open
x={1}
label={'this is a string, *not* markdown!'}
icon={<Icon />}
/>
{/* From https://mdxjs.com/docs/what-is-mdx/#mdx-syntax */}
Noctis
<MyComponent id="123" />
You can also use objects with components, such as the `thisOne` component on
the `myComponents` object: <myComponents.thisOne />
<Component
open
x={1}
label={'this is a string, *not* markdown!'}
icon={<Icon />}
/>
{/* From https://mdxjs.com/docs/what-is-mdx/#mdx-syntax */}
Noctis Azureus
<MyComponent id="123" />
You can also use objects with components, such as the `thisOne` component on
the `myComponents` object: <myComponents.thisOne />
<Component
open
x={1}
label={'this is a string, *not* markdown!'}
icon={<Icon />}
/>
{/* From https://mdxjs.com/docs/what-is-mdx/#mdx-syntax */}
Noctis Bordo
<MyComponent id="123" />
You can also use objects with components, such as the `thisOne` component on
the `myComponents` object: <myComponents.thisOne />
<Component
open
x={1}
label={'this is a string, *not* markdown!'}
icon={<Icon />}
/>
{/* From https://mdxjs.com/docs/what-is-mdx/#mdx-syntax */}
Noctis Hibernus
<MyComponent id="123" />
You can also use objects with components, such as the `thisOne` component on
the `myComponents` object: <myComponents.thisOne />
<Component
open
x={1}
label={'this is a string, *not* markdown!'}
icon={<Icon />}
/>
{/* From https://mdxjs.com/docs/what-is-mdx/#mdx-syntax */}
Noctis Lilac
<MyComponent id="123" />
You can also use objects with components, such as the `thisOne` component on
the `myComponents` object: <myComponents.thisOne />
<Component
open
x={1}
label={'this is a string, *not* markdown!'}
icon={<Icon />}
/>
{/* From https://mdxjs.com/docs/what-is-mdx/#mdx-syntax */}
Noctis Lux
<MyComponent id="123" />
You can also use objects with components, such as the `thisOne` component on
the `myComponents` object: <myComponents.thisOne />
<Component
open
x={1}
label={'this is a string, *not* markdown!'}
icon={<Icon />}
/>
{/* From https://mdxjs.com/docs/what-is-mdx/#mdx-syntax */}
Noctis Minimus
<MyComponent id="123" />
You can also use objects with components, such as the `thisOne` component on
the `myComponents` object: <myComponents.thisOne />
<Component
open
x={1}
label={'this is a string, *not* markdown!'}
icon={<Icon />}
/>
{/* From https://mdxjs.com/docs/what-is-mdx/#mdx-syntax */}
Noctis Obscuro
<MyComponent id="123" />
You can also use objects with components, such as the `thisOne` component on
the `myComponents` object: <myComponents.thisOne />
<Component
open
x={1}
label={'this is a string, *not* markdown!'}
icon={<Icon />}
/>
{/* From https://mdxjs.com/docs/what-is-mdx/#mdx-syntax */}
Noctis Sereno
<MyComponent id="123" />
You can also use objects with components, such as the `thisOne` component on
the `myComponents` object: <myComponents.thisOne />
<Component
open
x={1}
label={'this is a string, *not* markdown!'}
icon={<Icon />}
/>
{/* From https://mdxjs.com/docs/what-is-mdx/#mdx-syntax */}
Noctis Uva
<MyComponent id="123" />
You can also use objects with components, such as the `thisOne` component on
the `myComponents` object: <myComponents.thisOne />
<Component
open
x={1}
label={'this is a string, *not* markdown!'}
icon={<Icon />}
/>
{/* From https://mdxjs.com/docs/what-is-mdx/#mdx-syntax */}
Noctis Viola
<MyComponent id="123" />
You can also use objects with components, such as the `thisOne` component on
the `myComponents` object: <myComponents.thisOne />
<Component
open
x={1}
label={'this is a string, *not* markdown!'}
icon={<Icon />}
/>
{/* From https://mdxjs.com/docs/what-is-mdx/#mdx-syntax */}
Palenight
<MyComponent id="123" />
You can also use objects with components, such as the `thisOne` component on
the `myComponents` object: <myComponents.thisOne />
<Component
open
x={1}
label={'this is a string, *not* markdown!'}
icon={<Icon />}
/>
{/* From https://mdxjs.com/docs/what-is-mdx/#mdx-syntax */}
Pico 8
<MyComponent id="123" />
You can also use objects with components, such as the `thisOne` component on
the `myComponents` object: <myComponents.thisOne />
<Component
open
x={1}
label={'this is a string, *not* markdown!'}
icon={<Icon />}
/>
{/* From https://mdxjs.com/docs/what-is-mdx/#mdx-syntax */}
Shades of Purple
<MyComponent id="123" />
You can also use objects with components, such as the `thisOne` component on
the `myComponents` object: <myComponents.thisOne />
<Component
open
x={1}
label={'this is a string, *not* markdown!'}
icon={<Icon />}
/>
{/* From https://mdxjs.com/docs/what-is-mdx/#mdx-syntax */}
Shades of Purple SD
<MyComponent id="123" />
You can also use objects with components, such as the `thisOne` component on
the `myComponents` object: <myComponents.thisOne />
<Component
open
x={1}
label={'this is a string, *not* markdown!'}
icon={<Icon />}
/>
{/* From https://mdxjs.com/docs/what-is-mdx/#mdx-syntax */}
Synthwave '84
<MyComponent id="123" />
You can also use objects with components, such as the `thisOne` component on
the `myComponents` object: <myComponents.thisOne />
<Component
open
x={1}
label={'this is a string, *not* markdown!'}
icon={<Icon />}
/>
{/* From https://mdxjs.com/docs/what-is-mdx/#mdx-syntax */}
Tokyo Night
<MyComponent id="123" />
You can also use objects with components, such as the `thisOne` component on
the `myComponents` object: <myComponents.thisOne />
<Component
open
x={1}
label={'this is a string, *not* markdown!'}
icon={<Icon />}
/>
{/* From https://mdxjs.com/docs/what-is-mdx/#mdx-syntax */}
Tokyo Night Storm
<MyComponent id="123" />
You can also use objects with components, such as the `thisOne` component on
the `myComponents` object: <myComponents.thisOne />
<Component
open
x={1}
label={'this is a string, *not* markdown!'}
icon={<Icon />}
/>
{/* From https://mdxjs.com/docs/what-is-mdx/#mdx-syntax */}
Tokyo Night Light
<MyComponent id="123" />
You can also use objects with components, such as the `thisOne` component on
the `myComponents` object: <myComponents.thisOne />
<Component
open
x={1}
label={'this is a string, *not* markdown!'}
icon={<Icon />}
/>
{/* From https://mdxjs.com/docs/what-is-mdx/#mdx-syntax */}
Winter is Coming
<MyComponent id="123" />
You can also use objects with components, such as the `thisOne` component on
the `myComponents` object: <myComponents.thisOne />
<Component
open
x={1}
label={'this is a string, *not* markdown!'}
icon={<Icon />}
/>
{/* From https://mdxjs.com/docs/what-is-mdx/#mdx-syntax */}
Winter is Coming Light
<MyComponent id="123" />
You can also use objects with components, such as the `thisOne` component on
the `myComponents` object: <myComponents.thisOne />
<Component
open
x={1}
label={'this is a string, *not* markdown!'}
icon={<Icon />}
/>
{/* From https://mdxjs.com/docs/what-is-mdx/#mdx-syntax */}
Winter is Coming Dark
<MyComponent id="123" />
You can also use objects with components, such as the `thisOne` component on
the `myComponents` object: <myComponents.thisOne />
<Component
open
x={1}
label={'this is a string, *not* markdown!'}
icon={<Icon />}
/>
{/* From https://mdxjs.com/docs/what-is-mdx/#mdx-syntax */}