# Welcome

We at **Savvy** believe in the power of **no-code** to democratize software development and **empower anyone** to bring their ideas to life **without technical barriers**. \
\
Whether you’re a seasoned developer or a complete beginner, **our docs will help you get the most out of Savvy Builder** and unleash your creativity to build powerful and fully custom projects.

## Guides

Get started quickly with these three key guides to the builder:

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Intro to the Builder</strong></td><td>Short description of the sidebar from top to bottom.</td><td><a href="https://2080030610-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgFafh00YOojEhbybq4uG%2Fuploads%2FoiM8iVIe2C50ZQga1LYV%2Fbook%20upload.jpg?alt=media&#x26;token=39c88eef-8312-470f-8baa-93c238624f61">book upload.jpg</a></td><td><a href="guides/intro-to-the-builder">intro-to-the-builder</a></td></tr><tr><td><strong>Designer Card</strong></td><td>Quick guide to get started into styling flow components.</td><td><a href="https://2080030610-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgFafh00YOojEhbybq4uG%2Fuploads%2Ffg3VmNq6TmIQ9UP935xz%2Fpage.jpg?alt=media&#x26;token=c01890d9-7da7-40fa-ad8c-2bebc1d451a4">page.jpg</a></td><td><a href="guides/designer-card">designer-card</a></td></tr><tr><td><strong>Working with Logic</strong></td><td>How to use functions on the builder.</td><td><a href="https://2080030610-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgFafh00YOojEhbybq4uG%2Fuploads%2FEZlBCiCfK3PoxovxKCel%2FLogic.jpg?alt=media&#x26;token=0c035b2b-3655-4ab4-846b-96d63b282448">Logic.jpg</a></td><td><a href="guides/working-with-logic">working-with-logic</a></td></tr><tr><td><strong>Options Card</strong></td><td>Quick guide to get started into setting components options</td><td><a href="https://2080030610-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgFafh00YOojEhbybq4uG%2Fuploads%2FmlkVNTQePcABSZZ5D63t%2Foptions.jpg?alt=media&#x26;token=0e1f9b25-0301-43e9-a347-f50122c9a4ad">options.jpg</a></td><td><a href="guides/options-card">options-card</a></td></tr></tbody></table>

## How-To's

Short tutorials for achieving a specific task:

<table data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td><strong>Show/Hide Conditions</strong></td><td>How to set a show/hide condition</td><td><a href="how-tos/logic-how-tos/how-to-set-show-hide-conditions">how-to-set-show-hide-conditions</a></td><td><a href="https://2080030610-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgFafh00YOojEhbybq4uG%2Fuploads%2FGxod7av4GOeWGIyKBDVj%2FScreenshot%202023-04-07%20at%2010.24.52%20AM.png?alt=media&#x26;token=5f02625e-aaf2-4d32-ad1d-78ca1311d2a9">Screenshot 2023-04-07 at 10.24.52 AM.png</a></td></tr><tr><td><strong>Templating</strong></td><td>How to display a value previously entered by the user</td><td><a href="how-tos/logic-how-tos/how-to-display-a-value-previously-entered-by-the-user">how-to-display-a-value-previously-entered-by-the-user</a></td><td><a href="https://2080030610-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgFafh00YOojEhbybq4uG%2Fuploads%2Fgaq2Eoh92uMBpyQn9EhC%2FScreenshot%202023-04-07%20at%2010.31.22%20AM.png?alt=media&#x26;token=29826042-d31e-48b0-9af1-6f488724651d">Screenshot 2023-04-07 at 10.31.22 AM.png</a></td></tr><tr><td><strong>Styling components</strong></td><td>How to style components (basics)</td><td><a href="how-tos/design-how-tos/how-to-style-components-basics">how-to-style-components-basics</a></td><td><a href="https://2080030610-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgFafh00YOojEhbybq4uG%2Fuploads%2FWYjWsSMDvmDng5tDFjOI%2FScreenshot%202023-04-07%20at%2010.32.38%20AM.png?alt=media&#x26;token=a700140d-6fd4-45aa-9f70-558d30a0cf10">Screenshot 2023-04-07 at 10.32.38 AM.png</a></td></tr><tr><td><strong>Using G Fonts</strong></td><td>How to install a Google font</td><td><a href="how-tos/general-how-tos/how-to-install-a-google-font.">how-to-install-a-google-font.</a></td><td><a href="https://2080030610-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgFafh00YOojEhbybq4uG%2Fuploads%2FORm91eJbTss1ECKZl1sn%2FScreenshot%202023-04-07%20at%2010.19.48%20AM.png?alt=media&#x26;token=0996a29b-cda8-4f4e-b264-77b63d5bd5d6">Screenshot 2023-04-07 at 10.19.48 AM.png</a></td></tr><tr><td><strong>Moving components</strong></td><td>How to change a component's location</td><td><a href="how-tos/design-how-tos/how-to-change-a-components-location">how-to-change-a-components-location</a></td><td><a href="https://2080030610-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgFafh00YOojEhbybq4uG%2Fuploads%2FYcbaOtGh4hsDQ7yTDg9I%2F2023-04-10_13h57_57.png?alt=media&#x26;token=cc56aa96-c0aa-40a4-8571-ae6d041838e8">2023-04-10_13h57_57.png</a></td></tr><tr><td><strong>Setting Selectors</strong></td><td>How to style a specific component element (E.g. buttons image)</td><td><a href="how-tos/design-how-tos/how-to-style-a-specific-component-element-e.g.-buttons-image">how-to-style-a-specific-component-element-e.g.-buttons-image</a></td><td><a href="https://2080030610-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgFafh00YOojEhbybq4uG%2Fuploads%2FU7rnDAKW8g6qmT8TGRlF%2FScreenshot%202023-04-07%20at%2010.27.01%20AM.png?alt=media&#x26;token=afc24fd0-6569-40a4-be17-36f12cf592ac">Screenshot 2023-04-07 at 10.27.01 AM.png</a></td></tr></tbody></table>

{% hint style="info" %}
The above are just some of the most popular how-tos.\
Below you'll find links to the 3 main sections where you can find tons of other how-tos.
{% endhint %}

## How-To's sections:

{% content-ref url="how-tos/design-how-tos" %}
[design-how-tos](https://docs.trysavvy.com/how-tos/design-how-tos)
{% endcontent-ref %}

{% content-ref url="how-tos/logic-how-tos" %}
[logic-how-tos](https://docs.trysavvy.com/how-tos/logic-how-tos)
{% endcontent-ref %}

{% content-ref url="how-tos/general-how-tos" %}
[general-how-tos](https://docs.trysavvy.com/how-tos/general-how-tos)
{% endcontent-ref %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.trysavvy.com/welcome.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.