A Streaming First Language for Generative UI

OpenUI는 생성형 UI를 위한 스트리밍 우선 언어(OpenUI Lang)와 React 런타임, 내장 컴포넌트 라이브러리, 채팅 인터페이스를 제공하는 풀스택 프레임워크입니다. OpenUI Lang은 JSON 대비 최대 67% 토큰 효율성을 자랑하며, 모델 출력 스트리밍과 구조화된 UI 생성을 지원합니다. 개발자는 컴포넌트 라이브러리를 정의해 모델 지시문을 생성하고, React에서 점진적으로 UI를 렌더링할 수 있습니다. CLI와 예제 앱을 통해 빠른 시작이 가능하며, AI 코딩 어시스턴트용 에이전트 스킬도 제공합니다. 이는 생성형 UI 개발에 최적화된 새로운 표준으로, 실시간 스트리밍 UI 생성과 토큰 비용 절감에 큰 이점을 제공합니다.

https://github.com/thesysdev/openui

#generativeui #streaming #react #llm #openui

[OpenUI - 생성형 UI를 위한 오픈 표준 프레임워크

OpenUI는 LLM 기반 UI 생성용 풀스택 오픈 표준 프레임워크로, UI 생성을 위한 언어(OpenUI Lang), React 기반 런타임, 기본 컴포넌트 세트, 라이브러리 기반 프롬프트 제어, Playground 및 Agent Skill 연동 기능을 제공한다. OpenUI Lang은 Vercel의 json-render 대비 토큰 절감(최대 67%)과 속도 향상(최대 3배)을 달성하며, npx @openuidev/cli로 앱 스캐폴딩 및 시스템 프롬프트 자동 생성이 가능하며, Claude Code·Copilot 등에서 OpenUI Lang 기반 앱 생성/디버깅을 지원한다.

https://news.hada.io/topic?id=27959

#openui #llm #uigeneration #react #agentskill

Open UI, a W3C Community Group, aims to establish a standard process for developing high-quality UI controls suitable for addition to the open web platform.

https://open-ui.org/ h/t @adactio

Not to be confused with https://www.openui.com/, an AI design service.

#w3c #OpenWeb #WebStandards #openUI

Oh OpenUI, your responsive design is broken. 😢

#openui #ai

Barbecue, D&D, and UI. This episode is packed with my favourite things. But one thing I'm extremely happy about is that @shoptalkshow talked about <rangegroup> from #openui. Thank you for the nice words as well! It might be a long journey, but every helping hand is welcome :) I'm not a browser engineer, just someone who is sick of seeing hacky, inaccessible solutions for this. We can do better.

Watch the episode here:

https://www.youtube.com/watch?v=rx3gQkRZ4PA

🚀A new HTML feature, interestfor, allows for hover-triggered popovers. But how do they work on touch? The article shows different solutions for making them accessible on touch devices, and my thoughts on them. Share your thoughts! #HTML #webdev #accessibility #openui

https://utilitybend.com/blog/html-popovers-shown-on-interest-should-be-accessible-on-mobile-devices

TFW...

You get all ramped up to use awesome #CSSWG features like Anchor Position and #OpenUI features like #popover and you run into nuanced blockers point you towards having to go back to the bad old days... 😖

Hello `transform: ...` and wanting to break clipping but only _some_ stacking. 🤔

Also, I've love to have the Popover API in CSS so that I could pop a pseudo element over my UI. 🤞

#webDev #CSS #isItTheFutureYet