Application Shell 14

Shadcn UI Application Shell Block

ApplicationShell14 is a cryptocurrency exchange interface with a top banner for promotions, main header with logo, rounded navigation tabs, search field, wallet menu, favorites menu, notifications menu, and user menu. The wallet menu displays wallet address, connection status, total balance, swap/buy/send actions, and top assets list. The favorites menu shows a searchable list of token favorites with colored badges. The notifications menu displays a list of notification items with colored tone indicators. Mobile view uses a floating bottom navigation bar with rounded corners and shadow. The main content area sits below the header.

White background with neutral borders and subtle gray accents. The header uses rounded pill-shaped navigation tabs with neutral backgrounds for active states. Search field has rounded-full styling with neutral background. Wallet and action buttons use rounded-full borders. Token badges use colored circular backgrounds with white text. Notification items have colored tone circles. The mobile bottom navigation is a floating rounded bar with shadow. Clean, modern spacing with consistent rounded elements throughout.

Crypto exchange aesthetic with a polished, financial product feel. The rounded navigation tabs and floating mobile navigation give it a contemporary mobile-app-inspired design. The wallet menu is feature-rich with balance display and quick actions. This is a moderate to elaborate complexity block that requires wallet data, token information, notification data, and user details. The decorative elements are code-driven with colored badges and notification tones.

Mobile view shows a floating bottom navigation bar positioned above the bottom edge with rounded corners and shadow. The search field moves below the main header on mobile. The top banner can be dismissed with a close button. All dropdown menus are optimized for mobile interaction with appropriate sizing.