Enhance Your Documentation

Meticulously crafted React components and utilities to help you create engaging content and documentation.

Start Writingnpm install renoun

  1. Collect

    Collect, organize, and validate structured data using the File System API.

    import { Directory } from 'renoun/file-system'

const posts = new Directory({ path: 'posts' })

  2. Render

    Query and render your file system entries programmatically using a simple API.

    import { Directory } from 'renoun/file-system'

const posts = new Directory({ path: 'posts'})

async function Page({ slug }: { slug: string }) {
  const post = await posts.getFile(slug, 'mdx')
  const Content = await post.getExportValue('default')
    
  return <Content />
}

  3. Personalize

    Select from a growing list of pre-built components to tailor your content and documentation to fit your unique needs and brand identity.

    import { CodeBlock, Tokens } from 'renoun/components'

function Page() {
  return (
    <CodeBlock
      language="tsx"
      value={`import { CodeBlock } from 'renoun/components'`} 
    >
      <pre>
        <Tokens />
      </pre>
    </CodeBlock>
  )
}
Learn More →

Stay Updated