Recipes

Examples to build on

Run them from a clone of the repository: npm run build, then node scripts/serve-static.mjs and open http://localhost:4173/examples/<name>/. The AI demos simulate their model responses.

• Application header

  Banner, destinations, and the narrow menu

  odd-button

  View the application header source

• Side navigation

  Recipe, data, and a handwritten twin

  odd-side-nav

  View the side navigation source

• Form

  A settings form from Oddkin form controls

  odd-card · odd-validation-summary · odd-input

  View the form source

• Editable list

  Keyed rows of odd-input in a form

  odd-button

  View the editable list source

• Research assistant

  @oddkin/ai demo (simulated)

  odd-context-picker · odd-usage-meter · odd-conversation

  View the research assistant source

• Agent task panel

  @oddkin/ai demo (simulated)

  odd-activity · odd-task-plan · odd-question

  View the agent task panel source

• Inline writing assistant

  @oddkin/ai demo (simulated)

  odd-ai-label · odd-voice-input · odd-inline-assist

  View the inline writing assistant source