App Shell Settings

Sidebar-free admin shell with a sticky top bar over a working settings screen: vertical tabs with roving keyboard focus, a header search that filters every section and counts matches per tab, and rows that actually do their thing (inline edit, copy to clipboard, or a switch) with a live save status.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds App Shell Settings to your project and fits it to your theme.

import AppShell02 from "@/components/ui/app-shell-02";

export default function AppShell02Demo() {
  return <AppShell02 />;
}