> ## Documentation Index
> Fetch the complete documentation index at: https://social-b97141fb-auto-generate-llmstxt.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# social.plus UIKit

> Build beautiful social applications with pre-built UI components. Cross-platform support for iOS, Android, Web, React Native, and Flutter.

<img src="https://mintcdn.com/social-b97141fb-auto-generate-llmstxt/HK8-O4u_NqMeCf6h/images/UIKit-Dark.png?fit=max&auto=format&n=HK8-O4u_NqMeCf6h&q=85&s=3b6ac7b7975369a6ea250cc65268ca1d" alt="UI Kit Dark Pn" width="1024" height="360" data-path="images/UIKit-Dark.png" />

# Build Social Apps 10x Faster

social.plus UIKit is the **most comprehensive collection of pre-built social UI components** designed to help you create engaging social applications in days, not months. With cross-platform support and extensive customization options, UIKit provides everything you need to build modern social experiences.

<div className="not-prose">
  <Button href="/uikit/getting-started/overview" className="mr-4">
    Get Started Free
  </Button>

  <Button variant="outline" href="/uikit/components/overview">
    Browse Components
  </Button>
</div>

<div className="not-prose">
  <iframe id="demo-iframe" src="https://uikiss.social.plus/" width="100%" height="800" style={{ border: "1px solid #e5e7eb", borderRadius: "8px", zoom: "0.75" }} />
</div>

<p style={{ fontSize: "13px", color: "#6b7280", marginTop: "12px", marginBottom: "24px" }}>
  This showcases the UIKit's features and design. Note: some functionality is simulated and write actions are disabled/broken for demo purposes.
</p>

## Why 1000+ Developers Choose UIKit

<CardGroup cols={3}>
  <Card title="Launch Faster" icon="rocket">
    Skip months of UI development with **50+ pre-built components**. Go from idea to launch in weeks.
  </Card>

  <Card title="Save Costs" icon="dollar-sign">
    Reduce development costs by **80%** with ready-to-use components instead of building from scratch.
  </Card>

  <Card title="Multi-Platform" icon="mobile-screen">
    Multiple platform support: iOS, Android, Web, React Native, and Flutter support.
  </Card>
</CardGroup>

## Choose Your Approach

Before diving into UIKit, **choose the right approach** based on your customization needs:

<CardGroup cols={2}>
  <Card title="Minimal Customization" icon="palette" href="/uikit/customization/dynamic-ui">
    **Use Dynamic UI Out-of-the-Box**

    * Colors, text, and basic styling
    * No code changes required
    * Perfect for brand consistency
    * Real-time updates without app releases
  </Card>

  <Card title="Moderate Customization" icon="paintbrush" href="/uikit/customization/component-styling">
    **Leverage Component Styling**

    * Custom json configuration and styling overrides
    * More advanced theming options
    * Component-level modifications
    * Still within UIKit framework
  </Card>

  <Card title="Advanced Customization" icon="code-fork" href="/uikit/customization/advanced-customization">
    **Fork and Extend from GitHub Repository**

    * Complete control over components
    * Custom layouts and workflows
    * Jumpstart for your project
    * Maintain your own version
  </Card>

  <Card title="Totally Different UI" icon="code" href="/social-plus-sdk/overview">
    **Use SDK or API Directly**

    * Build completely custom interfaces
    * Full design freedom
    * Maximum flexibility
    * Custom user experiences
  </Card>
</CardGroup>

<Info>
  **Need help deciding?** Start with Dynamic UI for quick wins, then consider forking if you need deeper customization, or use the SDK for completely custom experiences.
</Info>

## Component Categories

### Chat & Messaging

Real-time communication components for building chat experiences:

<CardGroup cols={3}>
  <Card title="Live Chat" icon="comment" href="/uikit/components/chat/live-chat">
    Real-time live chat for streaming and events
  </Card>

  <Card title="Conversation Chat" icon="messages" href="/uikit/components/chat/conversation-chat">
    One-on-one and group messaging interfaces
  </Card>

  <Card title="Recent Chats" icon="list" href="/uikit/components/chat/recent-chats">
    Chat list and channel management
  </Card>
</CardGroup>

### Social Components

Build comprehensive social experiences:

<CardGroup cols={3}>
  <Card title="Social Feeds" icon="newspaper" href="/uikit/components/social/feeds">
    Dynamic content feeds with infinite scroll
  </Card>

  <Card title="Posts & Comments" icon="pen-to-square" href="/uikit/components/social/posts">
    Rich post creation and comment systems
  </Card>

  <Card title="Reactions" icon="heart" href="/uikit/components/social/comments-reactions">
    Like, love, and custom reaction systems
  </Card>
</CardGroup>

