Update README.md

README.md

@@ -48,6 +48,37 @@ For more details refer to our blog post: https://hf.co/blog/smollm3
 
 ## How to use
 
+### Transformers.js
+
+```js
+import { pipeline, TextStreamer } from "@huggingface/transformers";
+
+// Create a text generation pipeline
+const generator = await pipeline(
+  "text-generation",
+  "HuggingFaceTB/SmolLM3-3B-ONNX",
+  { dtype: "q4f16", device: "webgpu" },
+);
+
+// Define the model inputs
+const thinking = true; // Whether the model should think before answering
+const messages = [
+  {
+    role: "system",
+    content: "You are SmolLM, a language model created by Hugging Face."
+      + (thinking ? "/think" : "/no_think")
+  },
+  { role: "user", content: "Solve the equation x^2 - 3x + 2 = 0" },
+];
+
+// Generate a response
+const output = await generator(messages, {
+  max_new_tokens: 1024,
+  streamer: new TextStreamer(generator.tokenizer, { skip_prompt: true, skip_special_tokens: true }),
+});
+console.log(output[0].generated_text.at(-1).content);
+```
+
 ### ONNXRuntime
 
 ```py