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

# Introduction

> Blinks are distributable experiences that can be embedded anywhere a link can exist. They offer a modern approach to service integration, replacing traditional SDKs with a more streamlined, maintainable solution.

The Blinks Client provides [frontend components](/blinks/blinks-client/integrate/ui-components/blinks) and [headless integration](/blinks/blinks-client/integrate/headless/index) options for rendering and interacting with blinks in your applications.

<img src="https://res.cloudinary.com/dnxjhra4h/image/upload/f_auto,q_auto/dialect-docs/blinks-integration-overview.png" alt="Blinks Integration in a Website" />

### Key Benefits

* **Simple Integration**: Other developers can integrate your service in seconds while you maintain ownership of the blink
* **Consistent Experience**: Ensure your service implementation follows your design principles and best practices
* **Centralized Updates**: Changes made to your blink are automatically reflected everywhere it's served, eliminating SDK update cycles
* **User-Friendly Interface**: Blinks can unfurl to present an intuitive UI, encouraging user engagement through simple button clicks

## Integration Options

<CardGroup>
  <Card title="UI Components" icon="puzzle-piece" href="/blinks/blinks-client/integrate/ui-components/blinks">
    Pre-built React components for easy integration with minimal setup. Perfect for React applications that want complete Blink functionality out of the box.
  </Card>

  <Card title="Headless Integration" icon="code" href="/blinks/blinks-client/integrate/headless/index">
    For developers who need maximum flexibility and control. Use HTTP endpoints to interact with Blinks programmatically, enabling custom implementations and integrations with AI agents or backend systems.
  </Card>

  <Card title="Chrome Extension" icon="chrome" href="/blinks/blinks-client/integrate/chrome/index">
    Integrate Blinks directly into browser experiences, allowing users to interact with blockchain actions from any website.
  </Card>
</CardGroup>

## Testing

For testing blink unfurling, we recommend you to use either our [dial.to](https://dial.to) website or our [starters](/blinks/blinks-starters/index) which also have a blink client pre-configured.

## Non-React Integration

Using a different tech stack? Reach out to us at [hello@dialect.to](mailto:hello@dialect.to) to discuss integration options for non-React codebases.