UI Micro-Content
Templates for UI elements — forms, notifications, empty states, onboarding, dashboards, settings, and error pages.
form_fields
A complete form with title, description, labeled fields with placeholders and helper text, submit button, and footnote. Use count to control how many fields are returned.
curl "https://api.yaddayadda.io/v1/generate?template=form_fields&count=5"| Parameter | Range | Default |
|---|---|---|
count | 4–10 | 5 |
Response Schema
{
"title": "string (3-6 words)",
"description": "string (1 sentence)",
"fields": [
{
"label": "string (1-3 words)",
"placeholder": "string (3-6 words)",
"helper": "string (4-10 words)",
"type": "string (text|email|password|number|tel|url|textarea|select)"
}
],
"submit": "string (2-3 words)",
"footnote": "string (1 sentence)"
}Example Output (Yadda Ipsum)
{
"title": "Hogwashum Blabberium Creandum",
"description": "Sed do eiusyadda tempor kerfufflia incididunt ut labore et dolore magna shenanigatus.",
"fields": [
{
"label": "Blabberium Nomen",
"placeholder": "Blabbius Yaddington",
"helper": "Ut enim ad minim blabber",
"type": "text"
},
{
"label": "Hogwashum Electronicum",
"placeholder": "bla@hogwash.io",
"helper": "Shenanigatus confirmatum hic",
"type": "email"
},
{
"label": "Kerfufflia Secretum",
"placeholder": "Minimum 12 blabbers",
"helper": "Gobbledygookus characterum requirum",
"type": "password"
}
],
"submit": "Yaddayadda me",
"footnote": "Blabberium dolor sit amet consectetur kerfufflia. Hogwashum privacium malarketum."
}notifications
A set of four notification messages — one each for success, warning, error, and info.
curl "https://api.yaddayadda.io/v1/generate?template=notifications"Response Schema
{
"notifications": [
{
"type": "string (success|warning|error|info)",
"title": "string (3-6 words)",
"message": "string (1-2 sentences)"
}
]
}empty_states
Empty section messages for when there's no data to display. Use count to control how many states are returned.
curl "https://api.yaddayadda.io/v1/generate?template=empty_states&count=3"| Parameter | Range | Default |
|---|---|---|
count | 3–6 | 3 |
Response Schema
{
"states": [
{
"context": "string (e.g. 'no_data', 'no_results', 'empty_inbox')",
"headline": "string (4-8 words)",
"body": "string (1-2 sentences)",
"cta": "string (2-4 words)"
}
]
}onboarding_steps
Numbered onboarding steps with title, description, and CTA button. Use count to control how many steps are returned.
curl "https://api.yaddayadda.io/v1/generate?template=onboarding_steps&count=4"| Parameter | Range | Default |
|---|---|---|
count | 4–6 | 4 |
Response Schema
{
"steps": [
{
"step": "number (starting from 1)",
"title": "string (3-6 words)",
"body": "string (1-2 sentences)",
"cta": "string (2-4 words)"
}
]
}dashboard_widgets
Dashboard metric widgets with values and trends. Use count to control how many widgets are returned.
curl "https://api.yaddayadda.io/v1/generate?template=dashboard_widgets&count=4"| Parameter | Range | Default |
|---|---|---|
count | 4–8 | 4 |
Response Schema
{
"widgets": [
{
"title": "string (2-4 words)",
"description": "string (1 sentence)",
"metric": "string (e.g. '$4.2M', '99.9%', '10K+')",
"trend": "string (e.g. '+12.5%', '-3.2%')",
"trend_direction": "string (positive|negative|neutral)"
}
]
}settings_page
Grouped settings sections with labeled controls.
curl "https://api.yaddayadda.io/v1/generate?template=settings_page"Response Schema
{
"sections": [
{
"heading": "string (1-3 words)",
"settings": [
{
"label": "string (2-4 words)",
"description": "string (1 sentence)",
"control": "string (toggle|select|input|radio)"
}
]
}
]
}error_pages
Error pages for 404, 500, and 403 status codes with headlines, explanations, and CTAs.
curl "https://api.yaddayadda.io/v1/generate?template=error_pages"Response Schema
{
"errors": [
{
"code": "string (e.g. '404', '500', '403')",
"headline": "string (4-8 words)",
"body": "string (1-2 sentences)",
"cta": "string (2-4 words)"
}
]
}