Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

fromLittleAcorns/fasthtml_toolbox

Repository files navigation

FastHTML-Auth

Complete authentication system for FastHTML applications with built-in admin interface

Drop-in authentication with beautiful UI, role-based access control, and a powerful admin dashboard for user management. No configuration required – just install and go!

pip install fasthtml-auth

PyPI version Python 3.8+


⭐ Key Features

  • πŸ” Complete Authentication - Login, logout, registration with secure bcrypt hashing
  • πŸ‘‘ Built-in Admin Interface - Full user management dashboard
  • 🌐 Google OAuth - Allow users to sign in with their Google account
  • 🎨 Beautiful UI - Responsive MonsterUI components, zero custom CSS needed
  • πŸ›‘οΈ Role-Based Access - User, Manager, Admin roles with decorators
  • πŸ“± Mobile Ready - Works perfectly on all devices
  • ⚑ Zero Config - Works out of the box, customize as needed

πŸš€ Quick Start

Basic Authentication

from fasthtml.common import *
from monsterui.all import *
from fasthtml_auth import AuthManager
# Initialize auth system
auth = AuthManager(db_path="data/app.db")
db = auth.initialize()
beforeware = auth.create_beforeware()
# Create app
app = FastHTML(before=beforeware, hdrs=Theme.blue.headers())
auth.register_routes(app)
@app.route("/")
def dashboard(req):
 user = req.scope['user'] # Automatically available
 return H1(f"Welcome, {user.username}!")
@app.route("/admin")
@auth.require_admin()
def admin_only(req):
 return H1("Admin Area")
serve()

That's it! Your app now has:

  • Login/logout at /auth/login and /auth/logout
  • User registration at /auth/register
  • Profile management at /auth/profile
  • Role-based access control
  • Default admin account: admin / admin123

πŸ‘‘ Built-in Admin Interface

Enable powerful user management with one parameter:

# Add this one parameter to get a complete admin dashboard
auth.register_routes(app, include_admin=True)

Instantly adds:

Feature Route Description
πŸ“Š Admin Dashboard /auth/admin User statistics and quick actions
πŸ‘₯ User Management /auth/admin/users List, search, filter all users
βž• Create Users /auth/admin/users/create Add users with role assignment
✏️ Edit Users /auth/admin/users/edit?id={id} Modify details, roles, status
πŸ—‘οΈ Delete Users /auth/admin/users/delete?id={id} Remove users (with protection)

Admin Interface Features

  • πŸ” Search & Filter - Find users by username, email, role, or status
  • πŸ“„ Pagination - Handle thousands of users efficiently
  • πŸ›‘οΈ Safety Features - Prevent self-deletion and last admin removal
  • πŸ“Š Statistics Dashboard - User counts by role and status
  • 🎨 Beautiful UI - Consistent MonsterUI design throughout

πŸ“– Real-World Example

See FastHTML-Auth in action with a complete todo application:

πŸ“ FastHTML Todo App

This real-world example shows:

  • User authentication and registration
  • Role-based task management
  • Admin interface for user management
  • Database integration patterns
  • Production deployment setup

βš™οΈ Configuration

config = {
 'allow_registration': True, # Enable local user registration form
 'oauth_create_users': True, # Allow OAuth to auto-create new accounts (set False for admin-only signups)
 'public_paths': ['/about', '/api'], # Routes that skip authentication 
 'login_path': '/auth/login', # Custom login URL
 'oauth_redirect_url': 'https://yourdomain.com/auth/google/callback', # Google OAuth callback URL
}
auth = AuthManager(db_path="data/app.db", config=config)

🌐 Google OAuth

FastHTML-Auth supports Google OAuth as an alternative login method. When enabled, a "Sign in with Google" button appears automatically on the login form.

Setup

  1. Create OAuth credentials in Google Cloud Console:

    • Go to APIs & Services β†’ Credentials β†’ Create Credentials β†’ OAuth 2.0 Client ID
    • Add your callback URL as an authorised redirect URI: https://yourdomain.com/auth/google/callback
  2. Add credentials to your .env file:

GOOGLE_CLIENT_ID=your-client-id
GOOGLE_CLIENT_SECRET=your-client-secret
OAUTH_REDIRECT_URL=https://yourdomain.com/auth/google/callback
  1. Call setup_oauth() before register_routes():
auth = AuthManager(db_path="data/app.db", config={
 ...
 'oauth_redirect_url': os.getenv('OAUTH_REDIRECT_URL')
})
db = auth.initialize()
auth.setup_oauth() # Load credentials and enable OAuth
beforeware = auth.create_beforeware()
app = FastHTML(before=beforeware, ...)
auth.register_routes(app)

OAuth users are stored in the same users table with auth_provider='google' and no password. They are automatically created on first login with basic user role (default behaviour).

Admin-controlled OAuth access

If you want to restrict who can log in via OAuth (e.g. no open self-registration), set oauth_create_users to False:

config = {
 'allow_registration': False, # Disable local signup form
 'oauth_create_users': False, # Disable OAuth auto account creation
 ...
}

With this setup, an admin pre-creates user accounts via the admin interface. Users whose email matches a pre-existing account can sign in with either their local password or Google OAuth β€” their role and password are never modified by an OAuth login.


