> For the complete documentation index, see [llms.txt](https://docs.quantumbyte.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend.md).

# Frontend

- [Frontend Services Types](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/frontend-services-types.md)
- [Create Service](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/1.started.md): Follow this guide to create Frontend Service
- [Create Form Service](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/1.started/1.simple_layanan.md): Create Form service with frontend, backend, and API Integration.
- [Component Settings](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/2.components.md): Add and Configure Components
- [Page Settings](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/3.pages.md): Learn how to add and configure pages.
- [Live Preview](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/4.preview.md): Live preview the services you have made.
- [Publish](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/5.publish.md): Publishin your services to the public.
- [Form Configuration](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/6.formulir.md)
- [Widget Form](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/6.formulir/1.started.md): The form widget in the application builder allows you to easily create custom forms for your app without any programming skills.
- [Form Types](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/6.formulir/2.type.md): The form widget provides a variety of field types. You can choose and customize these elements to fit your specific needs.
- [Validation](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/6.formulir/3.validation.md): The form widget includes a validation function to ensure that the data users enter meets your specific requirements. This helps prevent errors and guarantees data accuracy.
- [Process](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/6.formulir/4.process.md): Form to configure data processing.
- [Stepper](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/6.formulir/5.stepper.md): The stepper includes a progress indicator to show users how far along they are in completing the form steps.
- [Payment](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/6.formulir/7.payment.md): The Payment feature in the form widget allows you to set up and integrate payment elements directly into your form.
- [Shipping](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/6.formulir/8.shipping.md): Shipping/"Pengiriman" dalam widget formulir mencakup pengaturan dan integrasi elemen formulir.
- [Widget](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget.md)
- [Form](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/1.formulir.md): The Form Widget is a widget used to create forms within the application, featuring various data types and input elements such as text, numbers, images, and more.
- [Popup](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/10.popup.md): The Popup Widget is a widget used to display a small window or popup over the main layout.
- [Divider](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/11.divider.md): The Divider Widget is a widget used to separate or divide elements from one another within the user interface.
- [Spacer](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/12.spacer.md): The Spacer Widget is a widget used to add empty space or padding between elements within a layout.
- [Data External](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/13.data_ext.md): The External Data Widget is a widget used to integrate data from external sources into the application.
- [View External](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/14.view_ext.md): The External View Widget is a widget used to display views or content from external sources within the application.
- [Transaction History](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/15.history_trans.md): The Transaction History Widget is a widget used to display transaction records or history within the application.
- [Identity Information](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/16.info_identitas.md): The Identity Info Widget is a widget used to display identity or profile information of a user or a specific object within the application.
- [Image](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/2.image.md): Widget image adalah widget yang digunakan untuk menampilkan gambar atau grafik dalam antarmuka pengguna.
- [Image Slider](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/3.slider.md): Widget image slider adalah widget yang digunakan untuk menampilkan serangkaian gambar yang dapat bergeser atau berubah secara otomatis, menciptakan efek slide show
- [Button](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/4.button.md): Widget button adalah widget yang digunakan untuk membuat tombol yang dapat diklik oleh pengguna, digunakan untuk memicu aksi atau perubahan dalam aplikasi
- [Listview](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/6.listview.md): Widget ListView adalah widget yang digunakan untuk menampilkan daftar elemen dalam tata letak vertikal.
- [Listview Data](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/7.listview_data.md): Widget ListView Data adalah widget yang digunakan untuk menampilkan daftar data dalam tata letak vertikal
- [Gridview](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/8.gridview.md): Widget GridView adalah widget yang digunakan untuk menampilkan elemen dalam tata letak grid (kisi).
- [Htmlview](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/8.htmlview.md): Widget yang berfungsi untuk memuat raw html, dimana frontend builder juga dilengkapi dengan built-in HTML Editor
- [Webview](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/8.webview.md): Widget WebView adalah widget yang digunakan untuk menampilkan dan merender halaman web atau konten web dalam aplikasi
- [MapView](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/7.widget/9.mapview.md): Widget MapView adalah widget yang digunakan untuk menampilkan peta atau informasi geografis dalam aplikasi.