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

# Mellowtel Elements - UI Components

Mellowtel Elements provides ready-to-use UI components that can be embedded in both browser extensions and websites. These components handle user consent and settings management with minimal integration effort.

## Key Features

* **Easy Integration** - Works in both extensions and websites
* **Customizable Styling** - Colors, dimensions, and appearance
* **Validation** - Built-in input validation and error handling
* **Secure Communication** - Extension-specific targeting via ID and config key

<CardGroup cols={2}>
  <Card title="Extension Integration" icon="puzzle-piece" href="/mellowtel-elements/extension-integration">
    Add to browser extensions
  </Card>

  <Card title="Website Integration" icon="atom" href="/mellowtel-elements/website-integration">
    Add to websites using NPM or CDN
  </Card>
</CardGroup>