Focus Mode Dialog: Live Preview

blocks/dialog-focus-mode.tsx

Part of Pro

Pro unlocks the code and one-line install of every Pro button and text effect, plus the MCP for your AI editor.

26 Pro buttons
87 Pro text effects
90 Pro backgrounds
81 Pro shaders
Every framework
The MCP

Get Pro Sign in

Have Pro already? Sign in to open it.Opens here as soon as you're Pro.

Part of Pro

Pro unlocks the code and one-line install of every Pro button and text effect, plus the MCP for your AI editor.

26 Pro buttons
87 Pro text effects
90 Pro backgrounds
81 Pro shaders
Every framework
The MCP

Get Pro Sign in

Have Pro already? Sign in to open it.Opens here as soon as you're Pro.

Adds components/blocks/dialog-focus-mode.tsx, with Badge, Button, Dialog, Field, Guides, Select, Shine Button, Switch, Toggle Group, @ark-ui/react, lucide-react.