List पर वापस जाएँ
📚Resources

AI is the new UI: Generative UI with FastHTML

Pol Alvarez Vecino
2025-04

परिचय

Pol Alvarez Vecino का विस्तृत tutorial, जो FastHTML और HTMX से 150 lines से कम code में interactive Generative UI applications बनाना दिखाता है। लेख text-only chat interfaces से display-only GenUI और फिर पूरी तरह interactive GenUI तक का evolution समझाता है। यह भी बताता है कि hypermedia approach frontend और backend के बीच "contract coupling" हटाकर LLMs को सचमुच dynamic interfaces generate करने देता है।

सारांश

FastHTML + HTMX tutorial:

1. कम code: 150 lines से कम में पूरा GenUI app
2. Hypermedia approach: frontend-backend "contract coupling" हटाता है
3. Evolution path: text chat से display-only और फिर पूरी तरह interactive तक
4. Python-based: तेज development के लिए FastHTML इस्तेमाल करता है
5. HTMX integration: complex JavaScript के बिना dynamic updates

मुख्य innovation: LLMs सीधे HTML generate करते हैं, जिससे JSON APIs की जरूरत हटती है

Tags

mediumfasthtmlhtmxtutorialpython
Resource देखें

मिलते-जुलते लेख

📚Resources

Harness4GenUI 2026: Engineering Foundations for Generative UI

Official ASE 2026 workshop dedicated to the software-engineering foundations of Generative UI. Harness4GenUI frames dynamic interfaces as runtime systems and organizes work around stable context models, UI schemas, rendering contracts, testing, observability, safety, and governance rather than generation quality alone.

genuiharness-engineeringsoftware-architecture
लेखक ASE 2026 · 2026-10
Resource देखें
📚Resources

AppLess: A Generative UI Phone with No Apps

OpenUI टीम का open-source React Native प्रयोग, जिसमें हर mobile screen मांग पर generate होकर native Cupertino या Material 3 components में stream होती है। AppLess एक shared component contract, compact openui-lang DSL, संभावित अगली screen की prefetching और optional web व image tools के जरिए यह दिखाता है कि apps के बिना Generative UI operating system कैसा हो सकता है।

react-nativeopenuinative-ui
लेखक Thesys · 2026-07
Resource देखें
📚Resources

OpenTiny GenUI SDK

Vue और Angular applications में schema-driven Generative UI जोड़ने के लिए open-source full-stack toolkit। इसमें stream extraction, delta patching, JSON repair, customize किए जा सकने वाले component materials और actions, OpenAI-compatible model access, MCP tools तथा A2A support को live multi-framework playground के साथ जोड़ा गया है।

vueangularschema-driven-ui
लेखक OpenTiny · 2026-07
Resource देखें

Generative UI resources का curated संग्रह।

बनाया गया ❤️ community द्वारा