Image-Text-to-Text
Transformers
Safetensors
English
Chinese
qwen3_5
html-generation
web-design
visual-ui
visual-question-answering
reasoning
vllm
80k-context
zero-system-prompt
conversational
Instructions to use wesjos/mario-html-4B with libraries, inference providers, notebooks, and local apps. Follow these links to get started.
- Libraries
- Transformers
How to use wesjos/mario-html-4B with Transformers:
# Use a pipeline as a high-level helper from transformers import pipeline pipe = pipeline("image-text-to-text", model="wesjos/mario-html-4B") messages = [ { "role": "user", "content": [ {"type": "image", "url": "https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/p-blog/candy.JPG"}, {"type": "text", "text": "What animal is on the candy?"} ] }, ] pipe(text=messages)# pip install -U transformers accelerate # Load model directly from transformers import AutoProcessor, AutoModelForMultimodalLM processor = AutoProcessor.from_pretrained("wesjos/mario-html-4B") model = AutoModelForMultimodalLM.from_pretrained("wesjos/mario-html-4B", device_map="auto") messages = [ { "role": "user", "content": [ {"type": "image", "url": "https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/p-blog/candy.JPG"}, {"type": "text", "text": "What animal is on the candy?"} ] }, ] inputs = processor.apply_chat_template( messages, add_generation_prompt=True, tokenize=True, return_dict=True, return_tensors="pt", ).to(model.device) outputs = model.generate(**inputs, max_new_tokens=256) print(processor.decode(outputs[0][inputs["input_ids"].shape[-1]:])) - Notebooks
- Google Colab
- Kaggle
- Local Apps Settings
- vLLM
How to use wesjos/mario-html-4B with vLLM:
Install from pip and serve model
# Install vLLM from pip: pip install vllm # Start the vLLM server: vllm serve "wesjos/mario-html-4B" # Call the server using curl (OpenAI-compatible API): curl -X POST "http://localhost:8000/v1/chat/completions" \ -H "Content-Type: application/json" \ --data '{ "model": "wesjos/mario-html-4B", "messages": [ { "role": "user", "content": [ { "type": "text", "text": "Describe this image in one sentence." }, { "type": "image_url", "image_url": { "url": "https://cdn.britannica.com/61/93061-050-99147DCE/Statue-of-Liberty-Island-New-York-Bay.jpg" } } ] } ] }'Use Docker
docker model run hf.co/wesjos/mario-html-4B
- SGLang
How to use wesjos/mario-html-4B with SGLang:
Install from pip and serve model
# Install SGLang from pip: pip install sglang # Start the SGLang server: python3 -m sglang.launch_server \ --model-path "wesjos/mario-html-4B" \ --host 0.0.0.0 \ --port 30000 # Call the server using curl (OpenAI-compatible API): curl -X POST "http://localhost:30000/v1/chat/completions" \ -H "Content-Type: application/json" \ --data '{ "model": "wesjos/mario-html-4B", "messages": [ { "role": "user", "content": [ { "type": "text", "text": "Describe this image in one sentence." }, { "type": "image_url", "image_url": { "url": "https://cdn.britannica.com/61/93061-050-99147DCE/Statue-of-Liberty-Island-New-York-Bay.jpg" } } ] } ] }'Use Docker images
docker run --gpus all \ --shm-size 32g \ -p 30000:30000 \ -v ~/.cache/huggingface:/root/.cache/huggingface \ --env "HF_TOKEN=<secret>" \ --ipc=host \ lmsysorg/sglang:latest \ python3 -m sglang.launch_server \ --model-path "wesjos/mario-html-4B" \ --host 0.0.0.0 \ --port 30000 # Call the server using curl (OpenAI-compatible API): curl -X POST "http://localhost:30000/v1/chat/completions" \ -H "Content-Type: application/json" \ --data '{ "model": "wesjos/mario-html-4B", "messages": [ { "role": "user", "content": [ { "type": "text", "text": "Describe this image in one sentence." }, { "type": "image_url", "image_url": { "url": "https://cdn.britannica.com/61/93061-050-99147DCE/Statue-of-Liberty-Island-New-York-Bay.jpg" } } ] } ] }' - Docker Model Runner
How to use wesjos/mario-html-4B with Docker Model Runner:
docker model run hf.co/wesjos/mario-html-4B
Commit History
8 days ago
-
Update README.md
Verified signatureb4ede09
9 days ago
-
Update README.md
Verified signature306fcda -
Update README.md
Verified signatured16e313 -
Upload README.md with huggingface_hub
Verified signatured15f8a0 -
Upload folder using huggingface_hub
Verified signature7460972
10 days ago
-
Update README.md
Verified signature42e772f -
Remove unused demo grid composite
Verified signature4bf0a52 -
Demos one-per-section at full width instead of a grid composite
Verified signature61c199a -
Replace ragged HTML demo grid with one composited grid image
Verified signaturefa6d3b6 -
Fix demo grid alignment: 6 virtual columns so both rows share boundaries
Verified signature48919d8 -
Simplify card: demo grid inline, drop training/hardware internals
Verified signature9730325 -
Add demo gallery (5 WebUI screenshots) + raw-HTML output contract; fix served-model-name
Verified signaturec045dae -
Mirror from ModelScope: wesjos/mario-html-4B
Verified signature23b238c -
initial commit
Verified signature6bd9d8c