# UIKit 4

## <mark style="color:purple;">Introduction</mark>

Welcome to the social.plus UIKit 4, the latest iteration of our powerful user interface toolkit, designed to revolutionize the way you build interactive and engaging applications. This release marks a significant milestone in our ongoing commitment to providing robust, user-friendly, and versatile UI solutions.

The social.plus UIKit 4 proudly introduces an exclusive and highly anticipated feature: **The Social Feature and Story Feature**. This addition is a game-changer, allowing developers to integrate a dynamic and rich storytelling component into their applications effortlessly. With the Social and Story Features, users can create, share, and interact with content in a more engaging and visually appealing way, similar to popular social media platforms.

<figure><img src="https://2352509137-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MX0mOAVWkotGme0iRzu%2Fuploads%2FqOrbyoPBazCZmlRkjeii%2Fimage.png?alt=media&#x26;token=704e8214-11a7-45b4-b680-250a929c12ed" alt=""><figcaption></figcaption></figure>

## <mark style="color:purple;">Future Expansion and Migration</mark>

We envision social.plus UIKit 4 to be a continually evolving platform, introducing new features and integrating existing ones from social.plus UIKit 3.x. This approach ensures a holistic and advanced UIKit. For users of UIKit 3.x, we are dedicated to providing a smooth transition to UIKit 4.

## <mark style="color:purple;">Design Alignment</mark>

In line with the introduction of social.plus UIKit 4, we are also updating the design of the entire social.plus UIKit. This update aims to align with the sleek, modern, and user-centric design philosophy of UIKit 4. The updated design will not only enhance the visual appeal but also improve the overall user experience, making it more intuitive, responsive, and accessible.

## <mark style="color:purple;">**Cross-Platform Support**</mark>

social.plus UIKit 4 is built with a **mobile-first approach**, while also expanding to support various platforms:

* **Mobile View** is fully supported across **Android**, **iOS**, **Flutter**, and **React Native**.
* **Web (React)** now supports both **mobile view** and a newly introduced **desktop view** for optimal responsiveness across devices.

This broad platform support ensures that you can deliver a consistent and high-quality user experience across all major development environments.

## <mark style="color:purple;">**Customization**</mark>

One of the core enhancements in social.plus UIKit 4 is its **customization capability**. Understanding the diverse needs of developers and businesses, we have designed the UIKit to be adaptable. Whether it's tweaking the color schemes, text styles, or view visibilities, the UIKit provides a range of customization options.

## <mark style="color:purple;">**Simplifying Integration**</mark>

The primary goal of social.plus UIKit 4 is to **simplify the integration process**. We strive to make the incorporation of our UIKit into your existing projects as seamless as possible. With comprehensive documentation, user-friendly APIs, and a supportive community, we aim to reduce the complexity and time involved in integrating advanced UI features into your applications.

{% content-ref url="uikit-4/installation-guide" %}
[installation-guide](https://docs.social.plus/social-plus-uikit/uikit-4/installation-guide)
{% endcontent-ref %}

{% content-ref url="uikit-4/setup-and-authentication" %}
[setup-and-authentication](https://docs.social.plus/social-plus-uikit/uikit-4/setup-and-authentication)
{% endcontent-ref %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.social.plus/social-plus-uikit/uikit-4.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.