User Management

Sidebar nav, search toolbar, and a full data table with role and status columns.

CRUD

Start typing to see your wireframe…

The Wiremark source

This is the entire template — edit it live in the editor, or paste it into any .wiremark file.

wiremarkUI
  sidebar SD {
    nav "Dashboard"
    nav "Users" active
    nav "Roles"
    nav "Settings"
  }
  header H "Admin Panel"

  page USERS "Users" {
    H
    SD

    toolbar {
      search "Search users…"
      button "Export CSV"
      button "Invite user" primary
    }

    table "Users" {
      columns "Name", "Email", "Role", "Status", "Joined", "Actions"
      row "Alice Martin", "alice@example.com", "Admin", "Active", "Jan 2024", "Edit · Disable"
      row "Bob Chen", "bob@example.com", "Editor", "Active", "Feb 2024", "Edit · Disable"
      row "Carol White", "carol@example.com", "Viewer", "Pending", "Mar 2024", "Edit · Resend"
      row "David Kim", "david@example.com", "Editor", "Disabled", "Apr 2024", "Edit · Enable"
    }
  }