yaddayadda.io
Templates

Templates Overview

27 structured UI component templates that return consistent JSON shapes.

The Core Idea

Traditional placeholder text APIs return paragraphs. yaddayadda returns structured UI components.

Every template works in two modes:

  1. Yadda Ipsum (free) — template structure filled with static nonsense text, correctly sized per field
  2. AI mode (requires key) — same structure filled with contextual, tone-aware generated content

The JSON shape is identical in both modes. Build against the free tier, upgrade to AI without changing code.

Default Behavior

If no template parameter is specified, the API defaults to paragraphs — standard generated paragraphs, compatible with every other lorem ipsum API. Templates are a power feature, not a requirement.

Template Groups

Page Sections

Template IDDescriptionParameters
hero_sectionHeadline, subheadline, body, primary CTA, secondary CTA
features_gridFeature cards with title and descriptioncount (3–6)
pricing_tableTier names, prices, features, CTAs, highlighted flagtiers (3–5)
testimonialsQuote, person name, role, companycount (3–6)
faq_sectionQuestion and answer pairscount (4–10)
cta_bannerHeadline, body, primary CTA, secondary CTA
stats_rowMetric value and label pairscount (4–6)
how_it_worksNumbered steps with title and descriptioncount (3–6)
Template IDDescription
navbarLogo text, menu items, CTA button
footerMulti-column links, tagline, copyright, social links
breadcrumbsNavigation breadcrumb trail (3–5 items)
sidebar_navGrouped sections with heading and nav items

Content Blocks

Template IDDescriptionParameters
blog_postFull post: title, author, sections, pull quote, conclusion
team_sectionHeadline, subheadline, member cardscount (3–8)
product_cardE-commerce listing with name, price, rating, reviewcount (1–8)
timelineChronological events with date, title, descriptioncount (4–8)

UI Micro-Content

Template IDDescriptionParameters
form_fieldsForm with labeled fields, placeholders, helperscount (4–10)
notificationsSuccess, warning, error, info messages
empty_statesEmpty section messages with headline, body, CTAcount (3–6)
onboarding_stepsStep number, title, body, CTAcount (4–6)
dashboard_widgetsWidget title, description, metric, trendcount (4–8)
settings_pageSettings with label, description, control type
error_pages404, 500, 403 with headline, body, CTA

Composite Templates

Template IDDescription
landing_pageComplete landing page: hero, features, stats, testimonials, pricing, FAQ, CTA, footer
dashboard_pageSidebar nav, header, widget grid, notifications
blog_indexPage title, subtitle, blog post cards
ecommerce_pageCategory header, filters, product cards, pagination

Using the count Parameter

Templates with repeating elements accept a count parameter. Each template defines its own valid range:

# 4 feature cards
curl "https://api.yaddayadda.io/v1/generate?template=features_grid&count=4"

# 5 FAQ items
curl "https://api.yaddayadda.io/v1/generate?template=faq_section&count=5"

If count is outside the valid range, it's clamped to the nearest boundary. If omitted, the template default is used.

On this page