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

# Introduction

> One of the most important parts of pdf noodle is our opinionated no-code template builder. With it, you can create stunning reports using our pre-designed components, allowing you to focus less on minor details and more on achieving a polished, professional result.

Our components are categorized into two types:

### Low-Level Components

These are highly flexible and can be customized to suit your needs:

• [Text](https://docs.pdforge.com/knowledge-base/components/text)

• [HTML](https://docs.pdforge.com/knowledge-base/components/html)

• [Markdown](https://docs.pdforge.com/knowledge-base/components/markdown)

• [Container](https://docs.pdforge.com/knowledge-base/components/container)

### Opinionated Components

These require minimal customization and are designed with predefined styles and functionality:

• [Image](https://docs.pdforge.com/knowledge-base/components/image)

• [Icons](https://docs.pdforge.com/knowledge-base/components/icon)

• [Table](https://docs.pdforge.com/knowledge-base/components/table)

• [Metrics Cards](https://docs.pdforge.com/knowledge-base/components/metrics)

• Alert

• Tags

• QR Code

• [Charts](https://docs.pdforge.com/knowledge-base/components/charts)

• [Page Break](https://docs.pdforge.com/knowledge-base/components/page-break)

• [Divider](https://docs.pdforge.com/knowledge-base/components/divider)

• [Loop](https://docs.pdforge.com/knowledge-base/components/loop)

To learn more about a specific component, explore the detailed documentation available in the sidebar of this knowledge base.

### How does variables work?

The variables that will be replaced to generate the final PDF or image will be **generated automatically according to the Title** of each component. You can see specific rules going to the detailed component documentation.

<Warning>
  **You can't customize the variable name** from opinionated components, as
  **they will be generated automatically** according to the component title and
  content.
</Warning>

**On low-level components** you can also generate variables using our variables syntax.

We use [handlebars](https://handlebarsjs.com/) as our templating engine to differentiate between dynamic variables and static text in your templates. Here’s how it works:

• Simple Variable: Enclose your text in double curly brackets: `{{ }}`.

• HTML Variable: Enclose your text in triple curly brackets: `{{{ }}}` to include HTML tags.

<Info>
  For more details on Handlebars syntax, please check out our guide in the
  [**HTML component**](https://docs.pdforge.com/knowledge-base/components/html).
</Info>

<Warning>
  We're still working on the documentation of every component, so if you have
  any questions regarding a component that you didn't find here, you can message
  us at [support@pdfnoodle.com](mailto:support@pdfnoodle.com) and we'll get back
  to you really fast.
</Warning>