Default Component - Copy this React, Tailwind Component to your project
1. General Layout The UI is structured into three main sections: Left Sidebar (Navigation Menu) Top Notification & Search Bar Main Content Area (Applications List & Management) 2. Left Sidebar (Navigation Panel) The sidebar contains multiple expandable categories, each with several sub-options: Zero Trust Overview Analytics Gateway Firewall policies Egress policies Resolver policies (Beta) DNS locations Access Applications (Current section) Policies Rule groups Service authentication Tags Networks Tunnels Routes Targets My Team Devices Users Lists Logs Admin Access Gateway Posture CASB Posture Findings Content Findings (Beta) Integrations The "Collapse Sidebar" button is at the bottom. 3. Top Section (Notification & Search) A blue notification box appears at the top, prompting the user to create their first reusable policy before adding a self-hosted application. A search bar allows users to search for applications by name or URL. A "Show filters" button is on the right, likely for filtering applications based on various attributes. 4. Main Content Area 4.1. Applications Table Displays a list of configured applications managed under Zero Trust policies. Table Headers: Application Name (Clickable with icon, e.g., "Google Drive") Application URL (Currently shows a placeholder "1") Total Domains (Number of domains associated with the application) Policies Assigned (Number of policies linked to the application) Type (SaaS, Self-hosted, Private) 4.2. Call-to-Action Buttons "Add an application" – A blue button for adding a new app. Three-dot menu (⋮) at the end of the row, likely for managing individual application settings. 5. Pagination & Items Per Page Displays "1 - 1 | Items per page: 20" Pagination controls at the bottom for navigating multiple application entries. Summary for AI Generation The Cloudflare Zero Trust Applications Management UI follows a clean, modern design with: Sidebar navigation (Expandable categories) Header notifications & search bar Data table with applications & policies CTA buttons (Add new application, Filters, etc.) Pagination support
