# 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 %}