Skip to main content
H
HAUS.JSONOverview
HAUS.CTRL
OverviewExecutiveInvestorGTMPRD
HAUS.HQ
Platform HomeSearchExploreDeep AnalysisMarket Intel
HAUS.PLATFORM
Sitemap & JourneysRoute IndexNEWComponent VersionsNEWAI Navbar DemoMCP AppsNEWDashboard DemoNEW
HAUS.LANDING
Main Landing
HAUS.SEARCH
DashboardAdvanced SearchExploreCedar Chat DemoNEW
HAUS.COMPASS
Property Compass
HAUS.INTEL
DashboardDeep AnalysisDud Detector
HAUS.APPRAISE
Property ReportListing View
HAUS.FINANCE
DashboardAffordability
HAUS.DATA
OverviewValuationsAuctionsLive AuctionsLIVEAnalytics
HAUS.AGENT
DashboardPipelineLeads & CRMMarketingInboxPerformanceOrchestratorNEWOnboardingContacts
HAUS.SELLER
DashboardCreate ListingAIMy ListingsProposalsOff Market
HAUS.BUYER
Property FeedShortlistEnquiriesProfileSettings
HAUS.VAULT
Documents
HAUS.ADVISORY
MarketplaceCompare AgentsRequest Agent
HAUS.FHB
DashboardState Selector
HAUS.WAREHAUS
Commercial
HAUS.MARKET
Vendor Marketplace
HAUS.INVESTORS
Investors CentreNEW
HAUS.ACADEMY
Learn
HAUS.JSON
OverviewBasic ExamplesAI GenerationDashboard DemoForms & ActionsConditional UIAdvanced Patterns
HAUS.STRATEGY
Competitive ResearchGTM
JD
John Doe
Premium Agent
H
HAUS
OverviewExecutiveInvestorGTMPRD
Platform HomeSearchExploreDeep AnalysisMarket Intel
Sitemap & JourneysRoute IndexNEWComponent VersionsNEWAI Navbar DemoMCP AppsNEWDashboard DemoNEW
HAUS.LANDING
DashboardAdvanced SearchExploreCedar Chat DemoNEW
HAUS.COMPASS
DashboardDeep AnalysisDud Detector
Property ReportListing View
DashboardAffordability
OverviewValuationsAuctionsLive AuctionsLIVEAnalytics
DashboardPipelineLeads & CRMMarketingInboxPerformanceOrchestratorNEWOnboardingContacts
DashboardCreate ListingAIMy ListingsProposalsOff Market
Property FeedShortlistEnquiriesProfileSettings
HAUS.VAULT
MarketplaceCompare AgentsRequest Agent
DashboardState Selector
HAUS.WAREHAUSHAUS.MARKETHAUS.INVESTORSHAUS.ACADEMY
OverviewBasic ExamplesAI GenerationDashboard DemoForms & ActionsConditional UIAdvanced Patterns
Competitive ResearchGTM
JD
John Doe
Premium Agent
JR
JSON-Render
v0.7.0 (Stable)

JSON-Render

The Generative UI Framework. Generate dynamic, personalized UIs from prompts without sacrificing reliability. Predefined components and actions for safe, predictable output.

AI-Powered
Component-Based
Type-Safe
Guardrailed

AI can only use components in your catalog. Every interface generated is constrained to your predefined components and actions.

Predictable

JSON output matches your schema, every time. Type-safe component definitions ensure reliable rendering.

Fast

Stream and render progressively as the model responds. Users see UI appear in real-time as it's generated.

Interactive Examples

Beginner
Basic Examples
Fundamental json-render patterns with simple components
Component Catalog
Basic Rendering
Props & Children
+1 more
Beginner
Property Cards
Real estate listings, grids, and property details
Property Cards
Grid Layouts
Responsive Design
+1 more
Intermediate
AI Generation
Generate UI components from natural language prompts
Prompt to UI
AI Constraints
Streaming Response
+1 more
Intermediate
Forms & Actions
Interactive forms with validation and state management
Form Validation
State Management
User Actions
+1 more
Advanced
Conditional UI
Dynamic interfaces that respond to state changes
Conditional Visibility
Dynamic Props
State-driven UI
+1 more
Advanced
Advanced Patterns
Complex patterns including nesting, composition, and optimization
Component Composition
Performance
Advanced State
+1 more
Getting Started
Follow these steps to integrate json-render into your HAUS application
1

Define Catalog

Create your component catalog with type-safe definitions

2

Generate UI

Use AI prompts to generate JSON constrained to your catalog

3

Render Instantly

Stream and render components progressively as JSON arrives