Examples

Examples

Real pages built only from Edmi registry items, live in React, Vue and Svelte. Switch mode, base, theme and radius, resize the frame, read the code.

AllAIAppMarketing

• 
  Claude - ChatAI

  A complete chat app: greeting home with suggestions, a full assistant thread with artifact cards and code blocks, the artifact viewer side panel, and the artifact library, switchable from the app sidebar.

• 
  Stockbreak - NavbarApp

  The Stockbreak app with a top navbar: Markets, Explore, Index detail, Leaderboard, Create index, Feed, AI agents, Portfolio, Profile and Faucet pages with working navigation, plus the marketing landing.

• 
  Stockbreak - SidebarApp

  The same Stockbreak app in the sidebar shell: inset Sidebar with search, navigation, watchlist and the faucet card, breadcrumb header, and every app page behind working navigation.

• 
  LayerbeatApp

  Layerbeat Create a BeatVPS: always-dark navy sidebar scoped inside a light app, step tabs, location and image choice cards, a plan table with radio selection, billing segmented control and a raised summary card.

• 
  Cofounder (Long Page)Marketing

  Cofounder-style dark landing page from hero to footer: pixel-art sky hero, agent workspace card, launch, grow and operate feature rows with staged boards, campaign report, metrics and live joiners, tools window, guide chapters and a footer scene.

• 
  Cofounder - Agent WorkspaceAI

  A side panel for an agent app: pill tabs on an inset panel, an Agent tab with collapsed reasoning, a named agent with suggestion cards and a raised composer, and an Index tab with grouped settings lists.

• 
  Agent WorkflowAI

  A workflow canvas for an agent: trigger, tool and agent nodes, animated and conditional edges, a node toolbar, legend and run panels, and zoom controls.

• 
  Coding Agent IDEAI

  A coding workspace: file tree, code editor with header and line numbers, a terminal with a failing run, and the agent pane with a plan, queue and composer.