IBAN Generators
Easily generate your Bank Account IBAN with NBF’s UAE IBAN Generator. Enter your account number to get your IBAN instantly, ensuring seamless local and international transactions with accuracy and compliance.
/* ── All selectors scoped to #iban-widget ── */
#iban-widget {
--iw-bg: #0a0d14;
--iw-surface: #111520;
--iw-border: #1e2535;
--iw-border-h: #2e3f60;
--iw-green: rgb(151, 202, 61);
--iw-green-l: rgb(171, 222, 81);
--iw-text: #e8ecf4;
--iw-muted: #5a6680;
--iw-error: #e05a5a;
--iw-success: #4caf8c;
--iw-mono: 'DM Mono', monospace;
--iw-sans: 'Syne', sans-serif;
all: initial;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
font-family: var(--iw-sans);
box-sizing: border-box;
}
#iban-widget *,
#iban-widget *::before,
#iban-widget *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
#iban-widget .iw-card-wrap {
position: relative;
width: 100%;
max-width: 540px;
animation: iw-slideUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) both;
}
#iban-widget .iw-card {
background: var(--iw-surface);
border: 1px solid var(--iw-border);
border-radius: 0 0 20px 20px;
padding: 3rem;
width: 100%;
box-shadow:
0 0 0 1px rgba(151,202,61,0.04),
0 40px 80px rgba(0,0,0,0.5),
0 0 60px rgba(151,202,61,0.03);
}
@keyframes iw-slideUp {
from { opacity: 0; transform: translateY(24px); }
to { opacity: 1; transform: translateY(0); }
}
#iban-widget .iw-flag-bar {
width: 100%;
height: 8px;
border-radius: 20px 20px 0 0;
background: linear-gradient(90deg,
#00732F 0%, #00732F 33%,
#fff 33%, #fff 50%,
#000 50%, #000 67%,
#FF0000 67%, #FF0000 100%
);
border: 1px solid var(--iw-border);
border-bottom: none;
}
#iban-widget .iw-header {
margin-bottom: 2.5rem;
}
#iban-widget .iw-eyebrow {
font-family: var(--iw-mono);
font-size: 0.7rem;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--iw-green);
margin-bottom: 0.6rem;
display: flex;
align-items: center;
gap: 0.5rem;
}
#iban-widget .iw-eyebrow::before {
content: '';
display: inline-block;
width: 18px;
height: 1px;
background: var(--iw-green);
opacity: 0.7;
}
#iban-widget .iw-title {
font-family: var(--iw-sans);
font-weight: 800;
font-size: 1.8rem;
line-height: 1.1;
letter-spacing: -0.02em;
color: var(--iw-text);
}
#iban-widget .iw-title span {
color: var(--iw-green);
}
#iban-widget .iw-subtitle {
margin-top: 0.5rem;
font-size: 0.82rem;
color: var(--iw-muted);
font-family: var(--iw-mono);
}
#iban-widget .iw-field {
margin-bottom: 1.25rem;
}
#iban-widget .iw-label {
display: block;
font-size: 0.72rem;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--iw-muted);
font-family: var(--iw-mono);
margin-bottom: 0.55rem;
}
#iban-widget .iw-bank-display {
width: 100%;
background: rgba(255,255,255,0.03);
border: 1px solid var(--iw-border);
border-radius: 10px;
padding: 0.85rem 1rem;
font-family: var(--iw-mono);
font-size: 0.95rem;
color: var(--iw-text);
display: flex;
align-items: center;
justify-content: space-between;
}
#iban-widget .iw-bank-code {
color: var(--iw-green);
font-size: 0.75rem;
letter-spacing: 0.08em;
}
#iban-widget .iw-input {
width: 100%;
background: rgba(255,255,255,0.03);
border: 1px solid var(--iw-border);
border-radius: 10px;
padding: 0.85rem 1rem;
color: var(--iw-text);
font-family: var(--iw-mono);
font-size: 0.95rem;
outline: none;
transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
appearance: none;
-webkit-appearance: none;
}
#iban-widget .iw-input:focus {
border-color: var(--iw-border-h);
background: rgba(255,255,255,0.05);
box-shadow: 0 0 0 3px rgba(151,202,61,0.12);
}
#iban-widget .iw-input:hover {
border-color: var(--iw-border-h);
}
#iban-widget .iw-input.iw-error {
border-color: var(--iw-error) !important;
box-shadow: 0 0 0 3px rgba(224,90,90,0.1) !important;
}
#iban-widget .iw-char-count {
text-align: right;
font-size: 0.7rem;
font-family: var(--iw-mono);
color: var(--iw-muted);
margin-top: 0.3rem;
transition: color 0.2s;
}
#iban-widget .iw-char-count.iw-ok { color: var(--iw-success); }
#iban-widget .iw-char-count.iw-warn { color: var(--iw-error); }
#iban-widget .iw-err-msg {
margin-top: 0.4rem;
font-size: 0.7rem;
font-family: var(--iw-mono);
color: var(--iw-error);
display: none;
}
#iban-widget .iw-btn {
width: 100%;
padding: 0.95rem 1.5rem;
background: var(--iw-green);
color: #0a0d14;
border: none;
border-radius: 10px;
font-family: var(--iw-sans);
font-weight: 600;
font-size: 0.9rem;
letter-spacing: 0.05em;
cursor: pointer;
margin-top: 0.5rem;
transition: background 0.2s, transform 0.15s, box-shadow 0.2s;
position: relative;
overflow: hidden;
}
#iban-widget .iw-btn::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(255,255,255,0.15) 0%, transparent 60%);
}
#iban-widget .iw-btn:hover {
background: var(--iw-green-l);
box-shadow: 0 6px 24px rgba(151,202,61,0.3);
transform: translateY(-1px);
}
#iban-widget .iw-btn:active {
transform: translateY(0);
}
#iban-widget .iw-result {
margin-top: 1.75rem;
border: 1px solid var(--iw-border);
border-radius: 12px;
padding: 1.25rem 1.5rem;
background: rgba(151,202,61,0.04);
display: none;
}
#iban-widget .iw-result.iw-visible {
display: block;
animation: iw-fadeIn 0.4s ease both;
}
@keyframes iw-fadeIn {
from { opacity: 0; transform: translateY(8px); }
to { opacity: 1; transform: translateY(0); }
}
#iban-widget .iw-result-label {
font-size: 0.68rem;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--iw-green);
font-family: var(--iw-mono);
margin-bottom: 0.5rem;
}
#iban-widget .iw-iban-display {
font-family: var(--iw-mono);
font-size: 1.35rem;
font-weight: 500;
letter-spacing: 0.12em;
color: var(--iw-text);
word-break: break-all;
}
#iban-widget .iw-iban-display .iw-cc { color: var(--iw-green); }
#iban-widget .iw-iban-display .iw-cd { color: #a0b0d0; }
#iban-widget .iw-iban-display .iw-bk { color: #8ecfb0; }
#iban-widget .iw-iban-display .iw-ac { color: var(--iw-text); }
#iban-widget .iw-meta {
margin-top: 0.75rem;
display: flex;
gap: 1.5rem;
flex-wrap: wrap;
}
#iban-widget .iw-meta-item {
font-family: var(--iw-mono);
font-size: 0.68rem;
}
#iban-widget .iw-meta-k {
color: var(--iw-muted);
text-transform: uppercase;
letter-spacing: 0.08em;
}
#iban-widget .iw-meta-v {
color: var(--iw-text);
margin-top: 0.1rem;
}
#iban-widget .iw-divider {
border: none;
border-top: 1px solid var(--iw-border);
margin: 1.5rem 0;
}
#iban-widget .iw-footer {
text-align: center;
font-family: var(--iw-mono);
font-size: 0.65rem;
color: var(--iw-muted);
line-height: 1.6;
}
/* ── Responsive ── */
@media (max-width: 600px) {
#iban-widget {
padding: 0;
}
#iban-widget .iw-card {
padding: 1.75rem 1.25rem;
border-radius: 0 0 16px 16px;
}
#iban-widget .iw-flag-bar {
border-radius: 16px 16px 0 0;
}
#iban-widget .iw-title {
font-size: 1.4rem;
}
#iban-widget .iw-iban-display {
font-size: 1rem;
letter-spacing: 0.08em;
}
#iban-widget .iw-meta {
gap: 1rem;
}
#iban-widget .iw-result {
padding: 1rem;
}
#iban-widget .iw-bank-display {
flex-direction: column;
align-items: flex-start;
gap: 0.3rem;
}
}
@media (max-width: 380px) {
#iban-widget .iw-card {
padding: 1.25rem 1rem;
}
#iban-widget .iw-title {
font-size: 1.2rem;
}
#iban-widget .iw-iban-display {
font-size: 0.85rem;
}
#iban-widget .iw-meta {
flex-direction: column;
gap: 0.6rem;
}
}
(function () {
var accountInput = document.getElementById('iw-accountInput');
var charCount = document.getElementById('iw-charCount');
var acctError = document.getElementById('iw-acctError');
var resultBox = document.getElementById('iw-resultBox');
var generateBtn = document.getElementById('iw-generateBtn');
accountInput.addEventListener('input', function () {
accountInput.value = accountInput.value.replace(/\D/g, '');
var len = accountInput.value.length;
charCount.textContent = len > 0 ? len + ' / 12 digits' : '';
charCount.className = 'iw-char-count' + (len === 12 ? ' iw-ok' : '');
// Clear errors while typing — only validate on submit
accountInput.classList.remove('iw-error');
acctError.style.display = 'none';
if (len === 0) resultBox.classList.remove('iw-visible');
});
function mod97(str) {
var remainder = 0;
for (var i = 0; i = 65 && code <= 90 ? (code - 55).toString() : c;
}).join('');
var checkDigits = 98 - mod97(numeric);
return checkDigits.toString().padStart(2, '0');
}
function generateIBAN() {
var bankCode = '084';
var accountNum = accountInput.value.trim();
if (accountNum.length !== 12 || !/^\d{12}$/.test(accountNum)) {
accountInput.classList.add('iw-error');
acctError.textContent = accountNum.length < 12
? 'Account number must be exactly 12 digits (' + accountNum.length + ' entered)'
: 'Account number must contain digits only';
acctError.style.display = 'block';
return;
}
var checkDigits = calcCheckDigits('AE', bankCode, accountNum);
var ibanRaw = 'AE' + checkDigits + bankCode + accountNum.padStart(16, '0');
var cc = ibanRaw.slice(0, 2);
var cd = ibanRaw.slice(2, 4);
var bk = ibanRaw.slice(4, 7);
var ac = ibanRaw.slice(7);
document.getElementById('iw-ibanDisplay').innerHTML =
'' + cc + '' +
'' + cd + '\u2009' +
'' + bk + '\u2009' +
'' + ac.match(/.{1,4}/g).join('\u2009') + '';
document.getElementById('iw-ibanMeta').innerHTML =
'' +
'' +
'' +
'';
resultBox.classList.remove('iw-visible');
void resultBox.offsetWidth;
resultBox.classList.add('iw-visible');
}
generateBtn.addEventListener('click', generateIBAN);
accountInput.addEventListener('keydown', function (e) {
if (e.key === 'Enter') generateIBAN();
});
})();
UAE Banking
IBAN Generator
ISO 13616 · AE format · 23 characters
Bank
National Bank of Fujairah
NBF · 084
Account Number
0 / 12 digits
✦ Generated IBAN