πŸ” Role-Based Access Control

Built-in Roles

  • user - Basic authenticated access
  • manager - Manager privileges + user access
  • admin - Full system access + admin interface

Route Protection

# Require specific roles
@app.route("/manager-area")
@auth.require_role('manager', 'admin')
def manager_view(req):
 return H1("Manager+ Only")
# Admin only (shortcut)
@app.route("/admin")
@auth.require_admin()
def admin_panel(req):
 return H1("Admin Only")
# Check roles in templates
@app.route("/dashboard")
def dashboard(req):
 user = req.scope['user']
 
 admin_link = A("Admin Panel", href="/auth/admin") if user.role == 'admin' else None
 return Div(admin_link)

πŸ“Š User Object

In protected routes, access user data via req.scope['user']:

user.id # Unique user ID 
user.username # Username
user.email # Email address
user.role # 'user', 'manager', or 'admin'
user.active # Boolean - account status
user.created_at # Account creation timestamp
user.last_login # Last login timestamp
user.auth_provider # 'local' for password login, 'google' for OAuth

🎨 Styling & Themes

FastHTML-Auth uses MonsterUI for beautiful, responsive components:

# Choose your theme
app = FastHTML(
 before=beforeware,
 hdrs=Theme.blue.headers() # or red, green, slate, etc.
)

All forms include professional styling, validation, error handling, and mobile optimization.

πŸ› οΈ API Reference

AuthManager

auth = AuthManager(db_path="data/app.db", config={})
auth.initialize() # Set up database
auth.setup_oauth() # Enable Google OAuth (optional)
auth.register_routes(app, include_admin=True) # Add all routes
auth.create_beforeware() # Create middleware
@auth.require_admin() # Admin-only decorator
@auth.require_role('manager', 'admin') # Role-based decorator

Available Routes

Authentication Routes:

  • GET/POST /auth/login - User login
  • GET /auth/logout - Logout and redirect
  • GET/POST /auth/register - User registration
  • GET/POST /auth/profile - Profile management

Admin Routes (when include_admin=True):

  • GET /auth/admin - Admin dashboard
  • GET /auth/admin/users - User management
  • GET/POST /auth/admin/users/create - Create user
  • GET/POST /auth/admin/users/edit?id={id} - Edit user
  • GET/POST /auth/admin/users/delete?id={id} - Delete user

OAuth Routes (when setup_oauth() is called):

  • GET /auth/google/login - Redirect to Google sign-in
  • GET /auth/google/callback - Handle Google OAuth callback

πŸ“ Examples

For complete examples, see the /examples directory:

πŸ”’ Security Features

  • Bcrypt password hashing - Industry standard security
  • Google OAuth - Secure third-party authentication via Google
  • Session management - Secure session handling with FastHTML
  • Remember me functionality - Optional persistent sessions
  • Role-based protection - Automatic route access control
  • Admin safety - Prevent self-deletion and last admin removal
  • Input validation - Server-side validation for all forms

πŸ“¦ Installation & Dependencies

pip install fasthtml-auth

Dependencies:

  • python-fasthtml>=0.12.0 - Web framework
  • monsterui>=1.0.20 - UI components
  • fastlite>=0.2.0 - Database ORM
  • bcrypt>=4.0.0 - Password hashing
  • python-dotenv>=1.0.0 - Environment variable management (required for OAuth)

🀝 Contributing

We welcome contributions! Areas for contribution:

  • Password reset functionality
  • Two-factor authentication
  • Additional OAuth providers (GitHub, Microsoft, etc.)
  • Email verification
  • Bulk user operations
  • Custom user fields

πŸ“„ License

MIT License - see LICENSE file for details.

πŸ“ Changelog

v0.3.3 (Current release)

  • βœ… New oauth_create_users config flag to restrict OAuth logins to pre-registered accounts
  • βœ… Users can now log in via local password or Google OAuth interchangeably β€” roles and passwords unaffected by OAuth login
  • βœ… Clear error message shown when an unrecognised email attempts OAuth login

v0.3.2

  • βœ… Bug fix adding a config variable to AuthManager class
  • βœ… Updated github actions versions

v0.3.0

  • βœ… Google OAuth integration
  • βœ… auth_provider field to distinguish login method
  • βœ… OAuth routes automatically added to public paths
  • βœ… Login form automatically shows Google button when OAuth is enabled

v0.2.0

  • βœ… Built-in admin interface for user management
  • βœ… User CRUD operations with beautiful UI
  • βœ… Dashboard with user statistics
  • βœ… Search, filter, and pagination
  • βœ… Safety features for admin operations

v0.1.2

  • βœ… "Remember me" functionality
  • βœ… Terms acceptance validation
  • βœ… Improved form styling

v0.1.0

  • βœ… Initial release with core authentication
  • βœ… Role-based access control
  • βœ… MonsterUI integration

FastHTML-Auth - Authentication made simple for FastHTML applications.

For questions and support: GitHub Issues

About

Complete authentication system for FastHTML applications - available on PyPI as fasthtml-auth

Topics

Resources

License

Stars

Watchers

Forks

Packages

Contributors

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /