# Create documentation that interacts with your reader

![Card Puncher](//img/card_puncher_data_processing-b592de3087f19e7d.jpg)

## Pages

Number of Pages: <!-- -->50

* [avatar](/components/avatar)
* [code](/components/code)
* [grid](/components/grid)
* [icon](/components/icon)
* [image](/components/image)
* [mark](/components/mark)
* [page-menu-button](/components/page-menu-button)
* [svg](/components/svg)
* [toc](/components/toc)
* [add-a-layout](/howto/add-a-layout)
* [add-a-markdown-component](/howto/add-a-markdown-component)
* [add-new-css-variables](/howto/add-new-css-variables)
* [markdown-plus-cheatsheet](/howto/markdown-plus-cheatsheet)
* [404](/reference/404)
* [ai](/reference/ai)
* [at-alias](/reference/at-alias)
* [build](/reference/build)
* [cli](/reference/cli)
* [cms](/reference/cms)
* [component](/reference/component)
* [conf](/reference/conf)
* [debug](/reference/debug)
* [directory-layout](/reference/directory-layout)
* [env](/reference/env)
* [favicons](/reference/favicons)
* [frontmatter](/reference/frontmatter)
* [git](/reference/git)
* [head](/reference/head)
* [icon](/reference/icon)
* [interactive-component](/reference/interactive-component)
* [layout](/reference/layout)
* [markdown-component](/reference/markdown-component)
* [markdown-syntax](/reference/markdown-syntax)
* [markdown](/reference/markdown)
* [md-page](/reference/md-page)
* [mdx](/reference/mdx)
* [middleware](/reference/middleware)
* [outline](/reference/outline)
* [page-module](/reference/page-module)
* [page](/reference/page)
* [public](/reference/public)
* [registry](/reference/registry)
* [remark-rehype-unified](/reference/remark-rehype-unified)
* [robots](/reference/robots)
* [rsc](/reference/rsc)
* [shadcn](/reference/shadcn)
* [styling](/reference/styling)
* [svg](/reference/svg)
* [typescript](/reference/typescript)
* [vite](/reference/vite)