# App Builder

- [Get Started](/app-builder/get-started.md)
- [Core Concepts](/app-builder/core-concepts.md): Learn about the App Builder's core concepts. These definitions will guide you throughout this documentation and your building process.
- [Overview](/app-builder/overview.md): In this section, we’ll walk you through the development environment so you can easily find what you are looking for.
- [App construction](/app-builder/app-construction.md): Build your app using our drag-and-drop interface.
- [App Configuration](/app-builder/app-construction/app-configuration.md): An app needs to be properly configured before publishing.
- [Pages](/app-builder/app-construction/pages.md): Pages are the basic building blocks of your data app and display all app content.
- [Interactions](/app-builder/app-construction/interactions.md)
- [Add an interaction](/app-builder/app-construction/interactions/add-an-interaction.md)
- [Add conditions to interactions](/app-builder/app-construction/interactions/add-conditions-to-interactions.md)
- [Event payload](/app-builder/app-construction/interactions/event-payload.md): Information on event payloads -- in one place.
- [Ordering interactions with action flow](/app-builder/app-construction/interactions/ordering-interactions-with-action-flow.md)
- [Transformer](/app-builder/app-construction/interactions/transformer.md): Custom Javascript code in action flow
- [Actions](/app-builder/app-construction/interactions/actions.md)
- [Navigation](/app-builder/app-construction/interactions/actions/navigation.md)
- [Element](/app-builder/app-construction/interactions/actions/element.md)
- [Data Source](/app-builder/app-construction/interactions/actions/data-source.md)
- [App](/app-builder/app-construction/interactions/actions/app.md)
- [Page](/app-builder/app-construction/interactions/actions/page.md)
- [API Service](/app-builder/app-construction/interactions/actions/api-service.md)
- [Database](/app-builder/app-construction/interactions/actions/database.md)
- [Media Service](/app-builder/app-construction/interactions/actions/media-service.md)
- [Table](/app-builder/app-construction/table.md)
- [Metric](/app-builder/app-construction/metric.md)
- [Query](/app-builder/app-construction/query.md)
- [Data Store](/app-builder/app-construction/data-store.md)
- [Elements](/app-builder/app-construction/elements.md): Elements are the components that make up your app's interface.
- [Table & Chart](/app-builder/app-construction/elements/table-and-chart.md)
- [Searchable Table](/app-builder/app-construction/elements/table-and-chart/searchable-table.md)
- [Table](/app-builder/app-construction/elements/table-and-chart/table.md)
- [Chart](/app-builder/app-construction/elements/table-and-chart/chart.md)
- [Score Card](/app-builder/app-construction/elements/table-and-chart/score-card.md)
- [Form Elements](/app-builder/app-construction/elements/form-elements.md): These elements can take in user inputs.
- [Form](/app-builder/app-construction/elements/form-elements/form.md)
- [Search Bar](/app-builder/app-construction/elements/form-elements/search-bar.md)
- [Checkbox](/app-builder/app-construction/elements/form-elements/checkbox.md)
- [Date Picker](/app-builder/app-construction/elements/form-elements/date-picker.md)
- [Custom Form](/app-builder/app-construction/elements/form-elements/custom-form.md)
- [Input](/app-builder/app-construction/elements/form-elements/input.md)
- [Multiselect](/app-builder/app-construction/elements/form-elements/multiselect.md)
- [Radio Button](/app-builder/app-construction/elements/form-elements/radio-button.md)
- [Radio List](/app-builder/app-construction/elements/form-elements/radio-list.md)
- [Rich Text Editor](/app-builder/app-construction/elements/form-elements/rich-text-editor.md)
- [Select](/app-builder/app-construction/elements/form-elements/select.md)
- [Switch](/app-builder/app-construction/elements/form-elements/switch.md)
- [Textarea](/app-builder/app-construction/elements/form-elements/textarea.md)
- [Upload](/app-builder/app-construction/elements/form-elements/upload.md)
- [Web Elements](/app-builder/app-construction/elements/web-elements.md): These elements are basic web elements, generally used for navigational or informational purposes.
- [Badge](/app-builder/app-construction/elements/web-elements/badge.md)
- [Button](/app-builder/app-construction/elements/web-elements/button.md)
- [Clickable](/app-builder/app-construction/elements/web-elements/clickable.md)
- [Collapse Menu](/app-builder/app-construction/elements/web-elements/collapse-menu.md)
- [Divider](/app-builder/app-construction/elements/web-elements/divider.md)
- [Icon](/app-builder/app-construction/elements/web-elements/icon.md)
- [Image](/app-builder/app-construction/elements/web-elements/image.md)
- [Link](/app-builder/app-construction/elements/web-elements/link.md)
- [Message](/app-builder/app-construction/elements/web-elements/message.md)
- [Modal](/app-builder/app-construction/elements/web-elements/modal.md)
- [Notification](/app-builder/app-construction/elements/web-elements/notification.md)
- [Pagination](/app-builder/app-construction/elements/web-elements/pagination.md)
- [Popover](/app-builder/app-construction/elements/web-elements/popover.md)
- [Rate](/app-builder/app-construction/elements/web-elements/rate.md)
- [Rich Text](/app-builder/app-construction/elements/web-elements/rich-text.md)
- [Tabs](/app-builder/app-construction/elements/web-elements/tabs.md)
- [Text](/app-builder/app-construction/elements/web-elements/text.md)
- [Layout Elements](/app-builder/app-construction/elements/layout-elements.md): These elements help with arranging and organizing your page.
- [Container](/app-builder/app-construction/elements/layout-elements/container.md)
- [List](/app-builder/app-construction/elements/layout-elements/list.md)
- [Advanced elements](/app-builder/app-construction/elements/advanced-elements.md)
- [Code Block](/app-builder/app-construction/elements/advanced-elements/code-block.md)
- [Condition](/app-builder/app-construction/elements/advanced-elements/condition.md)
- [Print](/app-builder/app-construction/elements/advanced-elements/print.md)
- [CSS Styles](/app-builder/app-construction/elements/css-styles.md): Elements styles and layouts
- [General techniques](/app-builder/app-construction/elements/css-styles/general-techniques.md)
- [Layout](/app-builder/app-construction/elements/css-styles/layout.md)
- [Spacing](/app-builder/app-construction/elements/css-styles/spacing.md): Margin and padding
- [Size](/app-builder/app-construction/elements/css-styles/size.md)
- [Position](/app-builder/app-construction/elements/css-styles/position.md)
- [Typography](/app-builder/app-construction/elements/css-styles/typography.md)
- [Background](/app-builder/app-construction/elements/css-styles/background.md)
- [Border](/app-builder/app-construction/elements/css-styles/border.md)
- [Effect](/app-builder/app-construction/elements/css-styles/effect.md)
- [Form Check](/app-builder/app-construction/elements/form-check.md)
- [Tooltip](/app-builder/app-construction/elements/tooltip.md)
- [Accessors](/app-builder/app-construction/accessors.md)
- [Plugin Store](/app-builder/app-construction/plugin-store.md)
- [Popular Use Cases](/app-builder/popular-use-cases.md)
- [Build a chart from Table Nodes](/app-builder/popular-use-cases/build-a-chart-from-table-nodes.md)
- [Create a table](/app-builder/popular-use-cases/create-a-table.md)
- [Create a list](/app-builder/popular-use-cases/create-a-list.md)
- [Create a filter](/app-builder/popular-use-cases/create-a-filter.md)
- [Create a search bar](/app-builder/popular-use-cases/create-a-search-bar.md)
- [Use Custom Form Container to collect user inputs](/app-builder/popular-use-cases/use-custom-form-container-to-collect-user-inputs.md)
- [Drill down on a table](/app-builder/popular-use-cases/drill-down-on-a-table.md)
- [Download file from query node](/app-builder/popular-use-cases/download-file-from-query-node.md)
- [Set loading animations](/app-builder/popular-use-cases/set-loading-animations.md)
- [Modify a database](/app-builder/popular-use-cases/modify-a-database.md)
- [Navigate to a different page](/app-builder/popular-use-cases/navigate-to-a-different-page.md)
- [Set up dynamic routing](/app-builder/popular-use-cases/set-up-dynamic-routing.md)
- [Update app data using accessors](/app-builder/popular-use-cases/update-app-data-using-accessors.md)
- [Create a Chart with Code Block and D3 Library](/app-builder/popular-use-cases/create-a-chart-with-code-block-and-d3-library.md)
- [Rich text and rich text editor](/app-builder/popular-use-cases/rich-text-and-rich-text-editor.md): Displaying and editing html text
- [Send an Email via Mailjet Plugin](/app-builder/popular-use-cases/send-an-email-via-mailjet-plugin.md)
- [Preview](/app-builder/preview.md)
- [Publish](/app-builder/publish.md)
- [Embed published app on website](/app-builder/publish/embed-published-app-on-website.md)
- [Version Control](/app-builder/version-control.md)
- [App User Management](/app-builder/app-user-management.md)
- [Onboarding Page](/app-builder/app-user-management/onboarding-page.md)
- [Sign in page](/app-builder/app-user-management/sign-in-page.md)
- [Guest Isolation and Private Session](/app-builder/app-user-management/guest-isolation-and-private-session.md)
- [Theme](/app-builder/theme.md): Theme
- [FAQ](/app-builder/faq.md)