React · TypeScript · 0 dependencies

Watch your UI
paint itself.

stream-schema binds structured AI output to React components as tokens stream in. No waiting. No flickering. Your UI becomes the loading state.

0
dependencies
< 3kb
core gzipped
TS
native types
stream-schemav0.1.0

Live-bind structured AI output to your React UI as it streams. No waiting. No flickering. Your UI becomes the loading state.

0
dependencies
< 3kb
core gzipped
TS
native types
HOW IT WORKS
→LLMs stream tokens, not complete objects. stream-schema parses partial JSON in real time.
→Each token updates a deep-partial typed object. Your components re-render with what's available.
→Show skeletons for missing fields, render content as it arrives — zero custom parsing code.
INSTALL
$ npm install @stream-schema/core @stream-schema/react

Optional: @stream-schema/zod for Zod schema integration

See the live demos in the tabs above →

Get started

$ npm install @stream-schema/core @stream-schema/reactcopy

Optional Zod integration: @stream-schema/zod