---
title: "AuthCard — Free Framer component · Best of Framer"
description: "Free Framer component · by Francisc Toth · Cards. AuthCard — Login & Registration"
canonical: "https://framer.elliotli.dev/component/authcard"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/AuthCard

# AuthCard

AuthCard — Login & Registration

[View on Framer](https://framer.com/marketplace/components/authcard/?via=elliot-li)

![AuthCard preview image 1](https://framer.elliotli.dev/og/component/authcard/6dfbd6b7e9bd43bc/1600x1200.jpg)

## Summary

AuthCard — Login & Registration

## Description

**Description**

A fully functional authentication card for Framer that handles real user sign-in and registration out of the box. Connect your backend in the property panel and you're live.

**Three auth methods, one component:** Magic Link, Google OAuth, and Password — all switchable from the Framer properties panel. Show all three or just the ones you need.

**Supports four backends:**

-   **Supabase** — magic links, password auth, and Google OAuth via your project URL + anon key
    
-   **Firebase** — email sign-in links and password auth via your Web API key
    
-   **Custom Webhook** — POST to any endpoint with structured action payloads
    
-   **UI Only** — demo and prototype mode, no backend required
    

**Everything you'd expect, already built:**

-   Email format validation
    
-   Password strength check (min 8 characters)
    
-   Per-field and form-level error messages
    
-   Loading spinner states
    
-   Success confirmation states
    
-   Password show/hide toggle
    
-   Enter key form submission
    
-   Google OAuth redirect flow
    
-   Post-login redirect URL support
    
-   Terms & Privacy footer links
    

**Fully customizable from the property panel:** Accent color, background, border radius, heading font, body font, button labels, placeholder text, success messages — everything is a property. No code editing required.

**Good for:** Waitlists, SaaS apps, membership sites, client projects, Framer templates, any site that needs real authentication.

## Rank history [How rankings work →](/terms#rankings)

-   All · #5162

## Details

- **Author**: Francisc Toth
- **Published**: 2026-03-31
- **Updated**: 2026-09-14
- **Added**: 2026-03-17
- **Categories**: Cards

## More like this

-   [Particle Team Cards](/component/particle-team-cards) — Frame Native · Free — Portraits that move as particles
-   [Card Swap](/component/card-swap) — Antoine Lacombled · $9 — A 3D card stack you can fling
-   [Overlay Reveal Card](/component/overlay-reveal-card) — Pentaclay · Free — Project Card With Hover Overlay
-   [Deckshift](/component/deckshift) — BeyondPixel · $15 — Interactive Stacked Focus Cards