UIGEN-FX-4B-Preview

Tesslate/UIGEN-FX-4B-Preview

UIGEN-FX-4B-Preview is a text generation model from Tesslate. Use it when you need the model to write or continue text. It is set up for transformers. The card lists the license as apache-2.0.

Downloads · 30 days

6% of all-time downloads

All-time downloads

1.5K

Public

Parameters

8.1 GB on disk

Likes

Public

Hugging Face

Repo makeup

Click a slice to open those files.

.safetensors8 GB · 100%

At a glance

Task: Text Generation
Library: transformers
License: apache-2.0
Model type: qwen3
Access: Public
Created: Aug 28, 2025
Updated: Sep 8, 2025
SHA: e62c97d5

Try a prompt

Base models

Qwen/Qwen3-4B-Instruct-2507

Model card

From the Hugging Face model README

model_id = "Tesslate/UIGEN-FX-4B-Preview" tok = AutoTokenizer.from_pretrained(model_id) model = AutoModelForCausalLM.from_pretrained( model_id, torch_dtype=torch.bfloat16, device_map="auto" )

prompt = """Make a single-file landing page for 'LatticeDB'. Style: modern, generous whitespace, Tailwind, rounded-xl, soft gradients. Sections: navbar, hero (headline + 2 CTAs), features grid, pricing (3 tiers), FAQ accordion, footer. Constraints: semantic HTML, no external JS."""

inputs = tok(prompt, return_tensors="pt").to(model.device) out = model.generate(**inputs, max_new_tokens=2200, temperature=0.6, top_p=0.9) print(tok.decode(out[0], skip_special_tokens=True)) </pre></div>

<h3>vLLM</h3> <div class="codeblock"><pre> vllm serve Tesslate/UIGEN-FX-4B-Preview \ --host 0.0.0.0 --port 8000 \ --max-model-len 65536 \ --gpu-memory-utilization 0.92 </pre></div> <h3>sglang</h3> <div class="codeblock"><pre> python -m sglang.launch_server \ --model-path Tesslate/UIGEN-FX-4B-Preview \ --host 0.0.0.0 --port 5000 \ --mem-fraction-static 0.94 \ --attention-backend flashinfer \ --served-model-name UIGEN-FX-4B-Preview </pre></div> <blockquote><strong>Tip:</strong> Lower temperature (0.4–0.6) yields stricter, cleaner markup; raise it for more visual variety.</blockquote> <hr/> <h2>Suggested Inference Settings</h2> <table> <thead><tr><th>Param</th><th>Value</th><th>Notes</th></tr></thead> <tbody> <tr><td><code>temperature</code></td><td>0.6</td><td>Balance creativity & consistency (lower if quantized)</td></tr> <tr><td><code>top_p</code></td><td>0.9</td><td>Nucleus sampling</td></tr> <tr><td><code>top_k</code></td><td>40</td><td>Optional vocab restriction</td></tr> <tr><td><code>max_new_tokens</code></td><td>1200–2500</td><td>Single-file sites often fit < 1800</td></tr> <tr><td><code>repetition_penalty</code></td><td>1.08–1.15</td><td>Reduces repetitive classes/markup</td></tr> </tbody> </table> <hr/> <h2>Prompts that work well</h2> <div class="grid grid-2"> <div class="card"> <h3>Starter</h3> <div class="codeblock"><pre> Make a single-file landing page for "RasterFlow" (GPU video pipeline). Style: modern tech, muted palette, Tailwind, rounded-xl, subtle gradients. Sections: navbar, hero (big headline + 2 CTAs), logos row, features (3x cards), code block (copyable), pricing (3 tiers), FAQ accordion, footer. Constraints: semantic HTML, no external JS. Return ONLY the HTML code. </pre></div> </div> <div class="card"> <h3>Design-strict</h3> <div class="codeblock"><pre> Use an 8pt spacing system. Palette: slate with indigo accents. Typography scale: 14/16/18/24/36/56. Max width: 1200px. Avoid shadows > md; prefer borders/dividers; keep line-length ~68ch. </pre></div> </div> </div> <hr/> <h2>Quantization & VRAM (example)</h2> <table> <thead><tr><th>Format</th><th>Footprint</th><th>Notes</th></tr></thead> <tbody> <tr><td>BF16</td><td>~8.1 GB</td><td>Fastest, best fidelity</td></tr> <tr><td>GGUF Q5_K_M</td><td>~2.9 GB</td><td>Great quality/size trade-off</td></tr> <tr><td>GGUF Q4_K_M</td><td>~2.5 GB</td><td>Laptop-friendly</td></tr> </tbody> </table> <hr/> <h2>Intended Use & Scope</h2> <ul> <li><strong>Primary:</strong>React, Tailwind, Javascript, Static Site generators, Python Frontend WebUI</li> <li><strong>Secondary:</strong> Component blocks (hero, pricing, FAQ) for manual composition</li> </ul> <details> <summary><strong>Limitations</strong></summary> <ul> <li>Accessibility: headings/labels are encouraged; ARIA coverage may need review.</li> <li>Complex widgets: JS kept minimal unless requested; consider post-edit for heavy interactivity.</li> </ul> </details> <details> <summary><strong>Ethical Considerations</strong></summary> <ul> <li>Use rights-cleared assets when adding logos/images.</li> <li>Curate prompts responsibly; review outputs before production use.</li> </ul> </details> <hr/> <h2>Training Summary (research preview)</h2> <ul> <li><strong>Base:</strong> <code>Qwen/Qwen3-4B-Instruct-2507</code></li> <li><strong>Objective:</strong> Web-only bias; reward semantic structure, spacing rhythm, responsive blocks; improved visual polish vs earlier UIGEN releases.</li> <li><strong>Data:</strong> Curated HTML/CSS/Tailwind snippets, component libraries, synthetic page specs & layout constraints.</li> <li><strong>Recipe:</strong> SFT with format constraints → instruction tuning → preference optimization on style/structure.</li> <li><strong>Context:</strong> effective ~64k; default generations sized for practical single-file pages.</li> </ul> <hr/> <h2>Community</h2> <ul> <li><strong>Examples:</strong> <a href="https://uigenoutput.tesslate.com">uigenoutput.tesslate.com</a></li> <li><strong>Discord:</strong> <a href="https://discord.gg/EcCpcTv93U">discord.gg/EcCpcTv93U</a></li> <li><strong>Website:</strong> <a href="https://tesslate.com">tesslate.com</a></li> </ul> <blockquote>“FX aims to ship what a frontend engineer would: clean structure first, pretty pixels second.” — Tesslate Team</blockquote> <hr/> <h2>Citation</h2> <div class="codeblock"><pre> @misc{tesslate_uigen_fx_4b_2025, title = {UIGEN-FX-4B-Preview: Frontend Engineer-tuned web generation (Research Preview)}, author = {Tesslate Team}, year = {2025}, url = {https://huggingface.co/Tesslate/UIGEN-FX-4B-Preview} } </pre></div> </div>

Task: Text Generation
Library: transformers
Type: qwen3
License: apache-2.0
Languages: en
Created: Aug 28, 2025
Updated: Sep 8, 2025