Desktop Mode Switcher

A mobile-responsive card component that prompts users to switch from mobile to desktop mode to access the full automation flow builder interface. Features a glassmorphic design with an animated gradient button, perfect for automation platforms that require desktop capabilities for advanced flow editing.

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

import { AutomationFlowBuilderCard } from "@/components/ui/desktop-mode-switcher";

export default function Demo() {
  return (
    <div className="min-h-screen flex items-center justify-center p-6">
      <AutomationFlowBuilderCard />
    </div>
  );
}