IR Integradio
Semantic UI

Integradio semantic Gradio components.

Extend Gradio with vector embeddings. Components carry semantic intents — discoverable by meaning, not just IDs. Powered by Ollama and nomic-embed-text.

Install

pip install integradio

Wrap

semantic(gr.Textbox(), intent="user enters search terms")

Search

demo.search("user input")

Features

Semantic intelligence for every Gradio component.

Semantic Search

Find components by intent, not by ID or label. Vector embeddings via Ollama make every widget discoverable.

Non-Invasive

Wrap any Gradio component with one function call. No subclassing, no forking — just semantic().

Page Templates

10 pre-built templates: Chat, Dashboard, Hero, Gallery, Analytics, DataTable, Form, Upload, Settings, Help.

Visualization

Export component graphs as Mermaid diagrams, interactive D3.js, or ASCII art. See your dataflow at a glance.

FastAPI Routes

One call to add_api_routes() gives you /search, /component, /graph, /trace, and /summary endpoints.

Local-First

Embeddings via Ollama + nomic-embed-text on your GPU. No cloud APIs, no tokens, no latency.

Quick Start

Install

pip install integradio

# Pull embedding model
ollama pull nomic-embed-text
ollama serve

Wrap & search

from integradio import SemanticBlocks, semantic
import gradio as gr

with SemanticBlocks() as demo:
    query = semantic(
        gr.Textbox(label="Search"),
        intent="user enters search terms"
    )
    demo.search("user input")  # Finds it!
    demo.launch()

Why Integradio?

Problem
Solution
Gradio components are opaque to AI agents
Semantic intents make every widget discoverable
Building dashboards from scratch every time
10 pre-built page templates, ready to customize
No programmatic access to component graphs
FastAPI routes + D3.js / Mermaid visualization
Embedding logic scattered across your app
One wrapper, automatic vector storage

Specialized Wrappers

Rich semantic metadata for complex components.

Wrapper
Component
Auto-Tags
semantic_chatbot
Chatbot
conversation, ai, streaming, persona
semantic_image_editor
ImageEditor
media, editor, inpainting, masking
semantic_annotated_image
AnnotatedImage
annotation, bbox, detection
semantic_highlighted_text
HighlightedText
nlp, ner, entity types
semantic_multimodal
MultimodalTextbox
vision, multimodal, vlm
semantic_plot
LinePlot/BarPlot
visualization, chart, timeseries

Page Templates

10 ready-to-use layouts.

Template
Use Case
ChatPage
Conversational AI interface
DashboardPage
KPI cards and activity feed
HeroPage
Landing page with CTAs
GalleryPage
Image grid with filtering
AnalyticsPage
Charts and metrics
DataTablePage
Editable data grid
FormPage
Multi-step form wizard
UploadPage
File upload with preview
SettingsPage
Configuration panels
HelpPage
FAQ accordion