Social Login Buttons

Clean, branded OAuth buttons that match your auth flow.

Preview

Usage

Each button is a native <button> with Tailwind classes. Swap the SVG icon and label for your provider. Keep thew-full andgap-3 for consistent sizing. Use brand hex values for backgrounds to maintain visual identity.

States

Default

Hover