<CardGroup cols={3}>
  <Card title="Communities" icon="users" href="/uikit/components/social/communities">
    Community creation and management
  </Card>

  <Card title="User Profiles" icon="user" href="/uikit/components/social/users">
    User profiles and social connections
  </Card>

  <Card title="Content Moderation" icon="shield" href="/uikit/components/social/moderation">
    Built-in moderation and safety tools
  </Card>
</CardGroup>

### Story Components

Create engaging ephemeral content experiences:

<CardGroup cols={1}>
  <Card title="Stories" icon="camera" href="/uikit/components/social/story">
    Creation & viewing with media, text, and effects
  </Card>
</CardGroup>

## Platform Support

social.plus UIKit provides comprehensive cross-platform support with a mobile-first approach:

<CardGroup cols={2}>
  <Card title="Mobile Native" icon="mobile">
    **iOS & Android**

    * Native performance and platform integration
    * Platform-specific design guidelines
    * Optimized for mobile user experience
    * Full access to device capabilities
  </Card>

  <Card title="Cross-Platform" icon="layer-group">
    **React Native & Flutter**

    * Single codebase, multiple platforms
    * Native performance with cross-platform efficiency
    * Consistent UI across iOS and Android
    * Reduced development time and maintenance
  </Card>
</CardGroup>

<CardGroup cols={1}>
  <Card title="Web Development" icon="globe">
    **React Web**

    * Mobile-responsive design
    * Desktop view support for optimal web experience
    * Progressive Web App (PWA) compatibility
    * Modern web technologies and best practices
  </Card>
</CardGroup>

## Why Choose social.plus UIKit?

<AccordionGroup>
  <Accordion title="Rapid Development" icon="rocket">
    * **Pre-built Components**: Skip months of UI development
    * **Plug-and-Play**: Components work out of the box
    * **Comprehensive**: Everything needed for social applications
    * **Battle-tested**: Used by thousands of production apps
  </Accordion>

  <Accordion title="Beautiful Design" icon="palette">
    * **Modern Interface**: Contemporary design following latest trends
    * **Mobile-first**: Optimized for mobile user experience
    * **Desktop Support**: NEW responsive design for web applications
    * **Consistent**: Uniform experience across all platforms
  </Accordion>

  <Accordion title="Powerful Customization" icon="wrench">
    * **Theme System**: Comprehensive theming with light/dark modes
    * **Dynamic UI**: Real-time customization without app updates
    * **Brand Alignment**: Match your exact brand guidelines
    * **Component Control**: Granular control over individual components
  </Accordion>

  <Accordion title="Enterprise Ready" icon="building-columns">
    * **Scalable**: Built to handle millions of users
    * **Secure**: Industry-standard security practices
    * **Reliable**: 99.9% uptime SLA
    * **Support**: Dedicated enterprise support team
  </Accordion>
</AccordionGroup>

## Release Notes

Stay up-to-date with the latest UIKit features, improvements, and bug fixes:

<CardGroup cols={2}>
  <Card title="iOS UIKit Changelog" icon="apple" href="/uikit/changelogs/ios-uikit-changelog">
    Latest updates and releases for iOS UIKit
  </Card>

  <Card title="Android UIKit Changelog" icon="android" href="/uikit/changelogs/android-uikit-changelog">
    Latest updates and releases for Android UIKit
  </Card>

  <Card title="Web UIKit Changelog" icon="globe" href="/uikit/changelogs/web-uikit-changelog">
    Latest updates and releases for Web UIKit
  </Card>

  <Card title="React Native Changelog" icon="react" href="/uikit/changelogs/react-native-uikit-changelog">
    Latest updates and releases for React Native UIKit
  </Card>

  <Card title="Flutter UIKit Changelog" icon="layer-group" href="/uikit/changelogs/flutter-uikit-changelog">
    Latest updates and releases for Flutter UIKit
  </Card>
</CardGroup>

## What's Next

UIKit 4 is just the beginning. We're continuously evolving the platform with:

* **New Components**: Expanding our library with more social and business components
* **Enhanced Customization**: More granular control over component behavior
* **Performance Optimizations**: Faster rendering and better memory management
* **Advanced Features**: AI-powered moderation, analytics, and personalization

***

<CardGroup cols={2}>
  <Card title="Join Our Community" icon="users" href="https://community.socialplus.com">
    Connect with other developers, share experiences, and get help from our community
  </Card>

  <Card title="Get Support" icon="life-ring" href="https://support.socialplus.com">
    Access our support resources, submit tickets, and get expert assistance
  </Card>
</CardGroup>

<Info>
  **Ready to Build Something Amazing?**

  social.plus UIKit provides everything you need to create engaging social applications. From rapid prototyping to production deployment, we've got the tools and components to bring your vision to life.

  [Get Started Now →](/uikit/getting-started/overview)
</Info>
