Code

AuthCraft – Authentication UI Kit

AuthCraft – Authentication UI Kit

Recently Updated

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.

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey