# Tokenizer

### Overview

The Xyxyx Tokenizer is a component designed to integrate text-based tokenization into React applications, powered by the Xyxyx API.

* [Developer Documentation](https://developer.xyxyx.pro/utilities/xyxyx-web-components/tokenizer)
* [xyxyx-web-components Package](https://www.npmjs.com/package/xyxyx-web-components)
* [Xyxyx Tokenizer GitHub Repository](https://github.com/xyxyxpro/xyxyx-web-components/tree/main/src/components/XyxyxTokenizer)

***

### Introduction to Xyxyx Tokenizer

The Xyxyx Tokenizer is a text-based tokenization component built on top of Xyxyx's infrastructure stack, which includes the [Xyxyx API](https://developer.xyxyx.pro/), the [xyxyx-web-components](https://github.com/xyxyxpro/xyxyx-web-components) package, and [1x1](https://docs.xyxyx.pro/products-and-services/tokenization-models/1x1).

Tokenizer is the first component of the Xyxyx Web Components package. It offers an intuitive interface that simplifies and streamlines the process of deploying smart contracts and issuing text-based tokens.

Specifically tailored to the 1x1 tokenization model, Xyxyx Tokenizer enables seamless integration of text-based tokenization into any React application, leveraging the Xyxyx API for execution under the hood.

Architecturally, the Xyxyx Tokenizer offers a lightweight, composable building block for developers to leverage the 1x1 tokenization model as a core component in their applications.

<figure><img src="/files/kzhnnDigZsVxedzxJUbQ" alt=""><figcaption></figcaption></figure>

***

### Key Features

#### **Seamless integration**

Xyxyx Tokenizer enables developers to integrate 1x1 smart contract deployment and token issuance into any React application, with the Xyxyx API handling the execution behind the scenes.

***

#### **SVG previews**

Xyxyx Tokenizer generates 1x1 token previews in SVG format, allowing for visual representation of text-based tokens before deployment.

***

#### **Enhanced error handling and state management**

Xyxyx Tokenizer comes with built-in error handling and state management, making contract deployment and token issuance smoother.

***

#### **Customizable** **UI**

Developers can customize Xyxyx Tokenizer’s UI to align with their system design (colors, borders, font, button label, etc.).


---

# 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.xyxyx.pro/products-and-services/tokenizer.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.