AuthCraft – Authentication UI Kit

AuthCraft is a clean, production-ready authentication UI kit built with Bootstrap 5 and vanilla JavaScript. It ships with modern sign in/sign up flows, password reset, two-step verification (OTP), a powerful settings panel (themes, modes, fonts), utility pages, a full HTTP error pack, and inbox-safe email templates – all wired together in a single preview hub.

Key Features

Bootstrap 5 + Static HTML (No Build Step)

No build tooling: pure Bootstrap 5 layout with static HTML files
Backend agnostic: drop into any stack (Laravel, Node, Django, Rails, .NET, etc.)

Theming & Display Options

Theme switcher: multiple presets plus custom primary/secondary colors
Display modes: dark mode, high contrast, RTL support
Font switcher: 4 Google Fonts families (downloaded and bundled as self‑hosted WOFF2 files)

Authentication Flows

Sign in, Sign up, Password reset
Two-step (OTP) verification with auto-advance and full paste support
Social login placeholders for Google, GitHub, X, and LinkedIn

Utility & Error Pages

Error pack: 400, 401, 403, 404, 429, 500, 502, 503
Utilities: maintenance countdown, security center, activity log
Steppers: signup wizard, onboarding wizard, job application wizard

Email Templates

Verification code (HTML + plain text)
Two-factor (2FA) code
Password reset link
Password changed notification

Performance & Assets

All CSS, JS, fonts, and icons are bundled locally
No external CDN dependencies – offline-friendly and easy to self-host

What’s Included

template/auth/ and template/errors/ — all authentication and error pages
template/email/ — email templates (HTML + text)
assets/ — CSS/JS/images/fonts/bundles
documentation.html + docs/ — installation, customization, and structure guides
index.html — preview hub to explore all pages and emails

Browser Support

Chrome, Firefox, Safari, Edge (modern versions).

Documentation

documentation.html
docs/INSTALLATION.md
docs/CUSTOMIZATION.md
docs/STRUCTURE.md

Credits & Open‑Source Licenses

AuthCraft is built entirely on top of open‑source technologies. All third‑party assets are included locally and used under their respective licenses:

Bootstrap 5 — front-end toolkit by the Bootstrap team (MIT License)
jQuery — JavaScript library (MIT License), bundled in assets/bundles/libscripts.bundle.js
Bootstrap Icons — icon library by the Bootstrap team (MIT License)
Bootstrap Colorpicker — color picker plugin (MIT License), used in the settings modal
Google Fonts families — downloaded from Google Fonts and bundled as self‑hosted WOFF2 files (see LICENSE.txt)

Please refer to LICENSE.txt and the headers inside the bundled CSS/JS files for full license texts and attributions.