File size: 2,285 Bytes
1e7dae9
 
 
 
 
 
 
 
3e8dca0
a8b5d7d
1e7dae9
 
 
9a119b4
f57b01f
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
9a119b4
1e7dae9
 
68fe88b
3630083
 
 
 
1e7dae9
 
771e5a5
1e7dae9
 
02afc65
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<!doctype html>

<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <h1>Some tokenizers</h1>
    <p>Powered by <a href="https://www.npmjs.com/package/@huggingface/tokenizers" target="_blank">Tokenizers.js</a>.</p>
    <h2>Input</h2>
    <textarea id="text" cols="40" rows="12"></textarea>
    <br>
    <select id="model">
      <optgroup label="pika">
        <option value="qikp/pika-5">pika 5</option>
        <option value="qikp/pika-4">pika 4</option>
        <option value="qikp/pika-3.1">pika 3.1</option>
        <option value="qikp/pika-3">pika 3</option>
        <option value="qikp/pika-2">pika 2</option>
        <option value="qikp/small-german-tokenizer">Small German Tokenizer</option>
        <option value="qikp/pika">pika</option>
      </optgroup>
      <optgroup label="EleutherAI">
        <option value="EleutherAI/gpt-neox-20b">GPT-NeoX</option>
      </optgroup>
      <optgroup label="Silia">
        <option value="qikp/strawberry-tokenizer">Strawberry (approximate)</option>
      </optgroup>
      <optgroup label="Supra Labs">
        <option value="SupraLabs/MicroSupra-1k">MicroSupra</option>
      </optgroup>
      <optgroup label="OpenAI">
        <option value="openai/gpt-oss-20b">gpt-oss</option>
        <option value="openai-community/openai-gpt">GPT-1</option>
      </optgroup>
      <optgroup label="Gemma">
        <option value="unsloth/gemma-4-E2B">Gemma 4</option>
      </optgroup>
      <optgroup label="Qwen">
        <option value="Qwen/Qwen3.5-0.8B">Qwen3.5</option>
        <option value="Qwen/Qwen3-0.6B">Qwen3</option>
        <option value="Qwen/Qwen2.5-0.5B">Qwen2.5</option>
        <option value="Qwen/Qwen1.5-0.5B">Qwen1.5</option>
      </optgroup>
    </select>
    <button id="tokenize">Tokenize</button>
    <br>
    <button id="clear-cache">Clear cache</button>
    <div id="status" hidden></div>
    <div id="progress-wrap" hidden>
      <progress id="progress" max="100" value="0"></progress>
    </div>
    <h2>Output</h2>    
    <p id="totalLength"></p>
    <iframe id="output" src="about:blank" sandbox="allow-same-origin"></iframe>
    <script type="module" src="script.js"></script>    
  </body>
</html>