An ultra-minimalist dark mode button. By default, it acts as a silent ghost button. On hover, a sharp 1px border glows and the text brightens instantly.
Export Snippets
Switch formats without compressing the preview layout.
AI Prompt
Natural-language design direction for AI coding tools.
Implement a Vercel-style ghost button for dark mode. The default state is entirely transparent with muted gray text (#6E6E84) and a transparent 1px border. On hover, the text instantly snaps to pure white (#EEEEF2), the background shifts to a very dark gray (#12121E), and the border illuminates sharply (#23233A). Keep transitions lightning fast (150ms ease-out).An ultra-minimalist dark mode button. By default, it acts as a silent ghost button. On hover, a sharp 1px border glows and the text brightens instantly.