Examples

Real layouts assembled from useVyre primitives. Use them as a reference for composition, or as test fixtures when prompting an AI agent against the AI context.

Real layouts

Hand-built reference implementations, fully interactive.

Dashboard app (multi-page)

live

A functional 5-page billing dashboard with working sidebar navigation — AppLayout, Sidebar, DataGrid, Item, Card, RadioGroup, Switch.

  • AppLayout
  • Sidebar
  • DataGrid
  • Item
  • Card
  • Badge
  • RadioGroup
  • Switch
View example →

SaaS Dashboard (single page)

live

App shell, KPI cards, searchable invoice table — Card, Table, Badge, Input, Avatar, Progress.

  • Card
  • Table
  • Badge
  • Avatar
  • Progress
  • Input
  • Button
View example →

Sign-in screen

live

Login form with validation hints, social providers, and a beta badge — Field, Input, Checkbox, Alert.

  • Card
  • Field
  • Input
  • Checkbox
  • Alert
  • Badge
  • Separator
View example →

AI-generated showcases

These are the differentiator: not "look at this layout," but "look at AI generate it correctly using @usevyre/ai-context." Each will ship with the prompt, the transcript, and a side-by-side comparison against an unguided AI run.

AI-generated dashboard (Claude)

coming soon

Full source + prompt transcript. Coming soon.

Before / after: with vs without AI context

coming soon

Same prompt, two outputs. See how @usevyre/ai-context prevents hallucinated props.

Want to contribute? If you've built something with useVyre + an AI agent and the result was good (or bad in a way that taught you something), open an issue on GitHub — these showcases are most useful when they reflect real prompts and real outputs.