Loading the source for auth-7 …
Configuration
Description
Centered dark magic-link sign-in: email field sends a sign-in link, with Google, Apple and GitHub OAuth, a dashed crosshair-cornered frame, and a customer logo trust strip. Uses Button, Field, InputGroup. For login and auth pages.
page.tsx components/blocks/auth-7/page.tsx auth-logo.tsx components/blocks/auth-7/components/auth-logo.tsx auth.tsx components/blocks/auth-7/components/auth.tsx backdrop.tsx components/blocks/auth-7/components/backdrop.tsx data.tsx components/blocks/auth-7/components/data.tsx anthropicBlackWordmark.tsx components/ui/svgs/anthropicBlackWordmark.tsx anthropicWhiteWordmark.tsx components/ui/svgs/anthropicWhiteWordmark.tsx apple.tsx components/ui/svgs/apple.tsx appleDark.tsx components/ui/svgs/appleDark.tsx claudeAiWordmarkIconDark.tsx components/ui/svgs/claudeAiWordmarkIconDark.tsx claudeAiWordmarkIconLight.tsx components/ui/svgs/claudeAiWordmarkIconLight.tsx githubDark.tsx components/ui/svgs/githubDark.tsx githubLight.tsx components/ui/svgs/githubLight.tsx google.tsx components/ui/svgs/google.tsx mintlifyWordmarkDark.tsx components/ui/svgs/mintlifyWordmarkDark.tsx mintlifyWordmarkLight.tsx components/ui/svgs/mintlifyWordmarkLight.tsx openaiWordmarkDark.tsx components/ui/svgs/openaiWordmarkDark.tsx openaiWordmarkLight.tsx components/ui/svgs/openaiWordmarkLight.tsx resendWordmarkBlack.tsx components/ui/svgs/resendWordmarkBlack.tsx resendWordmarkWhite.tsx components/ui/svgs/resendWordmarkWhite.tsx slackWordmark.tsx components/ui/svgs/slackWordmark.tsx stripeWordmark.tsx components/ui/svgs/stripeWordmark.tsx supabaseWordmarkDark.tsx components/ui/svgs/supabaseWordmarkDark.tsx supabaseWordmarkLight.tsx components/ui/svgs/supabaseWordmarkLight.tsx noise-texture.tsx components/blocks/auth-7/components/noise-texture.tsx plus-frame.tsx components/blocks/auth-7/components/plus-frame.tsx sign-in-card.tsx components/blocks/auth-7/components/sign-in-card.tsx trust-strip.tsx components/blocks/auth-7/components/trust-strip.tsx Registry items
button
field
input-group
item
Configuration
Description
Centered dark magic-link sign-in: email field sends a sign-in link, with Google, Apple and GitHub OAuth, a dashed crosshair-cornered frame, and a customer logo trust strip. Uses Button, Field, InputGroup. For login and auth pages.
page.tsx components/blocks/auth-7/page.tsx auth-logo.tsx components/blocks/auth-7/components/auth-logo.tsx auth.tsx components/blocks/auth-7/components/auth.tsx backdrop.tsx components/blocks/auth-7/components/backdrop.tsx data.tsx components/blocks/auth-7/components/data.tsx anthropicBlackWordmark.tsx components/ui/svgs/anthropicBlackWordmark.tsx anthropicWhiteWordmark.tsx components/ui/svgs/anthropicWhiteWordmark.tsx apple.tsx components/ui/svgs/apple.tsx appleDark.tsx components/ui/svgs/appleDark.tsx claudeAiWordmarkIconDark.tsx components/ui/svgs/claudeAiWordmarkIconDark.tsx claudeAiWordmarkIconLight.tsx components/ui/svgs/claudeAiWordmarkIconLight.tsx githubDark.tsx components/ui/svgs/githubDark.tsx githubLight.tsx components/ui/svgs/githubLight.tsx google.tsx components/ui/svgs/google.tsx mintlifyWordmarkDark.tsx components/ui/svgs/mintlifyWordmarkDark.tsx mintlifyWordmarkLight.tsx components/ui/svgs/mintlifyWordmarkLight.tsx openaiWordmarkDark.tsx components/ui/svgs/openaiWordmarkDark.tsx openaiWordmarkLight.tsx components/ui/svgs/openaiWordmarkLight.tsx resendWordmarkBlack.tsx components/ui/svgs/resendWordmarkBlack.tsx resendWordmarkWhite.tsx components/ui/svgs/resendWordmarkWhite.tsx slackWordmark.tsx components/ui/svgs/slackWordmark.tsx stripeWordmark.tsx components/ui/svgs/stripeWordmark.tsx supabaseWordmarkDark.tsx components/ui/svgs/supabaseWordmarkDark.tsx supabaseWordmarkLight.tsx components/ui/svgs/supabaseWordmarkLight.tsx noise-texture.tsx components/blocks/auth-7/components/noise-texture.tsx plus-frame.tsx components/blocks/auth-7/components/plus-frame.tsx sign-in-card.tsx components/blocks/auth-7/components/sign-in-card.tsx trust-strip.tsx components/blocks/auth-7/components/trust-strip.tsx Registry items
button
field
input-group
item