> For the complete documentation index, see [llms.txt](https://docs.trysavvy.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.trysavvy.com/welcome.md).

# 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="/files/aQA79Bze8a540OGrLBOT">/files/aQA79Bze8a540OGrLBOT</a></td><td><a href="/pages/nIUZ49KXUtJ7MGa3s7C5">/pages/nIUZ49KXUtJ7MGa3s7C5</a></td></tr><tr><td><strong>Designer Card</strong></td><td>Quick guide to get started into styling flow components.</td><td><a href="/files/F61Ay9oFOlBzZK6UhDQF">/files/F61Ay9oFOlBzZK6UhDQF</a></td><td><a href="/pages/VuGSr8WV2hEhX2a3qvVP">/pages/VuGSr8WV2hEhX2a3qvVP</a></td></tr><tr><td><strong>Working with Logic</strong></td><td>How to use functions on the builder.</td><td><a href="/files/YlA57FjMg6T8WethARdl">/files/YlA57FjMg6T8WethARdl</a></td><td><a href="/pages/uELnkkN6GxL1z4uU4CGS">/pages/uELnkkN6GxL1z4uU4CGS</a></td></tr><tr><td><strong>Options Card</strong></td><td>Quick guide to get started into setting components options</td><td><a href="/files/OdDAAlviQJeeo2Q2Sc50">/files/OdDAAlviQJeeo2Q2Sc50</a></td><td><a href="/pages/oM2Hb2Y9ycLhNMuMla9y">/pages/oM2Hb2Y9ycLhNMuMla9y</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="/pages/JZtFiBSRdOwWfWIMo29H">/pages/JZtFiBSRdOwWfWIMo29H</a></td><td><a href="/files/WtpZ8qWrhs1cPJvczFAs">/files/WtpZ8qWrhs1cPJvczFAs</a></td></tr><tr><td><strong>Templating</strong></td><td>How to display a value previously entered by the user</td><td><a href="/pages/fj0Fl4ROfovHqNGyaBdC">/pages/fj0Fl4ROfovHqNGyaBdC</a></td><td><a href="/files/zRYKwkqXTSWpY6ex9jb1">/files/zRYKwkqXTSWpY6ex9jb1</a></td></tr><tr><td><strong>Styling components</strong></td><td>How to style components (basics)</td><td><a href="/pages/07BhdU0pyMpywmJTK02G">/pages/07BhdU0pyMpywmJTK02G</a></td><td><a href="/files/FhzlfFMkTsCXSSIJrcwb">/files/FhzlfFMkTsCXSSIJrcwb</a></td></tr><tr><td><strong>Using G Fonts</strong></td><td>How to install a Google font</td><td><a href="/pages/j9twAMhlmWTPMtYS6hOo">/pages/j9twAMhlmWTPMtYS6hOo</a></td><td><a href="/files/qFgQgCw9RM1V03g8QkE8">/files/qFgQgCw9RM1V03g8QkE8</a></td></tr><tr><td><strong>Moving components</strong></td><td>How to change a component's location</td><td><a href="/pages/CMWwNqOrZkpCXlYUrm2o">/pages/CMWwNqOrZkpCXlYUrm2o</a></td><td><a href="/files/B8Cw2TOP1kOq8esvSdNh">/files/B8Cw2TOP1kOq8esvSdNh</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="/pages/6kzWKAJU3ZHqdnd4z1Kp">/pages/6kzWKAJU3ZHqdnd4z1Kp</a></td><td><a href="/files/661gn6eOGucNluCHZdwy">/files/661gn6eOGucNluCHZdwy</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="/pages/XBUR4nDT5vq5ximgyDYU" %}
[Design How-To's](/how-tos/design-how-tos.md)
{% endcontent-ref %}

{% content-ref url="/pages/ijS1SFcgxwO3o0wJmZhs" %}
[Logic How-To's](/how-tos/logic-how-tos.md)
{% endcontent-ref %}

{% content-ref url="/pages/3vz5029KElhSbAzNFdak" %}
[General How-To's](/how-tos/general-how-tos.md)
{% endcontent-ref %}