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/andtemplate/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.htmldocs/INSTALLATION.mddocs/CUSTOMIZATION.mddocs/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.