I'll help you redesign this Android emulator platform to look more aesthetic and professional. Let me first generate some design inspiration for a polished, modern look.
Now I'll create a polished, professional redesign of the Android emulator platform with a dark theme inspired by Vercel/Linear aesthetics. Let me update the globals.css first with a refined dark theme, then create the components.
Now let me create the components for the emulator platform:
Now let me create the main page that brings everything together:
I've completely redesigned the Android Emulator Platform with a modern, professional aesthetic inspired by Vercel and Linear dashboards. Here's what I created:
Design Improvements:
- Clean dark theme with a teal/cyan accent color for a professional developer tool feel
- Refined card system with subtle borders, proper spacing, and glass-like header with backdrop blur
- Polished device cards with hover states, selection indicators, and status badges
- Beautiful emulator mockup showing a realistic Android device with status bar, app icons, and Google search bar
- Organized hardware controls in categorized sections (Quick Actions, Hardware, Network, Battery)
- Professional APK upload zone with drag-drop styling and URL input
Key Features:
- Responsive 3-column layout (devices sidebar, emulator center, controls right)
- Smooth transitions and hover states throughout
- Status indicators (Online/Free count, Live badge, session status)
- Interactive device selection and session management
- Collapsible hardware controls that appear only when session is active
The design uses semantic color tokens, proper spacing hierarchy, and maintains the functionality of the original while looking significantly more polished and modern.
Looking at the images:
- Original design: Dark themed emulator with device cards, timeout input, and "Ready when you are" empty state
- Running session: Shows active emulator with hardware controls panel on the right
- Appetize reference: Clean, minimal design with a dark sidebar, configuration dropdowns, and a beautifully centered phone mockup with gradient wallpaper
I'll redesign to match the clean Appetize-style layout with a sidebar navigation, configuration panel, and centered device mockup.
Let me read the existing components to understand their structure, then redesign with the clean Appetize-style layout:
Now I'll create the clean Appetize-style redesign with a sidebar, configuration panel, and centered phone mockup:
Now let me update the main page with the clean Appetize-style layout:
The globals.css looks good. Let me clean up the unused old emulator components since we have a new architecture:
I've completely redesigned the emulator platform with a clean, minimal Appetize-style layout. The new design features:
- Dark sidebar navigation - Collapsible menu with Apps, Device Sandbox, Session History, Reports, and bottom utility links
- Configuration panel - Clean dropdown selects for Device (Pixel 7, etc.), OS (Android 13.0), Scale, plus toggle groups for showing/hiding device controls and developer tools
- Centered phone mockup - Beautiful gradient wallpaper (indigo-rose-pink) with "Tap to Start" button, and when active shows a realistic Android home screen with date, app icons, and Google search bar
- Vertical control toolbar - Minimal icon buttons beside the phone for common actions like home, lock, camera, accessibility, etc.
The design is much cleaner with proper spacing, subtle borders, and a professional dark theme that matches the Appetize reference you provided.