# Onboarding

<figure><img src="https://1173113760-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FYEKIeE9xnHLXuuwEs8zo%2Fuploads%2FNEQvPW2eSjPHyMqmK1At%2FAll%20Onboarding%20Components.png?alt=media&#x26;token=ff513dd1-603f-4661-9a27-0a0f53fed338" alt=""><figcaption><p>Questera AI Onboarding Components</p></figcaption></figure>

The onboarding components presented are a versatile set of user interface elements designed to streamline the process of integrating new users into a software application or digital service. Developers and designers can leverage these components to create a smooth and welcoming first-time experience that can increase user retention and satisfaction.

**Use Cases:**

* **Initial User Setup**: Guiding users through setting up their user profile, including personal, company, and preference information.
* **Feature Walkthroughs**: Introducing users to key features of the application through step-by-step tutorials or interactive guides.
* **Progress Tracking**: Providing users with a clear indication of their onboarding progress, encouraging them to complete the process.
* **User Education**: Educating users about the application’s benefits and features through informative pop-ups or tooltips.
* **Feedback Collection**: Engaging with users to collect feedback on their onboarding experience, which can be used to improve the process further.
* **Support and Assistance**: Offering users the option to select the type of support they require, enhancing user support interaction.

**Components:**

<table data-view="cards"><thead><tr><th></th><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>React</td><td>Elevate your UI with our suite of efficient, scalable components.</td><td></td><td><a href="../react-sdk-components">react-sdk-components</a></td><td><a href="https://1173113760-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FYEKIeE9xnHLXuuwEs8zo%2Fuploads%2FjI1YZf45R45o9u9URwcI%2FReact-icon.svg.png?alt=media&#x26;token=d3b0f61d-8618-475d-b834-4ffc43112ef3">React-icon.svg.png</a></td></tr><tr><td>React Native</td><td>Achieve native look and feel across mobile platforms with ease.</td><td></td><td><a href="../react-native-sdk-components">react-native-sdk-components</a></td><td><a href="https://1173113760-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FYEKIeE9xnHLXuuwEs8zo%2Fuploads%2FjI1YZf45R45o9u9URwcI%2FReact-icon.svg.png?alt=media&#x26;token=d3b0f61d-8618-475d-b834-4ffc43112ef3">React-icon.svg.png</a></td></tr><tr><td>Flutter</td><td>Stay ahead with our advanced, adaptable widgets. Coming soon.</td><td></td><td><a href="../flutter-sdk-components">flutter-sdk-components</a></td><td><a href="https://1173113760-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FYEKIeE9xnHLXuuwEs8zo%2Fuploads%2FVhBZfhdSYpmcrzzRfmYG%2Fflutterio-icon.svg?alt=media&#x26;token=452050ea-26c4-4525-9ee6-dfeaa2274061">flutterio-icon.svg</a></td></tr></tbody></table>

By integrating these components, developers can craft a tailored onboarding experience that not only reflects the brand’s identity but also caters to the specific needs and preferences of their user base. This results in a more engaging and less daunting introduction to the application for new users.