> ## Documentation Index
> Fetch the complete documentation index at: https://docs.doczilla.app/llms.txt
> Use this file to discover all available pages before exploring further.

# Introduction

> Showcase of the versatility and potential of Doczilla's features.

<Card title={'Request example'} href={'https://github.com/Doczilla-APP/issues'}>
  Use our public GitHub issues repository to request new examples on how to use Doczilla.
</Card>

<CardGroup cols={2}>
  <Card title="PDF from HTML" icon={'file-pdf'} href="/examples/pdf-from-html" horizontal>
    Convert HTML content into professional-looking PDF documents.
  </Card>

  <Card title="Image from HTML" icon={'image'} href="/examples/image-from-html" horizontal>
    Convert HTML into professional-looking images.
  </Card>

  <Card title="Securing your webhook" icon={'webhook'} href="/examples/securing-webhooks" horizontal>
    Check the webhooks signature to prevent downgrade attacks.
  </Card>

  <Card title="Use your own bucket" icon={'bucket'} href="/examples/use-your-own-bucket" horizontal>
    Write the document directly into your bucket by using the storage option.
  </Card>

  <Card title="Product screenshots" icon={'browser'} href="/examples/product-screenshot" horizontal>
    Craft compelling product screenshots effortlessly with our screenshot API.
  </Card>

  <Card title="Element screenshots" icon={'crosshairs-simple'} href="/examples/element-screenshot" horizontal>
    Take a screenshot of a specific element on the page, great for automating documentation steps of your product.
  </Card>

  <Card title="Protected websites" icon={'lock'} href="/examples/protected-websites" horizontal>
    Take screenshots of protected websites with our screenshot API.
  </Card>

  <Card title="Custom header and footer" icon={'file-pdf'} href="/examples/pdf-with-custom-header-and-footer" horizontal>
    Enhance PDFs with custom headers and footers effortlessly.
  </Card>

  <Card title="Handpick pages" icon={'files'} href="/examples/pdf-handpick-pages" horizontal>
    Tailor PDF content by extracting specific page ranges from documents.
  </Card>

  <Card title="Enhance PDFs with Paged.js" icon={'sparkles'} href="/examples/pdf-enhance-with-paged-js" horizontal>
    Enhance PDFs into beautifully paginated documents with Paged.js.
  </Card>

  <Card title="Invoices with Tailwind CSS" icon={'file-invoice'} href="/examples/pdf-html-invoices" horizontal>
    Generate invoice PDFs based on templates with the "htmlTemplate" option.
  </Card>

  <Card title="Reports with Tailwind CSS" icon={'file-chart-column'} href="/examples/pdf-html-reports" horizontal>
    Generate report PDFs with charts using the “htmlTemplate” option.
  </Card>
</CardGroup>