# Vocs

> Static documentation generator powered by Vite and React

## Docs

- [Blank page](/blank): This is a blank page.
- [Getting Started](/docs): Vocs is a [React](https://react.dev)-based static documentation generator, powered by [Vite](https://vitejs.dev).
- [Kitchen Sink](/docs/kitchen-sink): An MDX Playground for Vocs
- [Markdown Reference](/docs/markdown): Features and syntax of Markdown in Vocs
- [Project Structure](/docs/structure): Overview of the structure of a Vocs project
- [Blog](/docs/guides/blog): Below are the steps to set up a blog using Vocs.
- [Code Snippets](/docs/guides/code-snippets): Including code snippets in Markdown
- [Components](/docs/guides/components): How to use Vocs components & build your own
- [Layouts](/docs/guides/layouts): Customizing the page layout in Vocs
- [Markdown Snippets](/docs/guides/markdown-snippets): Including other Markdown files in Markdown
- [Example](/docs/guides/markdown-snippets): You can include other Markdown files in a Markdown file by making use of the `import{:ts}` statement & MDX.
- [Sidebar & Top Navigation](/docs/guides/navigation): The sidebar and top navigation are the main ways to navigate through the documentation.
- [Dynamic OG Images](/docs/guides/og-images): Customizing the Open Graph Image in Vocs
- [Styling](/docs/guides/styling): To add custom CSS, you can create a `styles.css` file in the Vocs root directory.
This file will be automatically imported into the app.
- [Theming](/docs/guides/theming): Theming in Vocs is highly configurable. You can either theme your documentation via **CSS variables** through the [configuration (`vocs.config.ts`)](/docs/api/config), or via [CSS classes](#class-theming).
- [Twoslash](/docs/guides/twoslash): [TypeScript Twoslash](https://www.typescriptlang.org/dev/twoslash/) can be seen as a pre-processor that enhances your code-samples.
It is a markup language for JavaScript and TypeScript.
- [Config](/docs/api/config): Define global metadata for your documentation
- [Frontmatter](/docs/api/frontmatter): Define page-specific metadata
- [gm](/blog/gm): we're so back.
- [Blog](/blog)