Skip to content
SureUI.

Blocksbuilt from SureUI.

Full screens built from SureUI components. The shadcn CLI installs each one into your components/ folder as app code you edit, along with the SureUI components it uses.

Danger Zone

A project settings danger zone: pause deployments with an undo window, transfer the project in a dialog that shows what changes, and delete it in a dialog that asks for the project name.

Danger zone

Pause deployments

Stop deploying new pushes.

Transfer project

Move acme-prod to Design.

Delete project

Remove its deployments, domains and data.

npx shadcn@latest add @sureui/danger-zone-01

API Keys

A list of API keys with the last time each was used, hold to revoke, and a Create key dialog that shows the new secret once with a copy button.

API keys
A revoked key stops working right away.
  • Productionsk_live_••••4f2aUsed 2 min ago
    Press and hold, or activate twice, to confirm
  • Billing workersk_live_••••9c1eUsed 1 hour ago
    Press and hold, or activate twice, to confirm
  • Stagingsk_test_••••71b3Used 3 days ago
    Press and hold, or activate twice, to confirm
  • Old CI runnersk_test_••••0d88Used 4 months ago
    Press and hold, or activate twice, to confirm

npx shadcn@latest add @sureui/api-keys-01

Delete Account

An account deletion screen with an export link first, a list of what gets deleted, and a form that unlocks after you type your email and check each acknowledgement.

Delete account

Export your data first.

What gets deleted
  • Projects, 6: acme-web, acme-api, acme-docs
  • Invoices, 38
  • Team memberships, 3: Design, Platform, Growth
  • API keys, 4

npx shadcn@latest add @sureui/delete-account-01

Team Members

A team members list whose row menu removes someone after a second click, and makes someone the owner after a dialog explains what changes.

Members
  • JD
    John Doe (you)Owner · john@acme.com
  • LP
    Leo ParkAdmin · leo@acme.com
  • AD
    Ava DiazMember · ava@acme.com
  • SL
    Sam LeeViewer · sam@acme.com

npx shadcn@latest add @sureui/team-members-01

File Manager

A file list where selected files move to trash with an undo toast, a Trash tab restores them one at a time, and an Empty trash dialog lists what goes and asks you to type a phrase.

Documents

npx shadcn@latest add @sureui/file-manager-01

Inbox

A message list where archive and delete collapse the row in place with an Undo, and a reading pane whose toolbar archives on a second click and deletes on a hold.

Inbox

npx shadcn@latest add @sureui/inbox-01

Agent Approval

An agent turn with four tool calls waiting for approval, from a low-risk message that approves with undo to a critical delete that asks for the project name. Each call shows its tool, risk and arguments, then its result once it runs.

Tear down staging. Everything runs on preview deploys now.

Here's the plan. Each step waits for your approval.

  1. sendMessageLow risk

    Tell #deploys that staging is going away

    channel:
    #deploys
  2. archiveBranchesMedium risk

    Archive 12 branches merged more than 30 days ago

    repo:
    acme/web
    count:
    12
  3. rotateSecretHigh risk

    Rotate the staging database password

    database:
    staging-db
    Press and hold, or activate twice, to confirm
  4. deleteProjectCritical

    Delete acme-staging and its deployments

    project:
    acme-staging

npx shadcn@latest add @sureui/agent-approval-01

Bulk Actions

An issue list with row checkboxes whose delete asks for more as the count grows: an undo window for one or two, a second click for a few, and the typed count for more.

Open issues

npx shadcn@latest add @sureui/bulk-actions-01

Settings Save Bar

A team settings form where any edit brings up a save bar. Discard asks for a second click, and leaving the page with unsaved changes asks whether to save, discard or keep editing.

General
How your team appears to others.
acme.app/

Anyone with the link can see your team and its projects.

npx shadcn@latest add @sureui/settings-save-bar-01

Cancel Subscription

A plan card whose cancel dialog lists what goes away and when, offers a cheaper plan instead, and cancels on a second click.

Pro plan
$20 per seat a month, 5 seats. Renews on October 29.

5 of 5 seats used

12 projects, unlimited history

npx shadcn@latest add @sureui/cancel-subscription-01