> ## Documentation Index
> Fetch the complete documentation index at: https://docs.gameball.co/llms.txt
> Use this file to discover all available pages before exploring further.

# Build Your Own UI

> Create custom loyalty interfaces using Gameball APIs to build dynamic and interactive components

In today's competitive landscape, businesses and brands often prefer building their own UIs for apps or web pages. This approach allows them to maintain their unique branding, ensure consistency in design, and have complete control over the user experience.

While Gameball provides a powerful, pre-built widget with extensive personalization options, we also understand that some brands and businesses require deeper customization. To meet these needs, Gameball offers a comprehensive set of APIs that enable you to build custom UIs tailored to your audience. These APIs allow you to create interfaces that dynamically respond to customer data and leverage the advanced features Gameball provides.

With these APIs, you can craft native mobile apps and web applications that reflect your brand's identity while delivering a superior customer experience.

***

## What You Can Build

Whether you're looking to showcase reward campaigns, VIP tiers, customer balances, or leaderboards, this guide will walk you through building dynamic and interactive components that enhance customer engagement. You'll learn how to:

* **Reward Campaigns**: Display active campaigns and customer progress with visual clarity, motivating participation
* **VIP Tiers**: Highlight customer progression and rewards, creating a seamless and motivating experience for your VIP program
* **Customer Balances**: Provide a transparent view of loyalty points, their value, and expiring rewards to drive action
* **Coupons**: Design smooth redemption experiences for loyalty points, fostering higher customer satisfaction
* **Leaderboards**: Inspire healthy competition by showcasing rankings, achievements, and progress
* **Notifications**: Keep customers informed about their account activities and new rewards
* **Widget Configurations**: Adapt UI elements dynamically based on Gameball configuration changes
* **Batch Operations**: Process multiple operations efficiently for bulk data management

***

## Available UI Components

<CardGroup cols={2}>
  <Card title="Customer Balance" icon="coins" href="/tutorials/experiences/more/build-your-own-ui/customer-balance">
    Display customer points balance, pending points, and expiring rewards
  </Card>

  <Card title="VIP Tiers" icon="medal" href="/tutorials/experiences/more/build-your-own-ui/vip-tiers">
    Show tier progression, benefits, and customer progress
  </Card>

  <Card title="Coupons" icon="ticket" href="/tutorials/experiences/more/build-your-own-ui/coupons">
    Build custom coupon redemption experiences
  </Card>

  <Card title="Leaderboard" icon="trophy" href="/tutorials/experiences/more/build-your-own-ui/leaderboard">
    Display customer rankings and achievements
  </Card>

  <Card title="Notifications" icon="bell" href="/tutorials/experiences/more/build-your-own-ui/notifications">
    Show customer notifications with pagination and language support
  </Card>

  <Card title="Reward Campaigns" icon="gift" href="/tutorials/experiences/more/build-your-own-ui/reward-campaigns">
    Display active campaigns and customer progress
  </Card>

  <Card title="Widget Configurations" icon="gear" href="/tutorials/experiences/more/build-your-own-ui/widget-configurations">
    Adapt UI dynamically based on configuration flags
  </Card>

  <Card title="Batch APIs" icon="layer-group" href="/tutorials/experiences/more/build-your-own-ui/batch-apis">
    Process multiple operations efficiently for bulk data management
  </Card>
</CardGroup>

***

## Related Resources

<CardGroup cols={2}>
  <Card title="API Reference" icon="code" href="/api-reference/introduction">
    Complete API documentation for all endpoints
  </Card>

  <Card title="Installation Guide" icon="download" href="/installation-guides/v3/index">
    Platform-specific SDK integration guides
  </Card>
</CardGroup>