{"title":"Scripts","description":null,"products":[{"product_id":"weapon-wheel-saver","title":"Weapon Wheel Saver","description":"\u003cstyle\u003e\n \/* =========================================================\n FIVEM-LAB — FREE PERSISTENT WEAPON WHEEL\n STANDALONE FIVEM SCRIPT\n ========================================================= *\/\n\n .fml-weapon-wheel {\n --accent:#ffd700;\n --accent-soft:rgba(255,215,0,.12);\n --accent-border:rgba(255,215,0,.34);\n --bg:#03131f;\n --surface:#061a28;\n --surface-light:#092234;\n --text:#ffffff;\n --text-soft:rgba(255,255,255,.72);\n --text-muted:rgba(255,255,255,.46);\n --border:rgba(255,255,255,.10);\n --border-soft:rgba(255,255,255,.06);\n --success:#54e8a5;\n\n width:100%;\n max-width:1280px;\n margin:0 auto;\n padding:18px 0 70px;\n color:var(--text);\n background:transparent;\n font-family:inherit;\n line-height:1.65;\n }\n\n .fml-weapon-wheel,\n .fml-weapon-wheel *,\n .fml-weapon-wheel *::before,\n .fml-weapon-wheel *::after {\n box-sizing:border-box;\n }\n\n .fml-weapon-wheel h2,\n .fml-weapon-wheel h3,\n .fml-weapon-wheel p,\n .fml-weapon-wheel ul,\n .fml-weapon-wheel ol,\n .fml-weapon-wheel dl,\n .fml-weapon-wheel dt,\n .fml-weapon-wheel dd {\n margin:0;\n }\n\n .fml-weapon-wheel ul,\n .fml-weapon-wheel ol {\n padding:0;\n }\n\n .fml-weapon-wheel a {\n color:inherit;\n }\n\n .fml-weapon-wheel ::selection {\n color:#000;\n background:var(--accent);\n }\n\n \/* =========================================================\n HERO\n ========================================================= *\/\n\n .fml-weapon-wheel__hero {\n position:relative;\n display:grid;\n grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);\n gap:34px;\n align-items:stretch;\n overflow:hidden;\n padding:clamp(28px,4vw,50px);\n border:1px solid var(--border);\n border-top-color:var(--accent-border);\n border-radius:10px;\n background:\n radial-gradient(\n circle at 10% 0,\n rgba(255,215,0,.10),\n transparent 28%\n ),\n linear-gradient(\n 135deg,\n rgba(7,31,47,.94),\n rgba(2,15,24,.97)\n );\n }\n\n .fml-weapon-wheel__hero::before {\n content:\"\";\n position:absolute;\n top:0;\n left:0;\n width:min(430px,60%);\n height:2px;\n background:var(--accent);\n box-shadow:0 0 24px rgba(255,215,0,.34);\n }\n\n .fml-weapon-wheel__hero-copy {\n position:relative;\n z-index:2;\n display:flex;\n flex-direction:column;\n justify-content:center;\n min-width:0;\n }\n\n .fml-weapon-wheel__eyebrow {\n display:flex;\n flex-wrap:wrap;\n gap:9px;\n margin-bottom:20px;\n }\n\n .fml-weapon-wheel__pill {\n display:inline-flex;\n align-items:center;\n min-height:30px;\n padding:0 11px;\n border:1px solid var(--border);\n border-radius:5px;\n background:rgba(255,255,255,.035);\n color:var(--text-soft);\n font-size:10px;\n font-weight:850;\n letter-spacing:.08em;\n text-transform:uppercase;\n }\n\n .fml-weapon-wheel__pill--accent {\n border-color:var(--accent);\n background:var(--accent);\n color:#050505;\n }\n\n .fml-weapon-wheel__title {\n max-width:780px;\n color:var(--text) !important;\n font-size:clamp(37px,5vw,66px) !important;\n font-weight:950 !important;\n letter-spacing:-.048em;\n line-height:.98 !important;\n text-wrap:balance;\n }\n\n .fml-weapon-wheel__lead {\n max-width:760px;\n margin-top:22px !important;\n color:var(--text-soft) !important;\n font-size:clamp(16px,1.6vw,20px);\n line-height:1.7;\n }\n\n .fml-weapon-wheel__lead strong {\n color:var(--text);\n }\n\n .fml-weapon-wheel__actions {\n display:flex;\n flex-wrap:wrap;\n gap:12px;\n margin-top:28px;\n }\n\n .fml-weapon-wheel__button {\n display:inline-flex;\n align-items:center;\n justify-content:center;\n gap:10px;\n min-height:48px;\n padding:0 19px;\n border:1px solid var(--border);\n border-radius:6px;\n background:rgba(255,255,255,.025);\n color:var(--text) !important;\n font-size:11px;\n font-weight:900;\n letter-spacing:.045em;\n text-decoration:none !important;\n text-transform:uppercase;\n transition:\n transform .18s ease,\n border-color .18s ease,\n background .18s ease,\n box-shadow .18s ease;\n }\n\n .fml-weapon-wheel__button:hover {\n transform:translateY(-2px);\n border-color:var(--accent-border);\n background:rgba(255,215,0,.05);\n }\n\n .fml-weapon-wheel__button--primary {\n border-color:var(--accent);\n background:var(--accent);\n color:#050505 !important;\n box-shadow:0 8px 30px rgba(255,215,0,.14);\n }\n\n .fml-weapon-wheel__button--primary:hover {\n border-color:var(--accent);\n background:var(--accent);\n box-shadow:0 10px 38px rgba(255,215,0,.22);\n }\n\n .fml-weapon-wheel__quick {\n display:grid;\n grid-template-columns:repeat(3,minmax(0,1fr));\n gap:10px;\n margin-top:30px;\n }\n\n .fml-weapon-wheel__quick-item {\n padding:14px 15px;\n border:1px solid var(--border-soft);\n border-radius:6px;\n background:rgba(255,255,255,.022);\n }\n\n .fml-weapon-wheel__quick-item strong {\n display:block;\n color:var(--text);\n font-size:13px;\n font-weight:850;\n }\n\n .fml-weapon-wheel__quick-item span {\n display:block;\n margin-top:3px;\n color:var(--text-muted);\n font-size:10px;\n line-height:1.4;\n }\n\n \/* HERO MEDIA *\/\n\n .fml-weapon-wheel__media {\n position:relative;\n min-height:390px;\n overflow:hidden;\n border:1px solid var(--border);\n border-radius:8px;\n background:\n radial-gradient(\n circle at center,\n rgba(255,215,0,.09),\n transparent 42%\n ),\n #020c13;\n }\n\n .fml-weapon-wheel__media img {\n display:block;\n width:100%;\n height:100%;\n min-height:390px;\n object-fit:cover;\n object-position:center;\n }\n\n .fml-weapon-wheel__media::after {\n content:\"\";\n position:absolute;\n inset:0;\n pointer-events:none;\n background:\n linear-gradient(\n 180deg,\n transparent 58%,\n rgba(0,0,0,.78)\n );\n }\n\n .fml-weapon-wheel__media-label {\n position:absolute;\n z-index:2;\n top:14px;\n left:14px;\n display:inline-flex;\n align-items:center;\n min-height:29px;\n padding:0 10px;\n border:1px solid rgba(0,0,0,.28);\n border-radius:4px;\n background:var(--accent);\n color:#050505;\n font-size:9px;\n font-weight:950;\n letter-spacing:.08em;\n text-transform:uppercase;\n }\n\n .fml-weapon-wheel__media-info {\n position:absolute;\n z-index:2;\n right:17px;\n bottom:16px;\n left:17px;\n }\n\n .fml-weapon-wheel__media-info small {\n display:block;\n margin-bottom:4px;\n color:var(--accent);\n font-size:9px;\n font-weight:900;\n letter-spacing:.10em;\n text-transform:uppercase;\n }\n\n .fml-weapon-wheel__media-info strong {\n display:block;\n color:var(--text);\n font-size:18px;\n font-weight:900;\n }\n\n \/* =========================================================\n SECTION BASE\n ========================================================= *\/\n\n .fml-weapon-wheel__section {\n padding:clamp(48px,6vw,76px) 0;\n border-bottom:1px solid var(--border);\n }\n\n .fml-weapon-wheel__section-head {\n display:grid;\n grid-template-columns:150px minmax(0,1fr);\n gap:clamp(24px,5vw,70px);\n align-items:start;\n }\n\n .fml-weapon-wheel__section-index {\n padding-top:5px;\n color:var(--accent);\n font-size:10px;\n font-weight:900;\n letter-spacing:.12em;\n text-transform:uppercase;\n }\n\n .fml-weapon-wheel__kicker {\n margin-bottom:10px;\n color:var(--text-muted);\n font-size:9px;\n font-weight:850;\n letter-spacing:.13em;\n text-transform:uppercase;\n }\n\n .fml-weapon-wheel__section-title {\n max-width:950px;\n color:var(--text) !important;\n font-size:clamp(28px,3.5vw,44px) !important;\n font-weight:950 !important;\n letter-spacing:-.038em;\n line-height:1.06 !important;\n text-wrap:balance;\n }\n\n .fml-weapon-wheel__section-copy {\n max-width:900px;\n margin-top:17px !important;\n color:var(--text-soft) !important;\n font-size:16px;\n line-height:1.75;\n }\n\n \/* =========================================================\n FEATURE CARDS\n ========================================================= *\/\n\n .fml-weapon-wheel__features {\n display:grid;\n grid-template-columns:repeat(4,minmax(0,1fr));\n gap:12px;\n margin-top:36px;\n }\n\n .fml-weapon-wheel__feature {\n position:relative;\n min-width:0;\n padding:22px;\n overflow:hidden;\n border:1px solid var(--border);\n border-radius:7px;\n background:\n linear-gradient(\n 145deg,\n rgba(255,255,255,.032),\n rgba(255,255,255,.012)\n );\n transition:\n transform .18s ease,\n border-color .18s ease,\n background .18s ease;\n }\n\n .fml-weapon-wheel__feature:hover {\n transform:translateY(-3px);\n border-color:var(--accent-border);\n background:rgba(255,215,0,.035);\n }\n\n .fml-weapon-wheel__feature::before {\n content:\"\";\n position:absolute;\n top:0;\n left:0;\n width:54px;\n height:2px;\n background:var(--accent);\n transition:width .2s ease;\n }\n\n .fml-weapon-wheel__feature:hover::before {\n width:100%;\n }\n\n .fml-weapon-wheel__feature-number {\n display:inline-flex;\n align-items:center;\n justify-content:center;\n width:34px;\n height:34px;\n margin-bottom:27px;\n border:1px solid var(--accent-border);\n border-radius:6px;\n color:var(--accent);\n font-size:10px;\n font-weight:950;\n }\n\n .fml-weapon-wheel__feature h3 {\n margin-bottom:9px !important;\n color:var(--text) !important;\n font-size:17px !important;\n font-weight:900 !important;\n line-height:1.25 !important;\n }\n\n .fml-weapon-wheel__feature p {\n color:var(--text-soft) !important;\n font-size:13px;\n line-height:1.65;\n }\n\n \/* =========================================================\n WORKFLOW\n ========================================================= *\/\n\n .fml-weapon-wheel__workflow {\n display:grid;\n grid-template-columns:minmax(0,1.1fr) minmax(300px,.7fr);\n gap:16px;\n margin-top:36px;\n }\n\n .fml-weapon-wheel__steps {\n overflow:hidden;\n border:1px solid var(--border);\n border-radius:7px;\n background:var(--surface);\n list-style:none;\n counter-reset:wheel-step;\n }\n\n .fml-weapon-wheel__steps li {\n position:relative;\n display:grid;\n grid-template-columns:54px minmax(0,1fr);\n gap:15px;\n padding:20px 22px;\n border-bottom:1px solid var(--border-soft);\n counter-increment:wheel-step;\n }\n\n .fml-weapon-wheel__steps li:last-child {\n border-bottom:0;\n }\n\n .fml-weapon-wheel__steps li::before {\n content:\"0\" counter(wheel-step);\n color:var(--accent);\n font-size:10px;\n font-weight:950;\n letter-spacing:.08em;\n }\n\n .fml-weapon-wheel__steps strong {\n display:block;\n margin-bottom:4px;\n color:var(--text);\n font-size:14px;\n font-weight:900;\n }\n\n .fml-weapon-wheel__steps span {\n display:block;\n color:var(--text-soft);\n font-size:13px;\n line-height:1.6;\n }\n\n .fml-weapon-wheel__saved {\n display:flex;\n flex-direction:column;\n overflow:hidden;\n border:1px solid var(--accent-border);\n border-radius:7px;\n background:\n radial-gradient(\n circle at 90% 5%,\n rgba(255,215,0,.11),\n transparent 37%\n ),\n var(--surface);\n }\n\n .fml-weapon-wheel__saved-head {\n padding:18px 20px;\n border-bottom:1px solid var(--border);\n }\n\n .fml-weapon-wheel__saved-head small {\n display:block;\n margin-bottom:6px;\n color:var(--accent);\n font-size:9px;\n font-weight:900;\n letter-spacing:.11em;\n text-transform:uppercase;\n }\n\n .fml-weapon-wheel__saved-head h3 {\n color:var(--text) !important;\n font-size:23px !important;\n font-weight:950 !important;\n letter-spacing:-.025em;\n }\n\n .fml-weapon-wheel__saved-list {\n display:grid;\n flex:1;\n }\n\n .fml-weapon-wheel__saved-item {\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:18px;\n padding:17px 20px;\n border-bottom:1px solid var(--border-soft);\n }\n\n .fml-weapon-wheel__saved-item:last-child {\n border-bottom:0;\n }\n\n .fml-weapon-wheel__saved-item span {\n color:var(--text-soft);\n font-size:13px;\n }\n\n .fml-weapon-wheel__saved-item strong {\n color:var(--success);\n font-size:10px;\n font-weight:900;\n letter-spacing:.07em;\n text-transform:uppercase;\n }\n\n \/* =========================================================\n CONFIGURATION\n ========================================================= *\/\n\n .fml-weapon-wheel__config {\n display:grid;\n grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);\n gap:16px;\n margin-top:36px;\n }\n\n .fml-weapon-wheel__config-copy {\n padding:28px;\n border:1px solid var(--border);\n border-radius:7px;\n background:\n linear-gradient(\n 145deg,\n rgba(255,215,0,.04),\n transparent 48%\n ),\n var(--surface);\n }\n\n .fml-weapon-wheel__config-copy small {\n display:block;\n margin-bottom:12px;\n color:var(--accent);\n font-size:9px;\n font-weight:900;\n letter-spacing:.12em;\n text-transform:uppercase;\n }\n\n .fml-weapon-wheel__config-copy h3 {\n margin-bottom:14px !important;\n color:var(--text) !important;\n font-size:clamp(22px,3vw,31px) !important;\n font-weight:950 !important;\n letter-spacing:-.03em;\n line-height:1.1 !important;\n }\n\n .fml-weapon-wheel__config-copy p {\n color:var(--text-soft) !important;\n font-size:14px;\n line-height:1.72;\n }\n\n .fml-weapon-wheel__config-code {\n overflow:hidden;\n border:1px solid var(--border);\n border-radius:7px;\n background:#020c13;\n }\n\n .fml-weapon-wheel__code-head {\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:16px;\n min-height:43px;\n padding:0 16px;\n border-bottom:1px solid var(--border);\n background:rgba(255,255,255,.025);\n }\n\n .fml-weapon-wheel__code-head span {\n color:var(--text-muted);\n font-size:9px;\n font-weight:850;\n letter-spacing:.1em;\n text-transform:uppercase;\n }\n\n .fml-weapon-wheel__code-head strong {\n color:var(--accent);\n font-size:9px;\n font-weight:900;\n letter-spacing:.08em;\n }\n\n .fml-weapon-wheel__code-body {\n padding:25px;\n color:rgba(255,255,255,.78);\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n font-size:12px;\n line-height:1.9;\n overflow-wrap:anywhere;\n }\n\n .fml-weapon-wheel__code-body .fml-code-accent {\n color:var(--accent);\n }\n\n .fml-weapon-wheel__code-body .fml-code-green {\n color:var(--success);\n }\n\n .fml-weapon-wheel__code-body .fml-code-muted {\n color:rgba(255,255,255,.34);\n }\n\n \/* =========================================================\n TECHNICAL SPECS\n ========================================================= *\/\n\n .fml-weapon-wheel__specs {\n margin-top:36px;\n overflow:hidden;\n border:1px solid var(--border);\n border-radius:7px;\n background:var(--surface);\n }\n\n .fml-weapon-wheel__specs-head {\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:20px;\n min-height:48px;\n padding:0 18px;\n border-bottom:1px solid var(--border);\n background:rgba(255,255,255,.025);\n }\n\n .fml-weapon-wheel__specs-head strong {\n color:var(--accent);\n font-size:9px;\n font-weight:900;\n letter-spacing:.11em;\n text-transform:uppercase;\n }\n\n .fml-weapon-wheel__specs-head span {\n color:var(--text-muted);\n font-size:9px;\n font-weight:800;\n letter-spacing:.08em;\n text-transform:uppercase;\n }\n\n .fml-weapon-wheel__spec-grid {\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n }\n\n .fml-weapon-wheel__spec {\n display:grid;\n grid-template-columns:minmax(120px,.42fr) minmax(0,.58fr);\n gap:18px;\n align-items:center;\n min-width:0;\n padding:17px 19px;\n border-right:1px solid var(--border-soft);\n border-bottom:1px solid var(--border-soft);\n }\n\n .fml-weapon-wheel__spec:nth-child(2n) {\n border-right:0;\n }\n\n .fml-weapon-wheel__spec:nth-last-child(-n + 2) {\n border-bottom:0;\n }\n\n .fml-weapon-wheel__spec dt {\n color:var(--text-muted);\n font-size:10px;\n font-weight:850;\n letter-spacing:.075em;\n text-transform:uppercase;\n }\n\n .fml-weapon-wheel__spec dd {\n color:var(--text);\n font-size:13px;\n font-weight:800;\n }\n\n .fml-weapon-wheel__spec dd em {\n color:var(--success);\n font-style:normal;\n }\n\n \/* =========================================================\n INSTALLATION\n ========================================================= *\/\n\n .fml-weapon-wheel__install {\n margin-top:36px;\n overflow:hidden;\n border:1px solid var(--border);\n border-left:3px solid var(--accent);\n border-radius:7px;\n background:var(--surface);\n }\n\n .fml-weapon-wheel__install-head {\n padding:15px 20px;\n border-bottom:1px solid var(--border);\n color:var(--accent);\n font-size:9px;\n font-weight:900;\n letter-spacing:.11em;\n text-transform:uppercase;\n }\n\n .fml-weapon-wheel__install-list {\n display:grid;\n grid-template-columns:repeat(3,minmax(0,1fr));\n list-style:none;\n counter-reset:install-step;\n }\n\n .fml-weapon-wheel__install-list li {\n min-width:0;\n padding:22px;\n border-right:1px solid var(--border-soft);\n counter-increment:install-step;\n }\n\n .fml-weapon-wheel__install-list li:last-child {\n border-right:0;\n }\n\n .fml-weapon-wheel__install-list li::before {\n content:\"0\" counter(install-step);\n display:block;\n margin-bottom:23px;\n color:var(--accent);\n font-size:10px;\n font-weight:950;\n }\n\n .fml-weapon-wheel__install-list strong {\n display:block;\n margin-bottom:7px;\n color:var(--text);\n font-size:14px;\n font-weight:900;\n }\n\n .fml-weapon-wheel__install-list span {\n display:block;\n color:var(--text-soft);\n font-size:13px;\n line-height:1.6;\n }\n\n .fml-weapon-wheel code {\n padding:2px 6px;\n border:1px solid rgba(255,215,0,.20);\n border-radius:4px;\n background:rgba(255,215,0,.06);\n color:var(--accent);\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n font-size:.92em;\n }\n\n \/* =========================================================\n FAQ\n ========================================================= *\/\n\n .fml-weapon-wheel__faq {\n display:grid;\n gap:10px;\n margin-top:36px;\n }\n\n .fml-weapon-wheel__faq details {\n overflow:hidden;\n border:1px solid var(--border);\n border-radius:7px;\n background:var(--surface);\n }\n\n .fml-weapon-wheel__faq summary {\n position:relative;\n padding:19px 54px 19px 20px;\n color:var(--text);\n font-size:14px;\n font-weight:900;\n cursor:pointer;\n list-style:none;\n }\n\n .fml-weapon-wheel__faq summary::-webkit-details-marker {\n display:none;\n }\n\n .fml-weapon-wheel__faq summary::after {\n content:\"+\";\n position:absolute;\n top:50%;\n right:20px;\n color:var(--accent);\n font-size:23px;\n font-weight:500;\n line-height:1;\n transform:translateY(-50%);\n }\n\n .fml-weapon-wheel__faq details[open] summary::after {\n content:\"−\";\n }\n\n .fml-weapon-wheel__faq details[open] summary {\n border-bottom:1px solid var(--border-soft);\n }\n\n .fml-weapon-wheel__faq p {\n padding:18px 20px 21px;\n color:var(--text-soft) !important;\n font-size:13px;\n line-height:1.7;\n }\n\n \/* =========================================================\n FINAL CTA\n ========================================================= *\/\n\n .fml-weapon-wheel__cta {\n position:relative;\n display:grid;\n grid-template-columns:minmax(0,1fr) auto;\n gap:30px;\n align-items:center;\n overflow:hidden;\n margin-top:58px;\n padding:clamp(28px,5vw,48px);\n border:1px solid var(--accent-border);\n border-radius:9px;\n background:\n radial-gradient(\n circle at 88% 0,\n rgba(255,215,0,.16),\n transparent 31%\n ),\n linear-gradient(\n 120deg,\n #071f30,\n #03131f\n );\n }\n\n .fml-weapon-wheel__cta::before {\n content:\"\";\n position:absolute;\n bottom:0;\n left:0;\n width:42%;\n height:2px;\n background:var(--accent);\n box-shadow:0 0 20px rgba(255,215,0,.34);\n }\n\n .fml-weapon-wheel__cta small {\n display:block;\n margin-bottom:10px;\n color:var(--accent);\n font-size:9px;\n font-weight:900;\n letter-spacing:.12em;\n text-transform:uppercase;\n }\n\n .fml-weapon-wheel__cta h2 {\n max-width:800px;\n color:var(--text) !important;\n font-size:clamp(27px,3.6vw,43px) !important;\n font-weight:950 !important;\n letter-spacing:-.04em;\n line-height:1.05 !important;\n text-wrap:balance;\n }\n\n .fml-weapon-wheel__cta p {\n max-width:780px;\n margin-top:12px !important;\n color:var(--text-soft) !important;\n font-size:14px;\n line-height:1.7;\n }\n\n .fml-weapon-wheel__cta-actions {\n display:grid;\n min-width:220px;\n gap:10px;\n }\n\n .fml-weapon-wheel__cta-actions .fml-weapon-wheel__button {\n width:100%;\n }\n\n .fml-weapon-wheel__source {\n margin-top:16px;\n color:var(--text-muted);\n font-size:11px;\n text-align:center;\n }\n\n .fml-weapon-wheel__source a {\n color:var(--text-soft) !important;\n text-decoration:underline;\n text-decoration-color:var(--accent-border);\n text-underline-offset:4px;\n }\n\n \/* =========================================================\n RESPONSIVE\n ========================================================= *\/\n\n @media (max-width:1050px) {\n .fml-weapon-wheel__hero {\n grid-template-columns:1fr;\n }\n\n .fml-weapon-wheel__media,\n .fml-weapon-wheel__media img {\n min-height:430px;\n }\n\n .fml-weapon-wheel__features {\n grid-template-columns:repeat(2,minmax(0,1fr));\n }\n\n .fml-weapon-wheel__workflow,\n .fml-weapon-wheel__config {\n grid-template-columns:1fr;\n }\n }\n\n @media (max-width:820px) {\n .fml-weapon-wheel__section-head {\n grid-template-columns:1fr;\n gap:12px;\n }\n\n .fml-weapon-wheel__install-list {\n grid-template-columns:1fr;\n }\n\n .fml-weapon-wheel__install-list li {\n border-right:0;\n border-bottom:1px solid var(--border-soft);\n }\n\n .fml-weapon-wheel__install-list li:last-child {\n border-bottom:0;\n }\n\n .fml-weapon-wheel__cta {\n grid-template-columns:1fr;\n }\n\n .fml-weapon-wheel__cta-actions {\n min-width:0;\n }\n }\n\n @media (max-width:620px) {\n .fml-weapon-wheel {\n padding-top:8px;\n }\n\n .fml-weapon-wheel__hero {\n gap:24px;\n padding:25px 18px;\n }\n\n .fml-weapon-wheel__title {\n font-size:36px !important;\n }\n\n .fml-weapon-wheel__actions {\n flex-direction:column;\n }\n\n .fml-weapon-wheel__button {\n width:100%;\n }\n\n .fml-weapon-wheel__quick,\n .fml-weapon-wheel__features,\n .fml-weapon-wheel__spec-grid {\n grid-template-columns:1fr;\n }\n\n .fml-weapon-wheel__media,\n .fml-weapon-wheel__media img {\n min-height:300px;\n }\n\n .fml-weapon-wheel__spec {\n grid-template-columns:1fr;\n gap:5px;\n border-right:0;\n }\n\n .fml-weapon-wheel__spec:nth-last-child(-n + 2) {\n border-bottom:1px solid var(--border-soft);\n }\n\n .fml-weapon-wheel__spec:last-child {\n border-bottom:0;\n }\n\n .fml-weapon-wheel__steps li {\n grid-template-columns:38px minmax(0,1fr);\n padding:18px;\n }\n\n .fml-weapon-wheel__saved-item {\n align-items:flex-start;\n flex-direction:column;\n gap:5px;\n }\n\n .fml-weapon-wheel__config-copy,\n .fml-weapon-wheel__code-body {\n padding:20px;\n }\n\n .fml-weapon-wheel__cta {\n padding:27px 19px;\n }\n }\n\n @media (prefers-reduced-motion:reduce) {\n .fml-weapon-wheel *,\n .fml-weapon-wheel *::before,\n .fml-weapon-wheel *::after {\n scroll-behavior:auto !important;\n transition-duration:.01ms !important;\n animation-duration:.01ms !important;\n }\n }\n\u003c\/style\u003e\n\u003carticle class=\"fml-weapon-wheel\"\u003e\u003c!-- =======================================================\n HERO\n ======================================================= --\u003e\n\u003csection class=\"fml-weapon-wheel__hero\"\u003e\n\u003cdiv class=\"fml-weapon-wheel__hero-copy\"\u003e\n\u003cdiv class=\"fml-weapon-wheel__eyebrow\"\u003e\n\u003cspan class=\"fml-weapon-wheel__pill fml-weapon-wheel__pill--accent\"\u003e Free Resource \u003c\/span\u003e \u003cspan class=\"fml-weapon-wheel__pill\"\u003e Standalone \u003c\/span\u003e \u003cspan class=\"fml-weapon-wheel__pill\"\u003e No Dependencies \u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"fml-weapon-wheel__title\"\u003ePersistent Weapon Wheel for FiveM\u003c\/h2\u003e\n\u003cp class=\"fml-weapon-wheel__lead\"\u003eKeep player loadouts available across reconnects, deaths and server restarts. This \u003cstrong\u003efree standalone FiveM weapon wheel script\u003c\/strong\u003e preserves weapons, ammunition and supported attachments without requiring ESX, QBCore, QBox or another framework.\u003c\/p\u003e\n\u003cdiv class=\"fml-weapon-wheel__actions\"\u003e\n\u003ca class=\"fml-weapon-wheel__button fml-weapon-wheel__button--primary\" href=\"https:\/\/zinc-scripts.tebex.io\/category\/free-scripts\" rel=\"noopener noreferrer\" target=\"_blank\"\u003e Get Free Script \u003cspan\u003e↗\u003c\/span\u003e \u003c\/a\u003e \u003ca class=\"fml-weapon-wheel__button\" href=\"https:\/\/discord.gg\/jGa25GbPjQ\" rel=\"noopener noreferrer\" target=\"_blank\"\u003e Support Discord \u003cspan\u003e↗\u003c\/span\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fml-weapon-wheel__quick\"\u003e\n\u003cdiv class=\"fml-weapon-wheel__quick-item\"\u003e\n\u003cstrong\u003eNo Framework\u003c\/strong\u003e \u003cspan\u003eRuns as a standalone FiveM resource\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fml-weapon-wheel__quick-item\"\u003e\n\u003cstrong\u003ePersistent Loadout\u003c\/strong\u003e \u003cspan\u003eWeapons, ammo and attachments retained\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fml-weapon-wheel__quick-item\"\u003e\n\u003cstrong\u003eConfigurable\u003c\/strong\u003e \u003cspan\u003eChange the key and available weapons\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fml-weapon-wheel__media\"\u003e\n\u003cspan class=\"fml-weapon-wheel__media-label\"\u003e Free Standalone Script \u003c\/span\u003e \u003c!-- Replace this URL with a Shopify CDN image when available --\u003e \u003cimg src=\"https:\/\/forum-cfx-re.akamaized.net\/original\/5X\/9\/e\/0\/9\/9e09917f8a11abe2b8e327a033d828f905e1fea6.jpeg\" alt=\"Persistent Weapon Wheel standalone script for FiveM\" loading=\"lazy\" width=\"790\" height=\"790\"\u003e\n\u003cdiv class=\"fml-weapon-wheel__media-info\"\u003e\n\u003csmall\u003e Persistent equipment system \u003c\/small\u003e \u003cstrong\u003e Save the loadout. Keep the continuity. \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =======================================================\n CORE FEATURES\n ======================================================= --\u003e\n\u003csection class=\"fml-weapon-wheel__section\"\u003e\n\u003cdiv class=\"fml-weapon-wheel__section-head\"\u003e\n\u003cdiv class=\"fml-weapon-wheel__section-index\"\u003e01 \/ Features\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"fml-weapon-wheel__kicker\"\u003eBuilt for persistent roleplay\u003c\/div\u003e\n\u003ch2 class=\"fml-weapon-wheel__section-title\"\u003eStop rebuilding the same loadout after every restart.\u003c\/h2\u003e\n\u003cp class=\"fml-weapon-wheel__section-copy\"\u003eThe script adds persistence to the familiar FiveM weapon wheel. Players can return to the server with their previous equipment still available, helping character inventory feel continuous between sessions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fml-weapon-wheel__features\"\u003e\n\u003carticle class=\"fml-weapon-wheel__feature\"\u003e\u003cspan class=\"fml-weapon-wheel__feature-number\"\u003e 01 \u003c\/span\u003e\n\u003ch3\u003ePersistent Weapons\u003c\/h3\u003e\n\u003cp\u003ePlayer weapons remain saved when they disconnect and return later or when the entire server restarts.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"fml-weapon-wheel__feature\"\u003e\u003cspan class=\"fml-weapon-wheel__feature-number\"\u003e 02 \u003c\/span\u003e\n\u003ch3\u003eAmmo Preservation\u003c\/h3\u003e\n\u003cp\u003eStored loadout data includes ammunition, helping players return with the same equipment state they previously had.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"fml-weapon-wheel__feature\"\u003e\u003cspan class=\"fml-weapon-wheel__feature-number\"\u003e 03 \u003c\/span\u003e\n\u003ch3\u003eAttachment Support\u003c\/h3\u003e\n\u003cp\u003eSupported weapon components, including attachments such as scopes or suppressors, remain connected to the saved loadout.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"fml-weapon-wheel__feature\"\u003e\u003cspan class=\"fml-weapon-wheel__feature-number\"\u003e 04 \u003c\/span\u003e\n\u003ch3\u003eStandalone Operation\u003c\/h3\u003e\n\u003cp\u003eNo ESX, QBCore or QBox installation is required. The resource is designed to run without an additional framework dependency.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =======================================================\n HOW IT WORKS\n ======================================================= --\u003e\n\u003csection class=\"fml-weapon-wheel__section\"\u003e\n\u003cdiv class=\"fml-weapon-wheel__section-head\"\u003e\n\u003cdiv class=\"fml-weapon-wheel__section-index\"\u003e02 \/ Workflow\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"fml-weapon-wheel__kicker\"\u003eFamiliar controls, persistent results\u003c\/div\u003e\n\u003ch2 class=\"fml-weapon-wheel__section-title\"\u003eOpen the wheel, select the equipment and return without starting over.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fml-weapon-wheel__workflow\"\u003e\n\u003col class=\"fml-weapon-wheel__steps\"\u003e\n\u003cli\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eOpen the weapon wheel\u003c\/strong\u003e \u003cspan\u003e Press \u003ccode\u003eY\u003c\/code\u003e by default, or assign another control through the supplied configuration. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eSelect the required weapon\u003c\/strong\u003e \u003cspan\u003e Move through the configured selection using a familiar radial weapon-wheel experience. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eLeave or restart the server\u003c\/strong\u003e \u003cspan\u003e The resource preserves the player's saved weapon loadout across reconnects and complete server restarts. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eReturn with the loadout intact\u003c\/strong\u003e \u003cspan\u003e Weapons, ammunition and supported attachments remain available instead of requiring the player to rebuild everything manually. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003caside class=\"fml-weapon-wheel__saved\"\u003e\n\u003cdiv class=\"fml-weapon-wheel__saved-head\"\u003e\n\u003csmall\u003e \/\/ Persistent data \u003c\/small\u003e\n\u003ch3\u003eWhat stays saved?\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fml-weapon-wheel__saved-list\"\u003e\n\u003cdiv class=\"fml-weapon-wheel__saved-item\"\u003e\n\u003cspan\u003ePlayer weapons\u003c\/span\u003e \u003cstrong\u003ePreserved\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fml-weapon-wheel__saved-item\"\u003e\n\u003cspan\u003eCurrent ammunition\u003c\/span\u003e \u003cstrong\u003ePreserved\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fml-weapon-wheel__saved-item\"\u003e\n\u003cspan\u003eSupported attachments\u003c\/span\u003e \u003cstrong\u003ePreserved\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fml-weapon-wheel__saved-item\"\u003e\n\u003cspan\u003eLoadout after reconnect\u003c\/span\u003e \u003cstrong\u003eRestored\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fml-weapon-wheel__saved-item\"\u003e\n\u003cspan\u003eLoadout after server restart\u003c\/span\u003e \u003cstrong\u003eRestored\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/aside\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =======================================================\n CONFIGURATION\n ======================================================= --\u003e\n\u003csection class=\"fml-weapon-wheel__section\"\u003e\n\u003cdiv class=\"fml-weapon-wheel__section-head\"\u003e\n\u003cdiv class=\"fml-weapon-wheel__section-index\"\u003e03 \/ Config\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"fml-weapon-wheel__kicker\"\u003eAdapt it to your server\u003c\/div\u003e\n\u003ch2 class=\"fml-weapon-wheel__section-title\"\u003eControl the wheel without rewriting the resource.\u003c\/h2\u003e\n\u003cp class=\"fml-weapon-wheel__section-copy\"\u003eThe supplied configuration allows server owners to change the wheel key and manage which weapons are available without editing the main script logic.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fml-weapon-wheel__config\"\u003e\n\u003carticle class=\"fml-weapon-wheel__config-copy\"\u003e\u003csmall\u003e \/\/ Server configuration \u003c\/small\u003e\n\u003ch3\u003eAdd, remove and organize the available equipment.\u003c\/h3\u003e\n\u003cp\u003eUse the configuration file to tailor the wheel to your server's gameplay. Keep the default \u003ccode\u003eY\u003c\/code\u003e binding or replace it with another control, then manage the weapon entries around your own roleplay rules.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003cdiv class=\"fml-weapon-wheel__config-code\"\u003e\n\u003cdiv class=\"fml-weapon-wheel__code-head\"\u003e\n\u003cspan\u003e Configuration example \u003c\/span\u003e \u003cstrong\u003e CONFIG \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fml-weapon-wheel__code-body\"\u003e\n\u003cspan class=\"fml-code-muted\"\u003e-- Example only: actual configuration names may differ\u003c\/span\u003e\u003cbr\u003e\u003cspan class=\"fml-code-accent\"\u003eConfig.OpenKey\u003c\/span\u003e = \u003cspan class=\"fml-code-green\"\u003e'Y'\u003c\/span\u003e\u003cbr\u003e\u003cbr\u003e\u003cspan class=\"fml-code-accent\"\u003eConfig.Weapons\u003c\/span\u003e = {\u003cbr\u003e  \u003cspan class=\"fml-code-green\"\u003e'WEAPON_PISTOL'\u003c\/span\u003e,\u003cbr\u003e  \u003cspan class=\"fml-code-green\"\u003e'WEAPON_SMG'\u003c\/span\u003e,\u003cbr\u003e  \u003cspan class=\"fml-code-green\"\u003e'WEAPON_CARBINERIFLE'\u003c\/span\u003e\u003cbr\u003e}\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =======================================================\n PERFORMANCE\n ======================================================= --\u003e\n\u003csection class=\"fml-weapon-wheel__section\"\u003e\n\u003cdiv class=\"fml-weapon-wheel__section-head\"\u003e\n\u003cdiv class=\"fml-weapon-wheel__section-index\"\u003e04 \/ Performance\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"fml-weapon-wheel__kicker\"\u003eNo unnecessary framework stack\u003c\/div\u003e\n\u003ch2 class=\"fml-weapon-wheel__section-title\"\u003eA focused weapon system without extra dependencies attached.\u003c\/h2\u003e\n\u003cp class=\"fml-weapon-wheel__section-copy\"\u003eThe resource is presented as lightweight and standalone. That makes it suitable for servers that need persistent weapon-wheel behavior without installing a complete inventory or framework package solely to gain that feature.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fml-weapon-wheel__features\"\u003e\n\u003carticle class=\"fml-weapon-wheel__feature\"\u003e\u003cspan class=\"fml-weapon-wheel__feature-number\"\u003e 01 \u003c\/span\u003e\n\u003ch3\u003eNo ESX\u003c\/h3\u003e\n\u003cp\u003eThe resource does not require an ESX installation to provide its persistence functionality.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"fml-weapon-wheel__feature\"\u003e\u003cspan class=\"fml-weapon-wheel__feature-number\"\u003e 02 \u003c\/span\u003e\n\u003ch3\u003eNo QBCore\u003c\/h3\u003e\n\u003cp\u003eQBCore is not listed as a dependency, allowing the script to operate outside that framework.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"fml-weapon-wheel__feature\"\u003e\u003cspan class=\"fml-weapon-wheel__feature-number\"\u003e 03 \u003c\/span\u003e\n\u003ch3\u003eNo QBox Requirement\u003c\/h3\u003e\n\u003cp\u003eThe script can be used without adding QBox or converting the resource to a framework-specific structure.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"fml-weapon-wheel__feature\"\u003e\u003cspan class=\"fml-weapon-wheel__feature-number\"\u003e 04 \u003c\/span\u003e\n\u003ch3\u003eAccessible Code\u003c\/h3\u003e\n\u003cp\u003eThe supplied release information states that the resource code is accessible and the script is not subscription-based.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =======================================================\n TECHNICAL INFORMATION\n ======================================================= --\u003e\n\u003csection class=\"fml-weapon-wheel__section\"\u003e\n\u003cdiv class=\"fml-weapon-wheel__section-head\"\u003e\n\u003cdiv class=\"fml-weapon-wheel__section-index\"\u003e05 \/ Technical\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"fml-weapon-wheel__kicker\"\u003eResource overview\u003c\/div\u003e\n\u003ch2 class=\"fml-weapon-wheel__section-title\"\u003eEverything important before adding it to your server.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fml-weapon-wheel__specs\"\u003e\n\u003cdiv class=\"fml-weapon-wheel__specs-head\"\u003e\n\u003cstrong\u003e \/\/ PERSISTENT_WEAPON_WHEEL \u003c\/strong\u003e \u003cspan\u003e Free FiveM standalone resource \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fml-weapon-wheel__spec\"\u003eResource typeFiveM weapon script\u003c\/div\u003e\n\u003cdiv class=\"fml-weapon-wheel__spec\"\u003ePrice\u003cem\u003eFree\u003c\/em\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fml-weapon-wheel__spec\"\u003eFrameworkStandalone\u003c\/div\u003e\n\u003cdiv class=\"fml-weapon-wheel__spec\"\u003eDependenciesNone listed\u003c\/div\u003e\n\u003cdiv class=\"fml-weapon-wheel__spec\"\u003eDefault keyY — configurable\u003c\/div\u003e\n\u003cdiv class=\"fml-weapon-wheel__spec\"\u003eSaved dataWeapons, ammo, attachments\u003c\/div\u003e\n\u003cdiv class=\"fml-weapon-wheel__spec\"\u003eCode accessYes\u003c\/div\u003e\n\u003cdiv class=\"fml-weapon-wheel__spec\"\u003eSubscriptionNo\u003c\/div\u003e\n\u003cdiv class=\"fml-weapon-wheel__spec\"\u003eSupportAvailable through Discord\u003c\/div\u003e\n\u003cdiv class=\"fml-weapon-wheel__spec\"\u003ePlatformFiveM\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =======================================================\n INSTALLATION\n ======================================================= --\u003e\n\u003csection class=\"fml-weapon-wheel__section\"\u003e\n\u003cdiv class=\"fml-weapon-wheel__section-head\"\u003e\n\u003cdiv class=\"fml-weapon-wheel__section-index\"\u003e06 \/ Setup\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"fml-weapon-wheel__kicker\"\u003eStandard FiveM deployment\u003c\/div\u003e\n\u003ch2 class=\"fml-weapon-wheel__section-title\"\u003eAdd the resource, configure the wheel and test the persistence.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fml-weapon-wheel__install\"\u003e\n\u003cdiv class=\"fml-weapon-wheel__install-head\"\u003e\/\/ Generic installation sequence\u003c\/div\u003e\n\u003col class=\"fml-weapon-wheel__install-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003e Add the resource \u003c\/strong\u003e \u003cspan\u003e Download the free package and place its resource folder inside your server's \u003ccode\u003eresources\u003c\/code\u003e directory. \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e Start the folder \u003c\/strong\u003e \u003cspan\u003e Add \u003ccode\u003eensure your_resource_folder\u003c\/code\u003e to \u003ccode\u003eserver.cfg\u003c\/code\u003e, replacing the placeholder with the actual downloaded folder name. \u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e Configure and test \u003c\/strong\u003e \u003cspan\u003e Review the supplied configuration, restart the server and confirm that weapons, ammunition and attachments persist correctly. \u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =======================================================\n FAQ\n ======================================================= --\u003e\n\u003csection class=\"fml-weapon-wheel__section\"\u003e\n\u003cdiv class=\"fml-weapon-wheel__section-head\"\u003e\n\u003cdiv class=\"fml-weapon-wheel__section-index\"\u003e07 \/ FAQ\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"fml-weapon-wheel__kicker\"\u003eCommon questions\u003c\/div\u003e\n\u003ch2 class=\"fml-weapon-wheel__section-title\"\u003eWhat to know before installing the script.\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fml-weapon-wheel__faq\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003eDoes the weapon wheel require ESX, QBCore or QBox?\u003c\/summary\u003e\n\u003cp\u003eNo. The supplied release describes the resource as fully standalone with no framework dependency.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eWhat information remains persistent?\u003c\/summary\u003e\n\u003cp\u003eThe script is designed to retain player weapons, ammunition and supported weapon attachments across reconnects and server restarts.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eCan the weapon-wheel key be changed?\u003c\/summary\u003e\n\u003cp\u003eYes. The default control is \u003ccode\u003eY\u003c\/code\u003e, and the release states that server owners can change the assigned key.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eCan weapons be added or removed?\u003c\/summary\u003e\n\u003cp\u003eYes. The available weapon selection can be managed through the supplied configuration without editing the core script logic.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eIs the script really free?\u003c\/summary\u003e\n\u003cp\u003eYes. The release is listed as free and can be obtained from the seller's free-scripts category.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eIs the code accessible?\u003c\/summary\u003e\n\u003cp\u003eYes. The technical information supplied with the release lists code access as available and confirms that the resource is not subscription-based.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =======================================================\n FINAL CTA\n ======================================================= --\u003e\n\u003csection class=\"fml-weapon-wheel__cta\"\u003e\n\u003cdiv\u003e\n\u003csmall\u003e Free standalone FiveM script \u003c\/small\u003e\n\u003ch2\u003eGive player loadouts continuity between every session.\u003c\/h2\u003e\n\u003cp\u003eAdd persistent weapons, ammunition and attachments without installing an entire framework. Configure the selection, choose the control and let players return with the equipment their character already owned.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"fml-weapon-wheel__cta-actions\"\u003e\n\u003ca class=\"fml-weapon-wheel__button fml-weapon-wheel__button--primary\" href=\"https:\/\/zinc-scripts.tebex.io\/category\/free-scripts\" rel=\"noopener noreferrer\" target=\"_blank\"\u003e Get It Free \u003cspan\u003e↗\u003c\/span\u003e \u003c\/a\u003e \u003ca class=\"fml-weapon-wheel__button\" href=\"https:\/\/discord.gg\/jGa25GbPjQ\" rel=\"noopener noreferrer\" target=\"_blank\"\u003e Get Support \u003cspan\u003e↗\u003c\/span\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cp class=\"fml-weapon-wheel__source\"\u003eOriginal release: \u003ca href=\"https:\/\/forum.cfx.re\/t\/free-standalone-weapon-wheel-saver\/5424250\" rel=\"noopener noreferrer\" target=\"_blank\"\u003e View the Cfx.re topic \u003c\/a\u003e\u003c\/p\u003e\n\u003c\/article\u003e","brand":"Zinc Scripts","offers":[{"title":"Default Title","offer_id":45766164414573,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/WeaponWheelSaver.jpg?v=1788369419"},{"product_id":"cfx-5424259-5code-loadouts-police-armory-and-loadout-system-qbcore-qbox-esx-paid","title":"Police Armory \u0026 Loadout System","description":"\u003cstyle\u003e\n \/* =========================================================\n FIVEM-LAB — 5CODE LOADOUTS\n POLICE ARMORY \/ LOADOUT MANAGEMENT \/ MULTI-FRAMEWORK\n ========================================================= *\/\n\n .fml-5code {\n --gold:#ffd700;\n --white:#ffffff;\n --black:#050505;\n --text:rgba(255,255,255,.92);\n --muted:rgba(255,255,255,.66);\n --dim:rgba(255,255,255,.42);\n --line:rgba(255,255,255,.10);\n --line-soft:rgba(255,255,255,.055);\n --gold-line:rgba(255,215,0,.34);\n --panel:rgba(255,255,255,.022);\n --green:#67e8a5;\n\n width:100%;\n max-width:1180px;\n margin:0 auto;\n padding:18px 0 88px;\n\n color:var(--text);\n background:transparent;\n\n font-family:inherit;\n font-size:16px;\n line-height:1.7;\n }\n\n .fml-5code,\n .fml-5code *,\n .fml-5code *::before,\n .fml-5code *::after {\n box-sizing:border-box;\n }\n\n .fml-5code h2,\n .fml-5code h3,\n .fml-5code p,\n .fml-5code dl,\n .fml-5code dt,\n .fml-5code dd,\n .fml-5code ol {\n margin:0;\n }\n\n .fml-5code ol {\n padding:0;\n }\n\n .fml-5code a {\n color:inherit;\n }\n\n .fml-5code ::selection {\n color:var(--black);\n background:var(--gold);\n }\n\n \/* HERO *\/\n\n .fml-5code__hero {\n position:relative;\n isolation:isolate;\n overflow:hidden;\n\n padding:clamp(36px,6vw,78px);\n\n border:1px solid var(--line);\n border-top-color:var(--gold-line);\n border-radius:7px;\n\n background:\n radial-gradient(\n circle at 92% 6%,\n rgba(255,215,0,.14),\n transparent 30%\n ),\n linear-gradient(\n 135deg,\n rgba(255,215,0,.035),\n transparent 46%\n ),\n rgba(0,0,0,.18);\n }\n\n .fml-5code__hero::before {\n content:\"\";\n position:absolute;\n top:0;\n left:0;\n\n width:min(420px,68%);\n height:2px;\n\n background:var(--gold);\n box-shadow:0 0 24px rgba(255,215,0,.34);\n }\n\n .fml-5code__hero::after {\n content:\"5CODE \/ POLICE ARMORY \/ LOADOUT SYSTEM\";\n position:absolute;\n top:20px;\n right:22px;\n\n color:rgba(255,255,255,.15);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:850;\n letter-spacing:.16em;\n text-transform:uppercase;\n }\n\n .fml-5code__eyebrow {\n display:flex;\n flex-wrap:wrap;\n gap:8px 16px;\n align-items:center;\n\n margin-bottom:24px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:900;\n letter-spacing:.15em;\n text-transform:uppercase;\n }\n\n .fml-5code__eyebrow span + span {\n color:var(--dim);\n }\n\n .fml-5code__eyebrow span + span::before {\n content:\"\/\";\n margin-right:16px;\n color:var(--gold);\n }\n\n .fml-5code__title {\n max-width:1000px;\n margin:0 !important;\n\n color:var(--white) !important;\n\n font-size:clamp(40px,5.7vw,72px) !important;\n font-weight:950 !important;\n letter-spacing:-.052em;\n line-height:.96 !important;\n\n text-wrap:balance;\n }\n\n .fml-5code__hero-copy {\n max-width:900px;\n margin-top:28px !important;\n\n color:var(--muted) !important;\n\n font-size:clamp(18px,1.9vw,23px);\n font-weight:600;\n line-height:1.56;\n }\n\n .fml-5code__hero-copy strong {\n color:var(--white);\n }\n\n .fml-5code__badges {\n display:flex;\n flex-wrap:wrap;\n gap:10px;\n\n margin-top:34px;\n }\n\n .fml-5code__badge {\n display:inline-flex;\n align-items:center;\n\n min-height:38px;\n padding:0 14px;\n\n color:var(--white);\n background:rgba(255,255,255,.025);\n\n border:1px solid var(--line);\n border-radius:3px;\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.09em;\n text-transform:uppercase;\n }\n\n .fml-5code__badge--gold {\n color:var(--black);\n background:var(--gold);\n border-color:var(--gold);\n }\n\n .fml-5code__meta {\n display:flex;\n flex-wrap:wrap;\n gap:10px 26px;\n\n margin-top:30px;\n padding-top:22px;\n\n border-top:1px solid var(--line);\n }\n\n .fml-5code__meta span {\n position:relative;\n padding-left:17px;\n\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:850;\n letter-spacing:.10em;\n text-transform:uppercase;\n }\n\n .fml-5code__meta span::before {\n content:\"\";\n position:absolute;\n top:.7em;\n left:0;\n\n width:7px;\n height:1px;\n\n background:var(--gold);\n }\n\n \/* GENERAL *\/\n\n .fml-5code__section {\n padding:clamp(56px,8vw,94px) 0;\n border-bottom:1px solid var(--line);\n }\n\n .fml-5code__head {\n display:grid;\n grid-template-columns:minmax(126px,.26fr) minmax(0,1fr);\n gap:clamp(28px,5vw,72px);\n align-items:start;\n }\n\n .fml-5code__index {\n padding-top:8px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:900;\n letter-spacing:.12em;\n text-transform:uppercase;\n }\n\n .fml-5code__kicker {\n margin-bottom:14px;\n\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:850;\n letter-spacing:.14em;\n text-transform:uppercase;\n }\n\n .fml-5code__section-title {\n max-width:950px;\n margin:0 !important;\n\n color:var(--white) !important;\n\n font-size:clamp(30px,4vw,48px) !important;\n font-weight:950 !important;\n letter-spacing:-.04em;\n line-height:1.04 !important;\n\n text-wrap:balance;\n }\n\n .fml-5code__intro {\n max-width:900px;\n margin-top:22px !important;\n\n color:var(--muted) !important;\n\n font-size:clamp(16px,1.5vw,19px);\n line-height:1.75;\n }\n\n .fml-5code__statement {\n display:grid;\n grid-template-columns:minmax(0,1fr) auto;\n gap:clamp(28px,5vw,72px);\n align-items:end;\n\n margin-top:clamp(34px,5vw,58px);\n padding-top:30px;\n\n border-top:1px solid var(--line);\n }\n\n .fml-5code__statement p {\n max-width:860px;\n\n color:var(--text) !important;\n\n font-size:clamp(18px,2vw,24px);\n font-weight:650;\n line-height:1.5;\n }\n\n .fml-5code__code {\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:900;\n letter-spacing:.12em;\n white-space:nowrap;\n }\n\n \/* MEDIA *\/\n\n .fml-5code__media {\n margin-top:clamp(40px,6vw,64px);\n overflow:hidden;\n\n border:1px solid var(--line);\n border-radius:6px;\n\n background:#050b11;\n }\n\n .fml-5code__media img {\n display:block;\n width:100%;\n height:auto;\n }\n\n \/* CARDS *\/\n\n .fml-5code__grid {\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:14px;\n\n margin-top:clamp(40px,6vw,64px);\n }\n\n .fml-5code__card {\n position:relative;\n overflow:hidden;\n\n min-width:0;\n padding:clamp(24px,3vw,32px);\n\n border:1px solid var(--line);\n border-radius:4px;\n\n background:var(--panel);\n\n transition:\n transform 180ms ease,\n border-color 180ms ease,\n background 180ms ease;\n }\n\n .fml-5code__card::before {\n content:\"\";\n position:absolute;\n top:0;\n left:0;\n\n width:0;\n height:1px;\n\n background:var(--gold);\n\n transition:width 220ms ease;\n }\n\n .fml-5code__card:hover {\n transform:translateY(-2px);\n border-color:var(--gold-line);\n background:rgba(255,255,255,.038);\n }\n\n .fml-5code__card:hover::before {\n width:100%;\n }\n\n .fml-5code__card-top {\n display:flex;\n gap:14px;\n justify-content:space-between;\n\n margin-bottom:28px;\n }\n\n .fml-5code__number {\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:950;\n }\n\n .fml-5code__label {\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:8px;\n font-weight:800;\n letter-spacing:.09em;\n text-align:right;\n text-transform:uppercase;\n }\n\n .fml-5code__card h3 {\n margin:0 0 12px !important;\n\n color:var(--white) !important;\n\n font-size:clamp(20px,2vw,26px) !important;\n font-weight:950 !important;\n letter-spacing:-.03em;\n line-height:1.15 !important;\n }\n\n .fml-5code__card p {\n color:var(--muted) !important;\n\n font-size:14px;\n line-height:1.7;\n }\n\n \/* DEPOSIT FLOW *\/\n\n .fml-5code__flow {\n display:grid;\n grid-template-columns:repeat(3,minmax(0,1fr));\n gap:14px;\n\n margin-top:clamp(40px,6vw,64px);\n }\n\n .fml-5code__flow-item {\n position:relative;\n min-width:0;\n padding:24px;\n\n border:1px solid var(--line);\n border-top-color:var(--gold-line);\n border-radius:4px;\n\n background:var(--panel);\n }\n\n .fml-5code__flow-item span {\n display:block;\n margin-bottom:26px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n }\n\n .fml-5code__flow-item h3 {\n margin:0 0 9px !important;\n\n color:var(--white) !important;\n\n font-size:18px !important;\n font-weight:900 !important;\n }\n\n .fml-5code__flow-item p {\n color:var(--muted) !important;\n\n font-size:13px;\n line-height:1.65;\n }\n\n \/* COMPATIBILITY *\/\n\n .fml-5code__terminal {\n margin-top:clamp(40px,6vw,66px);\n overflow:hidden;\n\n border:1px solid var(--gold-line);\n border-radius:4px;\n\n background:\n linear-gradient(\n 180deg,\n rgba(255,215,0,.026),\n transparent 30%\n ),\n rgba(0,0,0,.20);\n }\n\n .fml-5code__terminal-head {\n display:flex;\n flex-wrap:wrap;\n gap:10px 24px;\n justify-content:space-between;\n\n padding:14px 18px;\n\n border-bottom:1px solid var(--line);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.09em;\n text-transform:uppercase;\n }\n\n .fml-5code__terminal-head strong {\n color:var(--gold);\n }\n\n .fml-5code__terminal-head span {\n color:var(--dim);\n }\n\n .fml-5code__spec-grid {\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n }\n\n .fml-5code__spec {\n min-width:0;\n padding:clamp(24px,4vw,34px);\n\n border-right:1px solid var(--line);\n border-bottom:1px solid var(--line);\n }\n\n .fml-5code__spec:nth-child(2n) {\n border-right:0;\n }\n\n .fml-5code__spec:nth-last-child(-n + 2) {\n border-bottom:0;\n }\n\n .fml-5code__spec dt {\n margin-bottom:12px;\n\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:8px;\n font-weight:900;\n letter-spacing:.12em;\n text-transform:uppercase;\n }\n\n .fml-5code__spec-value {\n display:block;\n\n color:var(--white);\n\n font-size:clamp(19px,2.4vw,29px);\n font-weight:950;\n letter-spacing:-.035em;\n line-height:1.1;\n }\n\n .fml-5code__spec:first-child\n .fml-5code__spec-value {\n color:var(--gold);\n }\n\n .fml-5code__spec-copy {\n display:block;\n margin-top:10px;\n\n color:var(--muted);\n\n font-size:12px;\n line-height:1.58;\n }\n\n \/* ADMIN *\/\n\n .fml-5code__admin {\n display:grid;\n grid-template-columns:minmax(0,1fr) 230px;\n gap:clamp(30px,7vw,90px);\n align-items:stretch;\n\n margin-top:clamp(40px,6vw,64px);\n }\n\n .fml-5code__admin-copy {\n display:flex;\n flex-direction:column;\n justify-content:center;\n gap:18px;\n }\n\n .fml-5code__admin-copy p {\n color:var(--muted) !important;\n\n font-size:16px;\n line-height:1.75;\n }\n\n .fml-5code__admin-panel {\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n\n min-height:230px;\n padding:20px;\n\n border:1px solid var(--gold-line);\n border-radius:4px;\n\n background:\n linear-gradient(\n 145deg,\n rgba(255,215,0,.07),\n transparent 62%\n ),\n rgba(0,0,0,.15);\n }\n\n .fml-5code__admin-panel small {\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:8px;\n font-weight:900;\n letter-spacing:.11em;\n line-height:1.5;\n text-transform:uppercase;\n }\n\n .fml-5code__admin-panel strong {\n color:var(--gold);\n\n font-size:clamp(25px,3.5vw,40px);\n font-weight:950;\n letter-spacing:-.045em;\n line-height:1;\n }\n\n \/* LINKS *\/\n\n .fml-5code__links {\n display:flex;\n flex-wrap:wrap;\n gap:14px;\n\n margin-top:30px;\n }\n\n .fml-5code__link {\n display:inline-flex;\n align-items:center;\n gap:12px;\n\n min-height:44px;\n padding:0 17px;\n\n color:var(--white) !important;\n background:rgba(255,255,255,.025);\n\n border:1px solid var(--line);\n border-radius:4px;\n\n font-size:11px;\n font-weight:850;\n letter-spacing:.04em;\n text-decoration:none !important;\n text-transform:uppercase;\n\n transition:\n border-color 180ms ease,\n color 180ms ease,\n background 180ms ease,\n transform 180ms ease;\n }\n\n .fml-5code__link:hover {\n color:var(--gold) !important;\n border-color:var(--gold-line);\n background:rgba(255,215,0,.035);\n transform:translateY(-2px);\n }\n\n .fml-5code__link--gold {\n color:var(--black) !important;\n background:var(--gold);\n border-color:var(--gold);\n }\n\n .fml-5code__link--gold:hover {\n color:var(--black) !important;\n background:var(--gold);\n border-color:var(--gold);\n }\n\n \/* CLOSING *\/\n\n .fml-5code__closing {\n position:relative;\n overflow:hidden;\n\n margin-top:clamp(64px,9vw,110px);\n padding:clamp(40px,7vw,80px);\n\n border-top:1px solid var(--gold-line);\n border-bottom:1px solid var(--line);\n\n background:\n radial-gradient(\n circle at 100% 0,\n rgba(255,215,0,.12),\n transparent 34%\n ),\n rgba(255,255,255,.012);\n }\n\n .fml-5code__closing-label {\n margin-bottom:20px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.13em;\n text-transform:uppercase;\n }\n\n .fml-5code__closing h2 {\n max-width:940px;\n margin:0 !important;\n\n color:var(--white) !important;\n\n font-size:clamp(31px,4.5vw,53px) !important;\n font-weight:950 !important;\n letter-spacing:-.045em;\n line-height:1.03 !important;\n\n text-wrap:balance;\n }\n\n .fml-5code__closing p {\n max-width:900px;\n margin-top:22px !important;\n\n color:var(--muted) !important;\n\n font-size:16px;\n line-height:1.75;\n }\n\n .fml-5code__final {\n margin-top:clamp(46px,7vw,76px);\n\n color:var(--white);\n\n font-size:clamp(26px,3.8vw,45px);\n font-weight:950;\n letter-spacing:-.043em;\n line-height:1.08;\n text-align:center;\n\n text-wrap:balance;\n }\n\n .fml-5code__final em {\n color:var(--gold);\n font-style:normal;\n }\n\n \/* RESPONSIVE *\/\n\n @media (max-width:1000px) {\n .fml-5code__flow {\n grid-template-columns:1fr;\n }\n }\n\n @media (max-width:900px) {\n .fml-5code__head {\n grid-template-columns:1fr;\n gap:16px;\n }\n\n .fml-5code__admin {\n grid-template-columns:1fr;\n }\n\n .fml-5code__admin-panel {\n min-height:auto;\n flex-direction:row;\n gap:24px;\n align-items:center;\n }\n }\n\n @media (max-width:680px) {\n .fml-5code {\n padding-top:8px;\n }\n\n .fml-5code__hero {\n padding:31px 21px 34px;\n }\n\n .fml-5code__hero::after {\n display:none;\n }\n\n .fml-5code__eyebrow {\n display:grid;\n gap:6px;\n }\n\n .fml-5code__eyebrow span + span::before {\n display:none;\n }\n\n .fml-5code__statement,\n .fml-5code__grid,\n .fml-5code__spec-grid {\n grid-template-columns:1fr;\n }\n\n .fml-5code__code {\n white-space:normal;\n }\n\n .fml-5code__spec {\n border-right:0;\n border-bottom:1px solid var(--line);\n }\n\n .fml-5code__spec:nth-last-child(-n + 2) {\n border-bottom:1px solid var(--line);\n }\n\n .fml-5code__spec:last-child {\n border-bottom:0;\n }\n\n .fml-5code__admin-panel {\n flex-direction:column;\n align-items:flex-start;\n }\n\n .fml-5code__links {\n flex-direction:column;\n }\n\n .fml-5code__link {\n width:100%;\n justify-content:space-between;\n }\n\n .fml-5code__closing {\n padding:38px 22px;\n }\n }\n\n @media (prefers-reduced-motion:reduce) {\n .fml-5code *,\n .fml-5code *::before,\n .fml-5code *::after {\n transition-duration:.01ms !important;\n animation-duration:.01ms !important;\n }\n }\n\u003c\/style\u003e\n\n\n\u003carticle class=\"fml-5code\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cheader class=\"fml-5code__hero\"\u003e\n\n \u003cdiv class=\"fml-5code__eyebrow\"\u003e\n \u003cspan\u003eFiveM Police Script\u003c\/span\u003e\n \u003cspan\u003eQBCore \/ QBox \/ ESX\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-5code__title\"\u003e\n 5Code Loadouts\n \u003c\/h2\u003e\n\n \u003cp class=\"fml-5code__hero-copy\"\u003e\n Stop treating the police armory like a static shop menu.\n \u003cstrong\u003e5Code Loadouts turns equipment deployment into a complete\n tactical workflow with unit-specific kits, bank deposits, returns,\n penalties, supervisor controls and full activity logging.\u003c\/strong\u003e\n Built for QBCore, QBox and ESX, it gives departments a much more\n structured way to manage duty equipment.\n \u003c\/p\u003e\n\n \u003cdiv class=\"fml-5code__badges\"\u003e\n\n \u003cspan class=\"fml-5code__badge fml-5code__badge--gold\"\u003e\n Police Armory System\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-5code__badge\"\u003e\n Auto Framework Detection\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-5code__badge\"\u003e\n Boss \/ Admin UI\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-5code__badge\"\u003e\n Discord Logs\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-5code__meta\"\u003e\n \u003cspan\u003eUnit loadouts\u003c\/span\u003e\n \u003cspan\u003eBank deposits\u003c\/span\u003e\n \u003cspan\u003eDatabase enforced\u003c\/span\u003e\n \u003cspan\u003eMulti-inventory support\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/header\u003e\n\n\n \u003c!-- OVERVIEW --\u003e\n \u003csection class=\"fml-5code__section\"\u003e\n\n \u003cdiv class=\"fml-5code__head\"\u003e\n\n \u003cdiv class=\"fml-5code__index\"\u003e\n 00 \/ Overview\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-5code__kicker\"\u003e\n Tactical equipment management\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-5code__section-title\"\u003e\n From armory checkout to return — every loadout becomes part of the department workflow.\n \u003c\/h2\u003e\n\n \u003cp class=\"fml-5code__intro\"\u003e\n 5Code Loadouts is designed for police departments that want something\n more structured than unrestricted item access. Officers receive\n pre-built equipment kits from an in-game armory NPC, while supervisors\n control loadouts, permissions and activity through a dedicated\n management interface.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-5code__statement\"\u003e\n\n \u003cp\u003e\n Patrol, K9, SWAT, Task Force or Special Operations can each receive\n their own equipment profile — while deposits, returns and activity\n records run automatically in the background.\n \u003c\/p\u003e\n\n \u003cspan class=\"fml-5code__code\"\u003e\n \/\/ ARMORY_DEPLOYMENT_ACTIVE\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-5code__media\"\u003e\n\n \u003cimg src=\"https:\/\/forum-cfx-re.akamaized.net\/original\/5X\/0\/d\/0\/1\/0d01ee0453a21a7bd5fd0bfd8084cec6776ec50a.jpeg\" alt=\"5Code Loadouts police armory dashboard for FiveM\" loading=\"lazy\" width=\"2048\" height=\"2048\"\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- FEATURES --\u003e\n \u003csection class=\"fml-5code__section\"\u003e\n\n \u003cdiv class=\"fml-5code__head\"\u003e\n\n \u003cdiv class=\"fml-5code__index\"\u003e\n 01 \/ Features\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-5code__kicker\"\u003e\n Built around department structure\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-5code__section-title\"\u003e\n Give every unit the equipment it needs without turning the armory into free-for-all inventory.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-5code__grid\"\u003e\n\n \u003carticle class=\"fml-5code__card\"\u003e\n\n \u003cdiv class=\"fml-5code__card-top\"\u003e\n \u003cspan class=\"fml-5code__number\"\u003e01\u003c\/span\u003e\n \u003cspan class=\"fml-5code__label\"\u003ePatrol · K9 · SWAT · Special Ops\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eUnit-Specific Loadouts\u003c\/h3\u003e\n\n \u003cp\u003e\n Create ready-to-deploy kits for different police roles so officers\n can receive equipment appropriate to their assigned unit directly\n from the armory NPC.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-5code__card\"\u003e\n\n \u003cdiv class=\"fml-5code__card-top\"\u003e\n \u003cspan class=\"fml-5code__number\"\u003e02\u003c\/span\u003e\n \u003cspan class=\"fml-5code__label\"\u003eBank · Deposit · Return\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eDeposit-Based Equipment Checkout\u003c\/h3\u003e\n\n \u003cp\u003e\n Deploying a loadout automatically charges a configurable-style\n deposit from the officer's bank account, adding financial consequence\n to issued department equipment.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-5code__card\"\u003e\n\n \u003cdiv class=\"fml-5code__card-top\"\u003e\n \u003cspan class=\"fml-5code__number\"\u003e03\u003c\/span\u003e\n \u003cspan class=\"fml-5code__label\"\u003eReturn · Refund · Penalty\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eAutomatic Return Processing\u003c\/h3\u003e\n\n \u003cp\u003e\n When issued equipment is returned correctly, the deposit can be\n refunded automatically. Missing or damaged items can trigger the\n penalty behavior described by the resource.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-5code__card\"\u003e\n\n \u003cdiv class=\"fml-5code__card-top\"\u003e\n \u003cspan class=\"fml-5code__number\"\u003e04\u003c\/span\u003e\n \u003cspan class=\"fml-5code__label\"\u003eNPC · Armory · Deployment\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eIn-Game Armory Interaction\u003c\/h3\u003e\n\n \u003cp\u003e\n Officers retrieve their approved equipment through an in-game armory\n NPC instead of relying on manual admin distribution.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-5code__card\"\u003e\n\n \u003cdiv class=\"fml-5code__card-top\"\u003e\n \u003cspan class=\"fml-5code__number\"\u003e05\u003c\/span\u003e\n \u003cspan class=\"fml-5code__label\"\u003eVIP · Elite · Overrides\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eVIP \u0026amp; Equipment Overrides\u003c\/h3\u003e\n\n \u003cp\u003e\n VIP officers can receive specialized loadouts, while equipment-level\n overrides allow extra flexibility inside standard kits.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-5code__card\"\u003e\n\n \u003cdiv class=\"fml-5code__card-top\"\u003e\n \u003cspan class=\"fml-5code__number\"\u003e06\u003c\/span\u003e\n \u003cspan class=\"fml-5code__label\"\u003eDatabase · Officer · Enforcement\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eOne Active Loadout per Officer\u003c\/h3\u003e\n\n \u003cp\u003e\n The database enforces one active deployment per officer, helping\n prevent duplicate loadout checkout across ongoing duty sessions.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- DEPOSIT WORKFLOW --\u003e\n \u003csection class=\"fml-5code__section\"\u003e\n\n \u003cdiv class=\"fml-5code__head\"\u003e\n\n \u003cdiv class=\"fml-5code__index\"\u003e\n 02 \/ Workflow\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-5code__kicker\"\u003e\n Equipment accountability\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-5code__section-title\"\u003e\n Issue gear like department property — not disposable inventory.\n \u003c\/h2\u003e\n\n \u003cp class=\"fml-5code__intro\"\u003e\n The deposit workflow adds accountability to equipment deployment\n without requiring supervisors to manually track every checkout.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-5code__flow\"\u003e\n\n \u003carticle class=\"fml-5code__flow-item\"\u003e\n \u003cspan\u003e01 \/ DEPLOY\u003c\/span\u003e\n\n \u003ch3\u003eOfficer Selects a Loadout\u003c\/h3\u003e\n\n \u003cp\u003e\n The officer accesses the armory and selects an available kit based on\n their role, permissions or unit assignment.\n \u003c\/p\u003e\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-5code__flow-item\"\u003e\n \u003cspan\u003e02 \/ DEPOSIT\u003c\/span\u003e\n\n \u003ch3\u003eBank Deposit Is Charged\u003c\/h3\u003e\n\n \u003cp\u003e\n The system automatically takes the equipment deposit from the\n officer's bank account when the loadout is deployed.\n \u003c\/p\u003e\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-5code__flow-item\"\u003e\n \u003cspan\u003e03 \/ RETURN\u003c\/span\u003e\n\n \u003ch3\u003eEquipment Is Checked Back In\u003c\/h3\u003e\n\n \u003cp\u003e\n Returning the issued equipment completes the workflow, allowing the\n resource to process the refund or applicable penalty.\n \u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- ADMIN --\u003e\n \u003csection class=\"fml-5code__section\"\u003e\n\n \u003cdiv class=\"fml-5code__head\"\u003e\n\n \u003cdiv class=\"fml-5code__index\"\u003e\n 03 \/ Management\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-5code__kicker\"\u003e\n Boss \u0026amp; admin control panel\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-5code__section-title\"\u003e\n Department leadership gets a control center instead of another config-only workflow.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-5code__admin\"\u003e\n\n \u003cdiv class=\"fml-5code__admin-copy\"\u003e\n\n \u003cp\u003e\n Supervisors can manage the system through an in-game administration\n interface with dashboard statistics, loadout editing, settings and\n activity monitoring.\n \u003c\/p\u003e\n\n \u003cp\u003e\n The supplied resource description also includes role assignment,\n custom loadout creation and request approval controls, allowing\n department leadership to manage access without constantly editing\n files outside the game.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003caside class=\"fml-5code__admin-panel\"\u003e\n\n \u003csmall\u003e\n Management profile\n \u003c\/small\u003e\n\n \u003cstrong\u003eLIVE UI\u003c\/strong\u003e\n\n \u003csmall\u003e\n Dashboard · Loadouts · Settings · Activity\n \u003c\/small\u003e\n\n \u003c\/aside\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-5code__grid\"\u003e\n\n \u003carticle class=\"fml-5code__card\"\u003e\n\n \u003cdiv class=\"fml-5code__card-top\"\u003e\n \u003cspan class=\"fml-5code__number\"\u003e01\u003c\/span\u003e\n \u003cspan class=\"fml-5code__label\"\u003eDashboard · Statistics · Overview\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eLive Dashboard\u003c\/h3\u003e\n\n \u003cp\u003e\n View system activity and management information through a dedicated\n in-game dashboard.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-5code__card\"\u003e\n\n \u003cdiv class=\"fml-5code__card-top\"\u003e\n \u003cspan class=\"fml-5code__number\"\u003e02\u003c\/span\u003e\n \u003cspan class=\"fml-5code__label\"\u003eEditor · Kits · Equipment\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eLoadout Editor\u003c\/h3\u003e\n\n \u003cp\u003e\n Create, change or remove department equipment kits without treating\n every adjustment as a manual database task.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-5code__card\"\u003e\n\n \u003cdiv class=\"fml-5code__card-top\"\u003e\n \u003cspan class=\"fml-5code__number\"\u003e03\u003c\/span\u003e\n \u003cspan class=\"fml-5code__label\"\u003ePermissions · Roles · Approval\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eSupervisor Controls\u003c\/h3\u003e\n\n \u003cp\u003e\n Assign appropriate access and manage requests through the same\n management workflow.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-5code__card\"\u003e\n\n \u003cdiv class=\"fml-5code__card-top\"\u003e\n \u003cspan class=\"fml-5code__number\"\u003e04\u003c\/span\u003e\n \u003cspan class=\"fml-5code__label\"\u003eFiveM · Discord · Logs\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eDual Activity Logging\u003c\/h3\u003e\n\n \u003cp\u003e\n Actions are recorded inside FiveM and can also be mirrored to Discord,\n giving departments a clearer audit trail outside the game.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- COMPATIBILITY --\u003e\n \u003csection class=\"fml-5code__section\"\u003e\n\n \u003cdiv class=\"fml-5code__head\"\u003e\n\n \u003cdiv class=\"fml-5code__index\"\u003e\n 04 \/ Compatibility\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-5code__kicker\"\u003e\n Built for multiple FiveM ecosystems\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-5code__section-title\"\u003e\n QBCore, QBox or ESX — keep the armory workflow consistent across frameworks.\n \u003c\/h2\u003e\n\n \u003cp class=\"fml-5code__intro\"\u003e\n Framework detection can be configured through\n \u003ccode\u003eConfig.Framework = 'auto'\u003c\/code\u003e, while support for several\n popular inventories and notification systems gives the script more\n flexibility inside existing servers.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-5code__terminal\"\u003e\n\n \u003cdiv class=\"fml-5code__terminal-head\"\u003e\n\n \u003cstrong\u003e\n \/\/ 5CODE_LOADOUTS_COMPATIBILITY\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Framework \/ Inventory \/ Database \/ Notifications\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdl class=\"fml-5code__spec-grid\"\u003e\n\n \u003cdiv class=\"fml-5code__spec\"\u003e\n\n \u003cdt\u003eFrameworks\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-5code__spec-value\"\u003e\n QBCore \/ QBox \/ ESX\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-5code__spec-copy\"\u003e\n Multi-framework support with automatic framework detection\n available through configuration.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-5code__spec\"\u003e\n\n \u003cdt\u003eInventory\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-5code__spec-value\"\u003e\n 3 Systems\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-5code__spec-copy\"\u003e\n qb-inventory, ox_inventory and codem-inventory.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-5code__spec\"\u003e\n\n \u003cdt\u003eNotifications\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-5code__spec-value\"\u003e\n Multi-Bridge\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-5code__spec-copy\"\u003e\n qb, ox_lib, codem-notification and ESX notification support.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-5code__spec\"\u003e\n\n \u003cdt\u003eDatabase\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-5code__spec-value\"\u003e\n oxmysql\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-5code__spec-copy\"\u003e\n Required database layer; the supplied resource information states\n that tables are created automatically on first start.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-5code__spec\"\u003e\n\n \u003cdt\u003eCode access\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-5code__spec-value\"\u003e\n Escrow Protected\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-5code__spec-copy\"\u003e\n Main code is not accessible and is protected with Cfx Asset\n Escrow.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-5code__spec\"\u003e\n\n \u003cdt\u003eSubscription\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-5code__spec-value\"\u003e\n No\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-5code__spec-copy\"\u003e\n The resource is not listed as subscription-based.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n \u003c\/dl\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- WHY IT WORKS --\u003e\n \u003csection class=\"fml-5code__section\"\u003e\n\n \u003cdiv class=\"fml-5code__head\"\u003e\n\n \u003cdiv class=\"fml-5code__index\"\u003e\n 05 \/ Roleplay\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-5code__kicker\"\u003e\n More structure for police departments\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-5code__section-title\"\u003e\n Make equipment deployment feel like part of police RP instead of background inventory management.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-5code__grid\"\u003e\n\n \u003carticle class=\"fml-5code__card\"\u003e\n\n \u003cdiv class=\"fml-5code__card-top\"\u003e\n \u003cspan class=\"fml-5code__number\"\u003e01\u003c\/span\u003e\n \u003cspan class=\"fml-5code__label\"\u003ePatrol · Daily Duty · Equipment\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003ePatrol Deployment\u003c\/h3\u003e\n\n \u003cp\u003e\n Give regular patrol officers a standardized kit that can be issued\n and returned through the department armory.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-5code__card\"\u003e\n\n \u003cdiv class=\"fml-5code__card-top\"\u003e\n \u003cspan class=\"fml-5code__number\"\u003e02\u003c\/span\u003e\n \u003cspan class=\"fml-5code__label\"\u003eSWAT · Tactical · Specialized\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eSpecialized Unit Kits\u003c\/h3\u003e\n\n \u003cp\u003e\n Separate tactical and specialist equipment from ordinary patrol\n loadouts so unit assignment has a real gameplay impact.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-5code__card\"\u003e\n\n \u003cdiv class=\"fml-5code__card-top\"\u003e\n \u003cspan class=\"fml-5code__number\"\u003e03\u003c\/span\u003e\n \u003cspan class=\"fml-5code__label\"\u003eCommand · Oversight · Accountability\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eCommand Oversight\u003c\/h3\u003e\n\n \u003cp\u003e\n Supervisors gain visibility into who deployed equipment and what\n activity occurred through the management and logging systems.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-5code__card\"\u003e\n\n \u003cdiv class=\"fml-5code__card-top\"\u003e\n \u003cspan class=\"fml-5code__number\"\u003e04\u003c\/span\u003e\n \u003cspan class=\"fml-5code__label\"\u003eAutomation · Workflow · Department\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eLess Manual Tracking\u003c\/h3\u003e\n\n \u003cp\u003e\n Deposits, active loadout state and logs are handled by the resource,\n reducing the need for staff to track routine equipment checkout\n manually.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- LINKS --\u003e\n \u003csection class=\"fml-5code__section\"\u003e\n\n \u003cdiv class=\"fml-5code__head\"\u003e\n\n \u003cdiv class=\"fml-5code__index\"\u003e\n 06 \/ Media\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-5code__kicker\"\u003e\n Preview, documentation \u0026amp; support\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-5code__section-title\"\u003e\n See the system in action and review the setup before deployment.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-5code__links\"\u003e\n\n \u003ca class=\"fml-5code__link\" href=\"https:\/\/www.youtube.com\/watch?v=3zCF-GtknLU\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n Watch Video\n \u003cspan aria-hidden=\"true\"\u003e↗\u003c\/span\u003e\n \u003c\/a\u003e\n\n \u003ca class=\"fml-5code__link\" href=\"https:\/\/5code.gitbook.io\/5code-docs\/5code-loadouts\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n Documentation\n \u003cspan aria-hidden=\"true\"\u003e↗\u003c\/span\u003e\n \u003c\/a\u003e\n\n \u003ca class=\"fml-5code__link\" href=\"https:\/\/discord.gg\/TdMewPJ4W6\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n Discord Support\n \u003cspan aria-hidden=\"true\"\u003e↗\u003c\/span\u003e\n \u003c\/a\u003e\n\n \u003ca class=\"fml-5code__link fml-5code__link--gold\" href=\"https:\/\/5code.tebex.io\/package\/7469664\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n View on 5Code Store\n \u003cspan aria-hidden=\"true\"\u003e↗\u003c\/span\u003e\n \u003c\/a\u003e\n\n \u003ca class=\"fml-5code__link\" href=\"https:\/\/forum.cfx.re\/t\/5code-loadouts-police-armory-loadout-system-qbcore-qbox-esx-paid\/5424259\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n Cfx.re Release\n \u003cspan aria-hidden=\"true\"\u003e↗\u003c\/span\u003e\n \u003c\/a\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- CLOSING --\u003e\n \u003csection class=\"fml-5code__closing\"\u003e\n\n \u003cdiv class=\"fml-5code__closing-label\"\u003e\n 5Code \/ Police Armory \/ FiveM\n \u003c\/div\u003e\n\n \u003ch2\u003e\n A serious police department should know who took the gear, what they deployed with and whether it came back.\n \u003c\/h2\u003e\n\n \u003cp\u003e\n 5Code Loadouts combines unit-based police equipment, automated deposits,\n return processing, supervisor controls, database enforcement and Discord\n logging into one structured armory system for QBCore, QBox and ESX\n servers.\n \u003c\/p\u003e\n\n \u003c\/section\u003e\n\n\n \u003cdiv class=\"fml-5code__final\"\u003e\n Do not make the police armory another item menu.\n \u003cem\u003eTurn it into part of the department.\u003c\/em\u003e\n \u003c\/div\u003e\n\n\u003c\/article\u003e","brand":"5code","offers":[{"title":"Default Title","offer_id":45766271893613,"sku":null,"price":34.8,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/maxresdefault.jpg?v=1788371064"},{"product_id":"smdz-speed-radars-fivem","title":"Speed Radars | Portable \u0026 Permanent Radars + Photo Evidence + Fine System","description":"\u003cstyle\u003e\n \/* =========================================================\n FIVEM-LAB — SMDZ SPEED RADARS\n TRAFFIC ENFORCEMENT \/ PHOTO EVIDENCE \/ FINES\n ========================================================= *\/\n\n .fml-smdz-radars {\n --gold:#ffd700;\n --white:#ffffff;\n --black:#050505;\n --text:rgba(255,255,255,.92);\n --muted:rgba(255,255,255,.66);\n --dim:rgba(255,255,255,.42);\n --line:rgba(255,255,255,.10);\n --line-soft:rgba(255,255,255,.055);\n --gold-line:rgba(255,215,0,.34);\n --panel:rgba(255,255,255,.022);\n --success:#65e4a5;\n\n width:100%;\n max-width:1180px;\n margin:0 auto;\n padding:18px 0 88px;\n\n color:var(--text);\n background:transparent;\n font-family:inherit;\n font-size:16px;\n line-height:1.7;\n }\n\n .fml-smdz-radars,\n .fml-smdz-radars *,\n .fml-smdz-radars *::before,\n .fml-smdz-radars *::after {\n box-sizing:border-box;\n }\n\n .fml-smdz-radars h2,\n .fml-smdz-radars h3,\n .fml-smdz-radars p,\n .fml-smdz-radars dl,\n .fml-smdz-radars dt,\n .fml-smdz-radars dd {\n margin:0;\n }\n\n .fml-smdz-radars ::selection {\n color:var(--black);\n background:var(--gold);\n }\n\n \/* HERO *\/\n\n .fml-smdz-radars__hero {\n position:relative;\n isolation:isolate;\n overflow:hidden;\n\n padding:clamp(38px,6vw,80px);\n\n border:1px solid var(--line);\n border-top-color:var(--gold-line);\n border-radius:7px;\n\n background:\n radial-gradient(\n circle at 92% 5%,\n rgba(255,215,0,.15),\n transparent 30%\n ),\n linear-gradient(\n 135deg,\n rgba(255,215,0,.035),\n transparent 48%\n ),\n rgba(0,0,0,.18);\n }\n\n .fml-smdz-radars__hero::before {\n content:\"\";\n position:absolute;\n top:0;\n left:0;\n width:min(430px,70%);\n height:2px;\n background:var(--gold);\n box-shadow:0 0 24px rgba(255,215,0,.36);\n }\n\n .fml-smdz-radars__hero::after {\n content:\"SMDZ \/ TRAFFIC ENFORCEMENT \/ FIVEM\";\n position:absolute;\n top:20px;\n right:22px;\n\n color:rgba(255,255,255,.14);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:850;\n letter-spacing:.15em;\n text-transform:uppercase;\n }\n\n .fml-smdz-radars__eyebrow {\n display:flex;\n flex-wrap:wrap;\n gap:8px 16px;\n align-items:center;\n\n margin-bottom:24px;\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:900;\n letter-spacing:.15em;\n text-transform:uppercase;\n }\n\n .fml-smdz-radars__eyebrow span + span {\n color:var(--dim);\n }\n\n .fml-smdz-radars__eyebrow span + span::before {\n content:\"\/\";\n margin-right:16px;\n color:var(--gold);\n }\n\n .fml-smdz-radars__title {\n max-width:1000px;\n margin:0 !important;\n\n color:var(--white) !important;\n\n font-size:clamp(42px,5.8vw,74px) !important;\n font-weight:950 !important;\n letter-spacing:-.052em;\n line-height:.96 !important;\n\n text-wrap:balance;\n }\n\n .fml-smdz-radars__hero-copy {\n max-width:920px;\n margin-top:28px !important;\n\n color:var(--muted) !important;\n\n font-size:clamp(18px,1.9vw,23px);\n font-weight:600;\n line-height:1.56;\n }\n\n .fml-smdz-radars__hero-copy strong {\n color:var(--white);\n }\n\n .fml-smdz-radars__badges {\n display:flex;\n flex-wrap:wrap;\n gap:10px;\n margin-top:34px;\n }\n\n .fml-smdz-radars__badge {\n display:inline-flex;\n align-items:center;\n min-height:38px;\n padding:0 14px;\n\n color:var(--white);\n background:rgba(255,255,255,.025);\n\n border:1px solid var(--line);\n border-radius:3px;\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.09em;\n text-transform:uppercase;\n }\n\n .fml-smdz-radars__badge--gold {\n color:var(--black);\n background:var(--gold);\n border-color:var(--gold);\n }\n\n .fml-smdz-radars__meta {\n display:flex;\n flex-wrap:wrap;\n gap:10px 26px;\n\n margin-top:30px;\n padding-top:22px;\n border-top:1px solid var(--line);\n }\n\n .fml-smdz-radars__meta span {\n position:relative;\n padding-left:17px;\n\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:850;\n letter-spacing:.10em;\n text-transform:uppercase;\n }\n\n .fml-smdz-radars__meta span::before {\n content:\"\";\n position:absolute;\n top:.7em;\n left:0;\n\n width:7px;\n height:1px;\n background:var(--gold);\n }\n\n \/* BASE SECTIONS *\/\n\n .fml-smdz-radars__section {\n padding:clamp(56px,8vw,94px) 0;\n border-bottom:1px solid var(--line);\n }\n\n .fml-smdz-radars__head {\n display:grid;\n grid-template-columns:minmax(126px,.26fr) minmax(0,1fr);\n gap:clamp(28px,5vw,72px);\n align-items:start;\n }\n\n .fml-smdz-radars__index {\n padding-top:8px;\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:900;\n letter-spacing:.12em;\n text-transform:uppercase;\n }\n\n .fml-smdz-radars__kicker {\n margin-bottom:14px;\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:850;\n letter-spacing:.14em;\n text-transform:uppercase;\n }\n\n .fml-smdz-radars__section-title {\n max-width:960px;\n margin:0 !important;\n\n color:var(--white) !important;\n\n font-size:clamp(30px,4vw,48px) !important;\n font-weight:950 !important;\n letter-spacing:-.04em;\n line-height:1.04 !important;\n\n text-wrap:balance;\n }\n\n .fml-smdz-radars__intro {\n max-width:910px;\n margin-top:22px !important;\n\n color:var(--muted) !important;\n\n font-size:clamp(16px,1.5vw,19px);\n line-height:1.75;\n }\n\n .fml-smdz-radars__statement {\n display:grid;\n grid-template-columns:minmax(0,1fr) auto;\n gap:clamp(28px,5vw,72px);\n align-items:end;\n\n margin-top:clamp(34px,5vw,58px);\n padding-top:30px;\n\n border-top:1px solid var(--line);\n }\n\n .fml-smdz-radars__statement p {\n max-width:870px;\n color:var(--text) !important;\n\n font-size:clamp(18px,2vw,24px);\n font-weight:650;\n line-height:1.5;\n }\n\n .fml-smdz-radars__code {\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:900;\n letter-spacing:.12em;\n white-space:nowrap;\n }\n\n \/* GRID CARDS *\/\n\n .fml-smdz-radars__grid {\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:14px;\n\n margin-top:clamp(40px,6vw,64px);\n }\n\n .fml-smdz-radars__card {\n position:relative;\n overflow:hidden;\n\n min-width:0;\n padding:clamp(24px,3vw,32px);\n\n border:1px solid var(--line);\n border-radius:4px;\n\n background:var(--panel);\n\n transition:\n transform .18s ease,\n border-color .18s ease,\n background .18s ease;\n }\n\n .fml-smdz-radars__card::before {\n content:\"\";\n position:absolute;\n top:0;\n left:0;\n\n width:0;\n height:1px;\n background:var(--gold);\n\n transition:width .22s ease;\n }\n\n .fml-smdz-radars__card:hover {\n transform:translateY(-2px);\n border-color:var(--gold-line);\n background:rgba(255,255,255,.038);\n }\n\n .fml-smdz-radars__card:hover::before {\n width:100%;\n }\n\n .fml-smdz-radars__card-top {\n display:flex;\n justify-content:space-between;\n gap:14px;\n margin-bottom:28px;\n }\n\n .fml-smdz-radars__number {\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:950;\n }\n\n .fml-smdz-radars__label {\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:8px;\n font-weight:800;\n letter-spacing:.09em;\n text-align:right;\n text-transform:uppercase;\n }\n\n .fml-smdz-radars__card h3 {\n margin:0 0 12px !important;\n\n color:var(--white) !important;\n\n font-size:clamp(20px,2vw,26px) !important;\n font-weight:950 !important;\n letter-spacing:-.03em;\n line-height:1.15 !important;\n }\n\n .fml-smdz-radars__card p {\n color:var(--muted) !important;\n font-size:14px;\n line-height:1.7;\n }\n\n \/* RADAR CONSOLE *\/\n\n .fml-smdz-radars__console {\n margin-top:clamp(40px,6vw,64px);\n overflow:hidden;\n\n border:1px solid var(--gold-line);\n border-radius:4px;\n\n background:\n radial-gradient(\n circle at 90% 0,\n rgba(255,215,0,.06),\n transparent 34%\n ),\n rgba(0,0,0,.22);\n }\n\n .fml-smdz-radars__console-head {\n display:flex;\n justify-content:space-between;\n gap:20px;\n flex-wrap:wrap;\n\n padding:14px 18px;\n border-bottom:1px solid var(--line);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.1em;\n text-transform:uppercase;\n }\n\n .fml-smdz-radars__console-head strong {\n color:var(--gold);\n }\n\n .fml-smdz-radars__console-head span {\n color:var(--dim);\n }\n\n .fml-smdz-radars__console-body {\n display:grid;\n grid-template-columns:repeat(4,minmax(0,1fr));\n }\n\n .fml-smdz-radars__console-item {\n min-width:0;\n padding:26px;\n\n border-right:1px solid var(--line-soft);\n }\n\n .fml-smdz-radars__console-item:last-child {\n border-right:0;\n }\n\n .fml-smdz-radars__console-item small {\n display:block;\n margin-bottom:12px;\n\n color:var(--dim);\n\n font-size:8px;\n font-weight:900;\n letter-spacing:.1em;\n text-transform:uppercase;\n }\n\n .fml-smdz-radars__console-item strong {\n display:block;\n\n color:var(--white);\n\n font-size:clamp(21px,2.6vw,32px);\n font-weight:950;\n letter-spacing:-.04em;\n line-height:1;\n }\n\n .fml-smdz-radars__console-item strong em {\n color:var(--gold);\n font-style:normal;\n }\n\n .fml-smdz-radars__console-item span {\n display:block;\n margin-top:9px;\n\n color:var(--muted);\n font-size:11px;\n }\n\n \/* EVIDENCE *\/\n\n .fml-smdz-radars__evidence {\n display:grid;\n grid-template-columns:minmax(0,1.1fr) minmax(250px,.55fr);\n gap:16px;\n\n margin-top:clamp(40px,6vw,64px);\n }\n\n .fml-smdz-radars__evidence-main,\n .fml-smdz-radars__evidence-side {\n padding:clamp(26px,4vw,38px);\n\n border:1px solid var(--line);\n border-radius:5px;\n\n background:var(--panel);\n }\n\n .fml-smdz-radars__evidence-main {\n border-color:var(--gold-line);\n\n background:\n linear-gradient(\n 130deg,\n rgba(255,215,0,.055),\n transparent 54%\n ),\n rgba(255,255,255,.018);\n }\n\n .fml-smdz-radars__evidence small {\n display:block;\n margin-bottom:12px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.11em;\n text-transform:uppercase;\n }\n\n .fml-smdz-radars__evidence h3 {\n margin:0 0 13px !important;\n\n color:var(--white) !important;\n\n font-size:clamp(22px,3vw,32px) !important;\n font-weight:950 !important;\n letter-spacing:-.035em;\n line-height:1.1 !important;\n }\n\n .fml-smdz-radars__evidence p {\n color:var(--muted) !important;\n font-size:14px;\n line-height:1.72;\n }\n\n \/* PERMANENT SYSTEM *\/\n\n .fml-smdz-radars__steps {\n display:grid;\n grid-template-columns:repeat(4,minmax(0,1fr));\n gap:14px;\n\n margin-top:clamp(40px,6vw,64px);\n }\n\n .fml-smdz-radars__step {\n min-width:0;\n padding:24px;\n\n border:1px solid var(--line);\n border-top-color:var(--gold-line);\n border-radius:4px;\n\n background:var(--panel);\n }\n\n .fml-smdz-radars__step span {\n display:block;\n margin-bottom:25px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n }\n\n .fml-smdz-radars__step h3 {\n margin:0 0 9px !important;\n\n color:var(--white) !important;\n\n font-size:17px !important;\n font-weight:900 !important;\n }\n\n .fml-smdz-radars__step p {\n color:var(--muted) !important;\n font-size:13px;\n line-height:1.65;\n }\n\n \/* TECH *\/\n\n .fml-smdz-radars__terminal {\n margin-top:clamp(40px,6vw,66px);\n overflow:hidden;\n\n border:1px solid var(--gold-line);\n border-radius:4px;\n\n background:\n linear-gradient(\n 180deg,\n rgba(255,215,0,.026),\n transparent 30%\n ),\n rgba(0,0,0,.20);\n }\n\n .fml-smdz-radars__terminal-head {\n display:flex;\n flex-wrap:wrap;\n gap:10px 24px;\n justify-content:space-between;\n\n padding:14px 18px;\n\n border-bottom:1px solid var(--line);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.09em;\n text-transform:uppercase;\n }\n\n .fml-smdz-radars__terminal-head strong {\n color:var(--gold);\n }\n\n .fml-smdz-radars__terminal-head span {\n color:var(--dim);\n }\n\n .fml-smdz-radars__spec-grid {\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n }\n\n .fml-smdz-radars__spec {\n min-width:0;\n padding:clamp(24px,4vw,34px);\n\n border-right:1px solid var(--line);\n border-bottom:1px solid var(--line);\n }\n\n .fml-smdz-radars__spec:nth-child(2n) {\n border-right:0;\n }\n\n .fml-smdz-radars__spec:nth-last-child(-n + 2) {\n border-bottom:0;\n }\n\n .fml-smdz-radars__spec dt {\n margin-bottom:12px;\n\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:8px;\n font-weight:900;\n letter-spacing:.12em;\n text-transform:uppercase;\n }\n\n .fml-smdz-radars__spec-value {\n display:block;\n\n color:var(--white);\n\n font-size:clamp(19px,2.4vw,29px);\n font-weight:950;\n letter-spacing:-.035em;\n line-height:1.1;\n }\n\n .fml-smdz-radars__spec:first-child\n .fml-smdz-radars__spec-value {\n color:var(--gold);\n }\n\n .fml-smdz-radars__spec-copy {\n display:block;\n margin-top:10px;\n\n color:var(--muted);\n font-size:12px;\n line-height:1.58;\n }\n\n .fml-smdz-radars code {\n padding:2px 6px;\n\n color:var(--gold);\n background:rgba(255,215,0,.06);\n\n border:1px solid rgba(255,215,0,.18);\n border-radius:3px;\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n }\n\n \/* CLOSING *\/\n\n .fml-smdz-radars__closing {\n position:relative;\n overflow:hidden;\n\n margin-top:clamp(64px,9vw,110px);\n padding:clamp(40px,7vw,80px);\n\n border-top:1px solid var(--gold-line);\n border-bottom:1px solid var(--line);\n\n background:\n radial-gradient(\n circle at 100% 0,\n rgba(255,215,0,.12),\n transparent 34%\n ),\n rgba(255,255,255,.012);\n }\n\n .fml-smdz-radars__closing-label {\n margin-bottom:20px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.13em;\n text-transform:uppercase;\n }\n\n .fml-smdz-radars__closing h2 {\n max-width:950px;\n margin:0 !important;\n\n color:var(--white) !important;\n\n font-size:clamp(31px,4.5vw,53px) !important;\n font-weight:950 !important;\n letter-spacing:-.045em;\n line-height:1.03 !important;\n\n text-wrap:balance;\n }\n\n .fml-smdz-radars__closing p {\n max-width:900px;\n margin-top:22px !important;\n\n color:var(--muted) !important;\n\n font-size:16px;\n line-height:1.75;\n }\n\n .fml-smdz-radars__final {\n margin-top:clamp(46px,7vw,76px);\n\n color:var(--white);\n\n font-size:clamp(26px,3.8vw,45px);\n font-weight:950;\n letter-spacing:-.043em;\n line-height:1.08;\n text-align:center;\n\n text-wrap:balance;\n }\n\n .fml-smdz-radars__final em {\n color:var(--gold);\n font-style:normal;\n }\n\n \/* RESPONSIVE *\/\n\n @media (max-width:1000px) {\n .fml-smdz-radars__console-body,\n .fml-smdz-radars__steps {\n grid-template-columns:repeat(2,minmax(0,1fr));\n }\n }\n\n @media (max-width:900px) {\n .fml-smdz-radars__head {\n grid-template-columns:1fr;\n gap:16px;\n }\n\n .fml-smdz-radars__evidence {\n grid-template-columns:1fr;\n }\n }\n\n @media (max-width:680px) {\n .fml-smdz-radars {\n padding-top:8px;\n }\n\n .fml-smdz-radars__hero {\n padding:31px 21px 34px;\n }\n\n .fml-smdz-radars__hero::after {\n display:none;\n }\n\n .fml-smdz-radars__eyebrow {\n display:grid;\n gap:6px;\n }\n\n .fml-smdz-radars__eyebrow span + span::before {\n display:none;\n }\n\n .fml-smdz-radars__statement,\n .fml-smdz-radars__grid,\n .fml-smdz-radars__console-body,\n .fml-smdz-radars__steps,\n .fml-smdz-radars__spec-grid {\n grid-template-columns:1fr;\n }\n\n .fml-smdz-radars__code {\n white-space:normal;\n }\n\n .fml-smdz-radars__console-item,\n .fml-smdz-radars__spec {\n border-right:0;\n border-bottom:1px solid var(--line);\n }\n\n .fml-smdz-radars__console-item:last-child,\n .fml-smdz-radars__spec:last-child {\n border-bottom:0;\n }\n\n .fml-smdz-radars__spec:nth-last-child(-n + 2) {\n border-bottom:1px solid var(--line);\n }\n\n .fml-smdz-radars__spec:last-child {\n border-bottom:0;\n }\n\n .fml-smdz-radars__closing {\n padding:38px 22px;\n }\n }\n\n @media (prefers-reduced-motion:reduce) {\n .fml-smdz-radars *,\n .fml-smdz-radars *::before,\n .fml-smdz-radars *::after {\n transition-duration:.01ms !important;\n animation-duration:.01ms !important;\n }\n }\n\u003c\/style\u003e\n\n\n\u003carticle class=\"fml-smdz-radars\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cheader class=\"fml-smdz-radars__hero\"\u003e\n\n \u003cdiv class=\"fml-smdz-radars__eyebrow\"\u003e\n \u003cspan\u003eFiveM Traffic Enforcement\u003c\/span\u003e\n \u003cspan\u003ePortable + Permanent Radars\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-smdz-radars__title\"\u003e\n SMDZ Speed Radars\n \u003c\/h2\u003e\n\n \u003cp class=\"fml-smdz-radars__hero-copy\"\u003e\n Turn speeding into an actual part of your server economy and police\n workflow. \u003cstrong\u003eSMDZ Speed Radars combines portable officer-operated\n radar units, permanent speed cameras, photographic evidence, automated\n tickets and persistent fine management\u003c\/strong\u003e into one complete FiveM\n traffic enforcement system.\n \u003c\/p\u003e\n\n \u003cdiv class=\"fml-smdz-radars__badges\"\u003e\n\n \u003cspan class=\"fml-smdz-radars__badge fml-smdz-radars__badge--gold\"\u003e\n Traffic Enforcement System\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-smdz-radars__badge\"\u003e\n QBCore\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-smdz-radars__badge\"\u003e\n QBox\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-smdz-radars__badge\"\u003e\n ESX\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-smdz-radars__badge\"\u003e\n Asset Escrow\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-smdz-radars__meta\"\u003e\n \u003cspan\u003ePhoto evidence\u003c\/span\u003e\n \u003cspan\u003eAutomatic fines\u003c\/span\u003e\n \u003cspan\u003eSQL persistence\u003c\/span\u003e\n \u003cspan\u003eServer-side validation\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/header\u003e\n\n\n \u003c!-- OVERVIEW --\u003e\n \u003csection class=\"fml-smdz-radars__section\"\u003e\n\n \u003cdiv class=\"fml-smdz-radars__head\"\u003e\n\n \u003cdiv class=\"fml-smdz-radars__index\"\u003e\n 00 \/ Overview\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-smdz-radars__kicker\"\u003e\n Police checks beyond a simple speed number\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-smdz-radars__section-title\"\u003e\n Build an entire traffic enforcement network across your FiveM server.\n \u003c\/h2\u003e\n\n \u003cp class=\"fml-smdz-radars__intro\"\u003e\n SMDZ Speed Radars is designed to connect police traffic stops,\n automated speed-camera enforcement and player fines into one\n persistent system. Officers can operate portable radars manually,\n while fixed cameras continue monitoring configured roads and zones\n automatically.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-smdz-radars__statement\"\u003e\n\n \u003cp\u003e\n Every violation can become more than a notification: the system can\n capture evidence, record vehicle information, generate the ticket and\n preserve outstanding fines in SQL.\n \u003c\/p\u003e\n\n \u003cspan class=\"fml-smdz-radars__code\"\u003e\n \/\/ TRAFFIC_MONITORING_ACTIVE\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- PORTABLE RADARS --\u003e\n \u003csection class=\"fml-smdz-radars__section\"\u003e\n\n \u003cdiv class=\"fml-smdz-radars__head\"\u003e\n\n \u003cdiv class=\"fml-smdz-radars__index\"\u003e\n 01 \/ Portable\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-smdz-radars__kicker\"\u003e\n Officer-operated speed enforcement\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-smdz-radars__section-title\"\u003e\n Put the radar in the officer's hands and make roadside enforcement interactive.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-smdz-radars__grid\"\u003e\n\n \u003carticle class=\"fml-smdz-radars__card\"\u003e\n\n \u003cdiv class=\"fml-smdz-radars__card-top\"\u003e\n \u003cspan class=\"fml-smdz-radars__number\"\u003e01\u003c\/span\u003e\n \u003cspan class=\"fml-smdz-radars__label\"\u003eInventory · Police · Radar\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003ePortable Radar Equipment\u003c\/h3\u003e\n\n \u003cp\u003e\n Officers can use portable radar equipment from their inventory and\n scan approaching vehicles during live traffic enforcement.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-smdz-radars__card\"\u003e\n\n \u003cdiv class=\"fml-smdz-radars__card-top\"\u003e\n \u003cspan class=\"fml-smdz-radars__number\"\u003e02\u003c\/span\u003e\n \u003cspan class=\"fml-smdz-radars__label\"\u003eRaycast · Direction · Detection\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eDirectional Raycasting\u003c\/h3\u003e\n\n \u003cp\u003e\n The system is designed to detect vehicles facing the radar lens,\n reducing unrelated captures outside the intended scan direction.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-smdz-radars__card\"\u003e\n\n \u003cdiv class=\"fml-smdz-radars__card-top\"\u003e\n \u003cspan class=\"fml-smdz-radars__number\"\u003e03\u003c\/span\u003e\n \u003cspan class=\"fml-smdz-radars__label\"\u003eZones · Limits · Enforcement\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eConfigurable Speed Limits\u003c\/h3\u003e\n\n \u003cp\u003e\n Different areas can use different speed limits, allowing enforcement\n rules to match highways, city streets and custom zones.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-smdz-radars__card\"\u003e\n\n \u003cdiv class=\"fml-smdz-radars__card-top\"\u003e\n \u003cspan class=\"fml-smdz-radars__number\"\u003e04\u003c\/span\u003e\n \u003cspan class=\"fml-smdz-radars__label\"\u003eTicket · Fine · Automatic\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eAutomatic Fine Generation\u003c\/h3\u003e\n\n \u003cp\u003e\n When configured conditions are met, speeding violations can generate\n fines automatically instead of requiring manual ticket creation.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-smdz-radars__console\"\u003e\n\n \u003cdiv class=\"fml-smdz-radars__console-head\"\u003e\n \u003cstrong\u003e\/\/ LIVE_RADAR_FEED\u003c\/strong\u003e\n \u003cspan\u003eExample enforcement view\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-smdz-radars__console-body\"\u003e\n\n \u003cdiv class=\"fml-smdz-radars__console-item\"\u003e\n \u003csmall\u003eVehicle speed\u003c\/small\u003e\n \u003cstrong\u003e\u003cem\u003e98\u003c\/em\u003e MPH\u003c\/strong\u003e\n \u003cspan\u003eLive detected speed\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-smdz-radars__console-item\"\u003e\n \u003csmall\u003eSpeed limit\u003c\/small\u003e\n \u003cstrong\u003e65 MPH\u003c\/strong\u003e\n \u003cspan\u003eConfigured zone limit\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-smdz-radars__console-item\"\u003e\n \u003csmall\u003eDifference\u003c\/small\u003e\n \u003cstrong\u003e+33\u003c\/strong\u003e\n \u003cspan\u003eViolation over the limit\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-smdz-radars__console-item\"\u003e\n \u003csmall\u003eStatus\u003c\/small\u003e\n \u003cstrong\u003e\u003cem\u003eVIOLATION\u003c\/em\u003e\u003c\/strong\u003e\n \u003cspan\u003eHighlighted for detection\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- PHOTO EVIDENCE --\u003e\n \u003csection class=\"fml-smdz-radars__section\"\u003e\n\n \u003cdiv class=\"fml-smdz-radars__head\"\u003e\n\n \u003cdiv class=\"fml-smdz-radars__index\"\u003e\n 02 \/ Evidence\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-smdz-radars__kicker\"\u003e\n Violations backed by visual records\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-smdz-radars__section-title\"\u003e\n A speeding ticket can include the evidence that caused it.\n \u003c\/h2\u003e\n\n \u003cp class=\"fml-smdz-radars__intro\"\u003e\n When a violation is captured, the radar can create an image from the\n camera perspective together with the key information needed to\n document the event.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-smdz-radars__evidence\"\u003e\n\n \u003carticle class=\"fml-smdz-radars__evidence-main\"\u003e\n\n \u003csmall\u003e\n \/\/ PHOTO_EVIDENCE\n \u003c\/small\u003e\n\n \u003ch3\u003e\n Vehicle, speed, time and fine — captured together.\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Evidence can contain the vehicle plate, detected speed, applicable\n speed limit, date, time and fine amount. The ticket is designed to\n present these details in a readable format instead of showing players\n a generic penalty notification.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-smdz-radars__evidence-side\"\u003e\n\n \u003csmall\u003e\n Evidence data\n \u003c\/small\u003e\n\n \u003ch3\u003e\n Captured\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Plate · Speed · Limit · Date · Time · Fine Amount · Radar View\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- MANUAL CAMERA --\u003e\n \u003csection class=\"fml-smdz-radars__section\"\u003e\n\n \u003cdiv class=\"fml-smdz-radars__head\"\u003e\n\n \u003cdiv class=\"fml-smdz-radars__index\"\u003e\n 03 \/ Camera\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-smdz-radars__kicker\"\u003e\n Manual monitoring mode\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-smdz-radars__section-title\"\u003e\n Watch traffic through the radar instead of waiting for a number to appear.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-smdz-radars__grid\"\u003e\n\n \u003carticle class=\"fml-smdz-radars__card\"\u003e\n\n \u003cdiv class=\"fml-smdz-radars__card-top\"\u003e\n \u003cspan class=\"fml-smdz-radars__number\"\u003e01\u003c\/span\u003e\n \u003cspan class=\"fml-smdz-radars__label\"\u003eCamera · Aim · Manual\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eManual Camera Aim\u003c\/h3\u003e\n\n \u003cp\u003e\n Officers can control the viewing direction manually for targeted\n roadside surveillance.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-smdz-radars__card\"\u003e\n\n \u003cdiv class=\"fml-smdz-radars__card-top\"\u003e\n \u003cspan class=\"fml-smdz-radars__number\"\u003e02\u003c\/span\u003e\n \u003cspan class=\"fml-smdz-radars__label\"\u003eZoom · Long Range\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eUp to 10× Zoom\u003c\/h3\u003e\n\n \u003cp\u003e\n Extended camera zoom allows officers to monitor vehicles over a\n larger visible distance.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-smdz-radars__card\"\u003e\n\n \u003cdiv class=\"fml-smdz-radars__card-top\"\u003e\n \u003cspan class=\"fml-smdz-radars__number\"\u003e03\u003c\/span\u003e\n \u003cspan class=\"fml-smdz-radars__label\"\u003eNight Vision · Low Light\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eNight Vision Mode\u003c\/h3\u003e\n\n \u003cp\u003e\n A night-vision option extends manual camera use into darker traffic\n conditions.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-smdz-radars__card\"\u003e\n\n \u003cdiv class=\"fml-smdz-radars__card-top\"\u003e\n \u003cspan class=\"fml-smdz-radars__number\"\u003e04\u003c\/span\u003e\n \u003cspan class=\"fml-smdz-radars__label\"\u003eFlash · Alert · Driver\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eManual Flash\u003c\/h3\u003e\n\n \u003cp\u003e\n The camera flash can be triggered manually, giving officers an\n additional visual interaction during enforcement.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- PERMANENT CAMERAS --\u003e\n \u003csection class=\"fml-smdz-radars__section\"\u003e\n\n \u003cdiv class=\"fml-smdz-radars__head\"\u003e\n\n \u003cdiv class=\"fml-smdz-radars__index\"\u003e\n 04 \/ Permanent\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-smdz-radars__kicker\"\u003e\n Persistent road monitoring\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-smdz-radars__section-title\"\u003e\n Create a permanent speed-camera network across Los Santos.\n \u003c\/h2\u003e\n\n \u003cp class=\"fml-smdz-radars__intro\"\u003e\n Fixed radars can be positioned across highways, downtown roads or\n custom areas, allowing server staff to build persistent enforcement\n zones that survive restarts.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-smdz-radars__steps\"\u003e\n\n \u003carticle class=\"fml-smdz-radars__step\"\u003e\n \u003cspan\u003e01 \/ LIMIT\u003c\/span\u003e\n\n \u003ch3\u003eSet Speed Limits\u003c\/h3\u003e\n\n \u003cp\u003e\n Configure the limit applied to each camera or enforcement location.\n \u003c\/p\u003e\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-smdz-radars__step\"\u003e\n \u003cspan\u003e02 \/ GROUP\u003c\/span\u003e\n\n \u003ch3\u003eCreate Radar Zones\u003c\/h3\u003e\n\n \u003cp\u003e\n Cameras can be organized into groups to simplify management across\n multiple locations.\n \u003c\/p\u003e\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-smdz-radars__step\"\u003e\n \u003cspan\u003e03 \/ EDIT\u003c\/span\u003e\n\n \u003ch3\u003eManage In Game\u003c\/h3\u003e\n\n \u003cp\u003e\n Admin tools support duplication, movement, editing and deletion of\n deployed radar locations.\n \u003c\/p\u003e\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-smdz-radars__step\"\u003e\n \u003cspan\u003e04 \/ SAVE\u003c\/span\u003e\n\n \u003ch3\u003eSQL Persistence\u003c\/h3\u003e\n\n \u003cp\u003e\n Permanent radar configuration remains stored after server restarts.\n \u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- SECURITY --\u003e\n \u003csection class=\"fml-smdz-radars__section\"\u003e\n\n \u003cdiv class=\"fml-smdz-radars__head\"\u003e\n\n \u003cdiv class=\"fml-smdz-radars__index\"\u003e\n 05 \/ Validation\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-smdz-radars__kicker\"\u003e\n Enforcement checked server-side\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-smdz-radars__section-title\"\u003e\n The radar checks whether the vehicle can actually be captured before applying enforcement.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-smdz-radars__grid\"\u003e\n\n \u003carticle class=\"fml-smdz-radars__card\"\u003e\n\n \u003cdiv class=\"fml-smdz-radars__card-top\"\u003e\n \u003cspan class=\"fml-smdz-radars__number\"\u003e01\u003c\/span\u003e\n \u003cspan class=\"fml-smdz-radars__label\"\u003eLOS · Capture Cone\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eLine-of-Sight Validation\u003c\/h3\u003e\n\n \u003cp\u003e\n Vehicle detection is limited to targets within the appropriate line\n of sight and configured capture cone.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-smdz-radars__card\"\u003e\n\n \u003cdiv class=\"fml-smdz-radars__card-top\"\u003e\n \u003cspan class=\"fml-smdz-radars__number\"\u003e02\u003c\/span\u003e\n \u003cspan class=\"fml-smdz-radars__label\"\u003eOcclusion · Objects\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eOcclusion Filtering\u003c\/h3\u003e\n\n \u003cp\u003e\n If walls, trees or other obstructions block the radar view, the\n system can ignore that vehicle instead of treating it as a valid\n capture.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-smdz-radars__card\"\u003e\n\n \u003cdiv class=\"fml-smdz-radars__card-top\"\u003e\n \u003cspan class=\"fml-smdz-radars__number\"\u003e03\u003c\/span\u003e\n \u003cspan class=\"fml-smdz-radars__label\"\u003eEmergency · VIP · Config\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eConfigurable Exemptions\u003c\/h3\u003e\n\n \u003cp\u003e\n Selected categories such as emergency services or configured VIP\n groups can be excluded from automatic fines.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-smdz-radars__card\"\u003e\n\n \u003cdiv class=\"fml-smdz-radars__card-top\"\u003e\n \u003cspan class=\"fml-smdz-radars__number\"\u003e04\u003c\/span\u003e\n \u003cspan class=\"fml-smdz-radars__label\"\u003eSQL · Fine · Persistent\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003ePersistent Ticket Records\u003c\/h3\u003e\n\n \u003cp\u003e\n Fine data is stored persistently in SQL, while payment and enforcement\n logic are handled on the server side.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- FINES --\u003e\n \u003csection class=\"fml-smdz-radars__section\"\u003e\n\n \u003cdiv class=\"fml-smdz-radars__head\"\u003e\n\n \u003cdiv class=\"fml-smdz-radars__index\"\u003e\n 06 \/ Fines\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-smdz-radars__kicker\"\u003e\n Tickets become part of the RP economy\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-smdz-radars__section-title\"\u003e\n Let players review what happened, then settle the fine through the server economy.\n \u003c\/h2\u003e\n\n \u003cp class=\"fml-smdz-radars__intro\"\u003e\n Captured players can review their evidence and outstanding violations\n through the provided ticket interface instead of receiving only a\n one-line charge notification.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-smdz-radars__grid\"\u003e\n\n \u003carticle class=\"fml-smdz-radars__card\"\u003e\n\n \u003cdiv class=\"fml-smdz-radars__card-top\"\u003e\n \u003cspan class=\"fml-smdz-radars__number\"\u003e01\u003c\/span\u003e\n \u003cspan class=\"fml-smdz-radars__label\"\u003eEvidence · UI · Player\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eReview Captured Evidence\u003c\/h3\u003e\n\n \u003cp\u003e\n Players can inspect the photographic evidence and associated ticket\n information from the provided interface.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-smdz-radars__card\"\u003e\n\n \u003cdiv class=\"fml-smdz-radars__card-top\"\u003e\n \u003cspan class=\"fml-smdz-radars__number\"\u003e02\u003c\/span\u003e\n \u003cspan class=\"fml-smdz-radars__label\"\u003eHistory · Pending · Unpaid\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eFine History\u003c\/h3\u003e\n\n \u003cp\u003e\n Outstanding and unpaid violations remain visible instead of\n disappearing after the initial capture.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-smdz-radars__card\"\u003e\n\n \u003cdiv class=\"fml-smdz-radars__card-top\"\u003e\n \u003cspan class=\"fml-smdz-radars__number\"\u003e03\u003c\/span\u003e\n \u003cspan class=\"fml-smdz-radars__label\"\u003eCash · Police NPC\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eCash Payment\u003c\/h3\u003e\n\n \u003cp\u003e\n The supplied system includes payment through police NPC locations for\n servers that want a physical fine-payment workflow.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-smdz-radars__card\"\u003e\n\n \u003cdiv class=\"fml-smdz-radars__card-top\"\u003e\n \u003cspan class=\"fml-smdz-radars__number\"\u003e04\u003c\/span\u003e\n \u003cspan class=\"fml-smdz-radars__label\"\u003eBank · Economy · Framework\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eBank Payments\u003c\/h3\u003e\n\n \u003cp\u003e\n Compatible framework integrations allow fines to be paid from player\n bank accounts as part of the server economy.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- COMPATIBILITY --\u003e\n \u003csection class=\"fml-smdz-radars__section\"\u003e\n\n \u003cdiv class=\"fml-smdz-radars__head\"\u003e\n\n \u003cdiv class=\"fml-smdz-radars__index\"\u003e\n 07 \/ Compatibility\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-smdz-radars__kicker\"\u003e\n Integrated through smdz_bridge\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-smdz-radars__section-title\"\u003e\n One traffic enforcement system for ESX, QBCore and QBox servers.\n \u003c\/h2\u003e\n\n \u003cp class=\"fml-smdz-radars__intro\"\u003e\n Framework integration is handled through \u003ccode\u003esmdz_bridge\u003c\/code\u003e,\n providing a common layer for supported server environments.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-smdz-radars__terminal\"\u003e\n\n \u003cdiv class=\"fml-smdz-radars__terminal-head\"\u003e\n \u003cstrong\u003e\/\/ SMDZ_SPEED_RADARS\u003c\/strong\u003e\n \u003cspan\u003eFramework \/ Storage \/ Security \/ Delivery\u003c\/span\u003e\n \u003c\/div\u003e\n\n\n \u003cdl class=\"fml-smdz-radars__spec-grid\"\u003e\n\n \u003cdiv class=\"fml-smdz-radars__spec\"\u003e\n\n \u003cdt\u003eFrameworks\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-smdz-radars__spec-value\"\u003e\n ESX \/ QBCore \/ QBox\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-smdz-radars__spec-copy\"\u003e\n Supported through the supplied smdz_bridge integration layer.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-smdz-radars__spec\"\u003e\n\n \u003cdt\u003eRadar types\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-smdz-radars__spec-value\"\u003e\n Portable + Fixed\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-smdz-radars__spec-copy\"\u003e\n Officer-operated portable radar and permanent speed-camera\n systems.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-smdz-radars__spec\"\u003e\n\n \u003cdt\u003eEvidence\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-smdz-radars__spec-value\"\u003e\n Photo Capture\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-smdz-radars__spec-copy\"\u003e\n Violations can include photographic evidence and detailed ticket\n information.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-smdz-radars__spec\"\u003e\n\n \u003cdt\u003eStorage\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-smdz-radars__spec-value\"\u003e\n SQL Persistent\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-smdz-radars__spec-copy\"\u003e\n Radar configurations and fine records are described as persistent\n across server restarts.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-smdz-radars__spec\"\u003e\n\n \u003cdt\u003eValidation\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-smdz-radars__spec-value\"\u003e\n Server-Side\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-smdz-radars__spec-copy\"\u003e\n Enforcement includes server-side capture and fine validation.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-smdz-radars__spec\"\u003e\n\n \u003cdt\u003eDelivery\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-smdz-radars__spec-value\"\u003e\n Tebex \/ Escrow\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-smdz-radars__spec-copy\"\u003e\n Distributed through Tebex using FiveM Asset Escrow.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n \u003c\/dl\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- USE CASES --\u003e\n \u003csection class=\"fml-smdz-radars__section\"\u003e\n\n \u003cdiv class=\"fml-smdz-radars__head\"\u003e\n\n \u003cdiv class=\"fml-smdz-radars__index\"\u003e\n 08 \/ Roleplay\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-smdz-radars__kicker\"\u003e\n More reasons for traffic units to exist\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-smdz-radars__section-title\"\u003e\n Turn highways, city streets and police checkpoints into active enforcement zones.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-smdz-radars__grid\"\u003e\n\n \u003carticle class=\"fml-smdz-radars__card\"\u003e\n\n \u003cdiv class=\"fml-smdz-radars__card-top\"\u003e\n \u003cspan class=\"fml-smdz-radars__number\"\u003e01\u003c\/span\u003e\n \u003cspan class=\"fml-smdz-radars__label\"\u003eHighway · Traffic Unit\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eHighway Patrol\u003c\/h3\u003e\n\n \u003cp\u003e\n Give highway units a dedicated enforcement tool for monitoring\n high-speed routes and roadside checkpoints.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-smdz-radars__card\"\u003e\n\n \u003cdiv class=\"fml-smdz-radars__card-top\"\u003e\n \u003cspan class=\"fml-smdz-radars__number\"\u003e02\u003c\/span\u003e\n \u003cspan class=\"fml-smdz-radars__label\"\u003eCity · Fixed Cameras\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eUrban Speed Cameras\u003c\/h3\u003e\n\n \u003cp\u003e\n Build permanent enforcement points around busy downtown roads and\n high-risk city areas.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-smdz-radars__card\"\u003e\n\n \u003cdiv class=\"fml-smdz-radars__card-top\"\u003e\n \u003cspan class=\"fml-smdz-radars__number\"\u003e03\u003c\/span\u003e\n \u003cspan class=\"fml-smdz-radars__label\"\u003eEconomy · Fines\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eGovernment Revenue\u003c\/h3\u003e\n\n \u003cp\u003e\n Fine payments can become part of the server economy and support\n police or government roleplay structures depending on configuration.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-smdz-radars__card\"\u003e\n\n \u003cdiv class=\"fml-smdz-radars__card-top\"\u003e\n \u003cspan class=\"fml-smdz-radars__number\"\u003e04\u003c\/span\u003e\n \u003cspan class=\"fml-smdz-radars__label\"\u003eEvidence · Accountability\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eDocumented Violations\u003c\/h3\u003e\n\n \u003cp\u003e\n Photo evidence and persistent fine records make enforcement more\n transparent than instant unexplained money deductions.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- CLOSING --\u003e\n \u003csection class=\"fml-smdz-radars__closing\"\u003e\n\n \u003cdiv class=\"fml-smdz-radars__closing-label\"\u003e\n SMDZ Speed Radars \/ FiveM Traffic Enforcement\n \u003c\/div\u003e\n\n \u003ch2\u003e\n Stop making speeding a number in the corner of the screen. Turn it into a complete enforcement system.\n \u003c\/h2\u003e\n\n \u003cp\u003e\n SMDZ Speed Radars brings portable police radar, permanent speed cameras,\n live monitoring, 10× zoom, night vision, photographic evidence, automatic\n fines, configurable exemptions, server-side validation and persistent SQL\n records together in one traffic-focused FiveM resource for ESX, QBCore\n and QBox servers.\n \u003c\/p\u003e\n\n \u003c\/section\u003e\n\n\n \u003cdiv class=\"fml-smdz-radars__final\"\u003e\n Detect the speed. Capture the evidence.\n \u003cem\u003eMake the ticket part of the roleplay.\u003c\/em\u003e\n \u003c\/div\u003e\n\n\u003c\/article\u003e","brand":"Smdz Studios","offers":[{"title":"Default Title","offer_id":45766320291949,"sku":null,"price":16.23,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/cc78f6d35f23cd7bac6874068bc149f350578e45_2_690x388_86cea024-451c-4923-a906-3307e5e92d18.jpg?v=1788373115"},{"product_id":"ember-loadscreen-v1-fivem","title":"Ember Loadscreen V1","description":"\u003cstyle\u003e\n \/* =========================================================\n FIVEM-LAB — EMBER LOADSCREEN V1\n CINEMATIC FIVEM LOADING EXPERIENCE\n ========================================================= *\/\n\n .fml-ember-loadscreen {\n --gold:#ffd700;\n --white:#ffffff;\n --black:#050505;\n --text:rgba(255,255,255,.92);\n --muted:rgba(255,255,255,.66);\n --dim:rgba(255,255,255,.42);\n --line:rgba(255,255,255,.10);\n --line-soft:rgba(255,255,255,.055);\n --gold-line:rgba(255,215,0,.34);\n --panel:rgba(255,255,255,.022);\n --green:#6de4a7;\n\n width:100%;\n max-width:1180px;\n margin:0 auto;\n padding:18px 0 88px;\n\n color:var(--text);\n background:transparent;\n font-family:inherit;\n font-size:16px;\n line-height:1.7;\n }\n\n .fml-ember-loadscreen,\n .fml-ember-loadscreen *,\n .fml-ember-loadscreen *::before,\n .fml-ember-loadscreen *::after {\n box-sizing:border-box;\n }\n\n .fml-ember-loadscreen h2,\n .fml-ember-loadscreen h3,\n .fml-ember-loadscreen p,\n .fml-ember-loadscreen dl,\n .fml-ember-loadscreen dt,\n .fml-ember-loadscreen dd {\n margin:0;\n }\n\n .fml-ember-loadscreen ::selection {\n color:var(--black);\n background:var(--gold);\n }\n\n .fml-ember-loadscreen code {\n padding:2px 6px;\n border:1px solid rgba(255,215,0,.18);\n border-radius:3px;\n background:rgba(255,215,0,.055);\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n }\n\n \/* HERO *\/\n\n .fml-ember-loadscreen__hero {\n position:relative;\n isolation:isolate;\n overflow:hidden;\n\n padding:clamp(38px,6vw,80px);\n\n border:1px solid var(--line);\n border-top-color:var(--gold-line);\n border-radius:7px;\n\n background:\n radial-gradient(\n circle at 88% 5%,\n rgba(255,215,0,.15),\n transparent 31%\n ),\n radial-gradient(\n circle at 8% 100%,\n rgba(255,255,255,.035),\n transparent 30%\n ),\n rgba(0,0,0,.17);\n }\n\n .fml-ember-loadscreen__hero::before {\n content:\"\";\n position:absolute;\n top:0;\n left:0;\n width:min(430px,70%);\n height:2px;\n\n background:var(--gold);\n box-shadow:0 0 24px rgba(255,215,0,.36);\n }\n\n .fml-ember-loadscreen__hero::after {\n content:\"EMBER STUDIOS \/ LOADSCREEN V1 \/ FIVEM\";\n position:absolute;\n top:20px;\n right:22px;\n\n color:rgba(255,255,255,.14);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:850;\n letter-spacing:.15em;\n text-transform:uppercase;\n }\n\n .fml-ember-loadscreen__eyebrow {\n display:flex;\n flex-wrap:wrap;\n gap:8px 16px;\n align-items:center;\n\n margin-bottom:24px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:900;\n letter-spacing:.15em;\n text-transform:uppercase;\n }\n\n .fml-ember-loadscreen__eyebrow span + span {\n color:var(--dim);\n }\n\n .fml-ember-loadscreen__eyebrow span + span::before {\n content:\"\/\";\n margin-right:16px;\n color:var(--gold);\n }\n\n .fml-ember-loadscreen__title {\n max-width:1000px;\n margin:0 !important;\n\n color:var(--white) !important;\n\n font-size:clamp(42px,5.9vw,74px) !important;\n font-weight:950 !important;\n letter-spacing:-.052em;\n line-height:.96 !important;\n\n text-wrap:balance;\n }\n\n .fml-ember-loadscreen__hero-copy {\n max-width:920px;\n margin-top:28px !important;\n\n color:var(--muted) !important;\n\n font-size:clamp(18px,1.9vw,23px);\n font-weight:600;\n line-height:1.56;\n }\n\n .fml-ember-loadscreen__hero-copy strong {\n color:var(--white);\n }\n\n .fml-ember-loadscreen__badges {\n display:flex;\n flex-wrap:wrap;\n gap:10px;\n\n margin-top:34px;\n }\n\n .fml-ember-loadscreen__badge {\n display:inline-flex;\n align-items:center;\n\n min-height:38px;\n padding:0 14px;\n\n color:var(--white);\n background:rgba(255,255,255,.025);\n\n border:1px solid var(--line);\n border-radius:3px;\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.09em;\n text-transform:uppercase;\n }\n\n .fml-ember-loadscreen__badge--gold {\n color:var(--black);\n background:var(--gold);\n border-color:var(--gold);\n }\n\n .fml-ember-loadscreen__meta {\n display:flex;\n flex-wrap:wrap;\n gap:10px 26px;\n\n margin-top:30px;\n padding-top:22px;\n\n border-top:1px solid var(--line);\n }\n\n .fml-ember-loadscreen__meta span {\n position:relative;\n padding-left:17px;\n\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:850;\n letter-spacing:.10em;\n text-transform:uppercase;\n }\n\n .fml-ember-loadscreen__meta span::before {\n content:\"\";\n position:absolute;\n top:.7em;\n left:0;\n\n width:7px;\n height:1px;\n\n background:var(--gold);\n }\n\n \/* SECTIONS *\/\n\n .fml-ember-loadscreen__section {\n padding:clamp(56px,8vw,94px) 0;\n border-bottom:1px solid var(--line);\n }\n\n .fml-ember-loadscreen__head {\n display:grid;\n grid-template-columns:minmax(126px,.26fr) minmax(0,1fr);\n gap:clamp(28px,5vw,72px);\n align-items:start;\n }\n\n .fml-ember-loadscreen__index {\n padding-top:8px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:900;\n letter-spacing:.12em;\n text-transform:uppercase;\n }\n\n .fml-ember-loadscreen__kicker {\n margin-bottom:14px;\n\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:850;\n letter-spacing:.14em;\n text-transform:uppercase;\n }\n\n .fml-ember-loadscreen__section-title {\n max-width:960px;\n margin:0 !important;\n\n color:var(--white) !important;\n\n font-size:clamp(30px,4vw,48px) !important;\n font-weight:950 !important;\n letter-spacing:-.04em;\n line-height:1.04 !important;\n\n text-wrap:balance;\n }\n\n .fml-ember-loadscreen__intro {\n max-width:910px;\n margin-top:22px !important;\n\n color:var(--muted) !important;\n\n font-size:clamp(16px,1.5vw,19px);\n line-height:1.75;\n }\n\n .fml-ember-loadscreen__statement {\n display:grid;\n grid-template-columns:minmax(0,1fr) auto;\n gap:clamp(28px,5vw,72px);\n align-items:end;\n\n margin-top:clamp(34px,5vw,58px);\n padding-top:30px;\n\n border-top:1px solid var(--line);\n }\n\n .fml-ember-loadscreen__statement p {\n max-width:870px;\n\n color:var(--text) !important;\n\n font-size:clamp(18px,2vw,24px);\n font-weight:650;\n line-height:1.5;\n }\n\n .fml-ember-loadscreen__code-label {\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:900;\n letter-spacing:.12em;\n white-space:nowrap;\n }\n\n \/* CARDS *\/\n\n .fml-ember-loadscreen__grid {\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:14px;\n\n margin-top:clamp(40px,6vw,64px);\n }\n\n .fml-ember-loadscreen__card {\n position:relative;\n overflow:hidden;\n\n min-width:0;\n padding:clamp(24px,3vw,32px);\n\n border:1px solid var(--line);\n border-radius:4px;\n\n background:var(--panel);\n\n transition:\n transform .18s ease,\n border-color .18s ease,\n background .18s ease;\n }\n\n .fml-ember-loadscreen__card::before {\n content:\"\";\n position:absolute;\n top:0;\n left:0;\n\n width:0;\n height:1px;\n\n background:var(--gold);\n\n transition:width .22s ease;\n }\n\n .fml-ember-loadscreen__card:hover {\n transform:translateY(-2px);\n border-color:var(--gold-line);\n background:rgba(255,255,255,.038);\n }\n\n .fml-ember-loadscreen__card:hover::before {\n width:100%;\n }\n\n .fml-ember-loadscreen__card-top {\n display:flex;\n justify-content:space-between;\n gap:14px;\n\n margin-bottom:28px;\n }\n\n .fml-ember-loadscreen__number {\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:950;\n }\n\n .fml-ember-loadscreen__label {\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:8px;\n font-weight:800;\n letter-spacing:.09em;\n text-align:right;\n text-transform:uppercase;\n }\n\n .fml-ember-loadscreen__card h3 {\n margin:0 0 12px !important;\n\n color:var(--white) !important;\n\n font-size:clamp(20px,2vw,26px) !important;\n font-weight:950 !important;\n letter-spacing:-.03em;\n line-height:1.15 !important;\n }\n\n .fml-ember-loadscreen__card p {\n color:var(--muted) !important;\n\n font-size:14px;\n line-height:1.7;\n }\n\n \/* TIME OF DAY *\/\n\n .fml-ember-loadscreen__times {\n display:grid;\n grid-template-columns:repeat(4,minmax(0,1fr));\n gap:14px;\n\n margin-top:clamp(40px,6vw,64px);\n }\n\n .fml-ember-loadscreen__time {\n position:relative;\n min-height:210px;\n overflow:hidden;\n\n padding:22px;\n\n border:1px solid var(--line);\n border-radius:4px;\n\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n }\n\n .fml-ember-loadscreen__time:nth-child(1) {\n background:\n linear-gradient(\n 160deg,\n rgba(255,180,150,.14),\n rgba(255,130,180,.04) 55%,\n rgba(0,0,0,.10)\n );\n }\n\n .fml-ember-loadscreen__time:nth-child(2) {\n background:\n linear-gradient(\n 160deg,\n rgba(255,215,0,.12),\n rgba(255,255,255,.025) 58%,\n rgba(0,0,0,.10)\n );\n }\n\n .fml-ember-loadscreen__time:nth-child(3) {\n background:\n linear-gradient(\n 160deg,\n rgba(255,145,55,.15),\n rgba(255,80,30,.035) 58%,\n rgba(0,0,0,.11)\n );\n }\n\n .fml-ember-loadscreen__time:nth-child(4) {\n background:\n linear-gradient(\n 160deg,\n rgba(60,90,140,.11),\n rgba(0,0,0,.20) 68%\n );\n }\n\n .fml-ember-loadscreen__time small {\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.1em;\n text-transform:uppercase;\n }\n\n .fml-ember-loadscreen__time h3 {\n margin:0 0 7px !important;\n\n color:var(--white) !important;\n\n font-size:21px !important;\n font-weight:950 !important;\n }\n\n .fml-ember-loadscreen__time p {\n color:var(--muted) !important;\n font-size:12px;\n line-height:1.55;\n }\n\n \/* MUSIC *\/\n\n .fml-ember-loadscreen__player {\n margin-top:clamp(40px,6vw,64px);\n overflow:hidden;\n\n border:1px solid var(--gold-line);\n border-radius:5px;\n\n background:\n radial-gradient(\n circle at 88% 0,\n rgba(255,215,0,.08),\n transparent 34%\n ),\n rgba(0,0,0,.20);\n }\n\n .fml-ember-loadscreen__player-head {\n display:flex;\n flex-wrap:wrap;\n justify-content:space-between;\n gap:18px;\n\n padding:14px 18px;\n border-bottom:1px solid var(--line);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.1em;\n text-transform:uppercase;\n }\n\n .fml-ember-loadscreen__player-head strong {\n color:var(--gold);\n }\n\n .fml-ember-loadscreen__player-head span {\n color:var(--dim);\n }\n\n .fml-ember-loadscreen__player-body {\n display:grid;\n grid-template-columns:minmax(0,1fr) auto;\n gap:34px;\n align-items:center;\n\n padding:clamp(28px,5vw,48px);\n }\n\n .fml-ember-loadscreen__track small {\n display:block;\n margin-bottom:7px;\n\n color:var(--dim);\n\n font-size:9px;\n font-weight:850;\n letter-spacing:.10em;\n text-transform:uppercase;\n }\n\n .fml-ember-loadscreen__track strong {\n display:block;\n\n color:var(--white);\n\n font-size:clamp(24px,3.3vw,38px);\n font-weight:950;\n letter-spacing:-.04em;\n line-height:1.1;\n }\n\n .fml-ember-loadscreen__wave {\n display:flex;\n align-items:center;\n gap:4px;\n\n height:62px;\n }\n\n .fml-ember-loadscreen__wave span {\n display:block;\n width:3px;\n border-radius:3px;\n background:var(--gold);\n opacity:.82;\n }\n\n .fml-ember-loadscreen__wave span:nth-child(1) { height:18px; }\n .fml-ember-loadscreen__wave span:nth-child(2) { height:42px; }\n .fml-ember-loadscreen__wave span:nth-child(3) { height:28px; }\n .fml-ember-loadscreen__wave span:nth-child(4) { height:56px; }\n .fml-ember-loadscreen__wave span:nth-child(5) { height:34px; }\n .fml-ember-loadscreen__wave span:nth-child(6) { height:49px; }\n .fml-ember-loadscreen__wave span:nth-child(7) { height:24px; }\n .fml-ember-loadscreen__wave span:nth-child(8) { height:39px; }\n .fml-ember-loadscreen__wave span:nth-child(9) { height:18px; }\n .fml-ember-loadscreen__wave span:nth-child(10) { height:52px; }\n\n \/* LIVE INFO *\/\n\n .fml-ember-loadscreen__server {\n display:grid;\n grid-template-columns:repeat(4,minmax(0,1fr));\n\n margin-top:clamp(40px,6vw,64px);\n\n border:1px solid var(--line);\n border-radius:5px;\n overflow:hidden;\n\n background:rgba(0,0,0,.15);\n }\n\n .fml-ember-loadscreen__server-item {\n min-width:0;\n padding:26px;\n\n border-right:1px solid var(--line-soft);\n }\n\n .fml-ember-loadscreen__server-item:last-child {\n border-right:0;\n }\n\n .fml-ember-loadscreen__server-item small {\n display:block;\n margin-bottom:10px;\n\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:8px;\n font-weight:900;\n letter-spacing:.11em;\n text-transform:uppercase;\n }\n\n .fml-ember-loadscreen__server-item strong {\n display:block;\n\n color:var(--white);\n\n font-size:clamp(19px,2.4vw,29px);\n font-weight:950;\n letter-spacing:-.035em;\n line-height:1.1;\n }\n\n .fml-ember-loadscreen__server-item strong em {\n color:var(--green);\n font-style:normal;\n }\n\n .fml-ember-loadscreen__server-item span {\n display:block;\n margin-top:8px;\n\n color:var(--muted);\n font-size:11px;\n }\n\n \/* PROGRESS *\/\n\n .fml-ember-loadscreen__progress-modes {\n display:grid;\n grid-template-columns:repeat(3,minmax(0,1fr));\n gap:14px;\n\n margin-top:clamp(40px,6vw,64px);\n }\n\n .fml-ember-loadscreen__progress {\n padding:25px;\n\n border:1px solid var(--line);\n border-top-color:var(--gold-line);\n border-radius:4px;\n\n background:var(--panel);\n }\n\n .fml-ember-loadscreen__progress small {\n display:block;\n margin-bottom:22px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.1em;\n }\n\n .fml-ember-loadscreen__progress h3 {\n margin:0 0 9px !important;\n\n color:var(--white) !important;\n\n font-size:20px !important;\n font-weight:950 !important;\n }\n\n .fml-ember-loadscreen__progress p {\n color:var(--muted) !important;\n font-size:13px;\n line-height:1.65;\n }\n\n .fml-ember-loadscreen__bar {\n position:relative;\n height:4px;\n\n margin-top:24px;\n\n overflow:hidden;\n\n background:rgba(255,255,255,.08);\n }\n\n .fml-ember-loadscreen__bar::before {\n content:\"\";\n position:absolute;\n inset:0 auto 0 0;\n width:68%;\n\n background:var(--gold);\n box-shadow:0 0 12px rgba(255,215,0,.36);\n }\n\n \/* CONFIG *\/\n\n .fml-ember-loadscreen__config {\n display:grid;\n grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);\n gap:16px;\n\n margin-top:clamp(40px,6vw,64px);\n }\n\n .fml-ember-loadscreen__config-copy,\n .fml-ember-loadscreen__config-code {\n min-width:0;\n\n border:1px solid var(--line);\n border-radius:5px;\n\n background:var(--panel);\n }\n\n .fml-ember-loadscreen__config-copy {\n padding:clamp(26px,4vw,38px);\n\n border-color:var(--gold-line);\n\n background:\n linear-gradient(\n 130deg,\n rgba(255,215,0,.05),\n transparent 56%\n ),\n var(--panel);\n }\n\n .fml-ember-loadscreen__config-copy small {\n display:block;\n margin-bottom:11px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.11em;\n text-transform:uppercase;\n }\n\n .fml-ember-loadscreen__config-copy h3 {\n margin:0 0 13px !important;\n\n color:var(--white) !important;\n\n font-size:clamp(23px,3vw,32px) !important;\n font-weight:950 !important;\n letter-spacing:-.035em;\n line-height:1.1 !important;\n }\n\n .fml-ember-loadscreen__config-copy p {\n color:var(--muted) !important;\n\n font-size:14px;\n line-height:1.72;\n }\n\n .fml-ember-loadscreen__config-head {\n padding:14px 18px;\n\n border-bottom:1px solid var(--line);\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.1em;\n }\n\n .fml-ember-loadscreen__config-body {\n padding:25px;\n\n color:rgba(255,255,255,.70);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:12px;\n line-height:1.9;\n }\n\n .fml-ember-loadscreen__config-body .gold {\n color:var(--gold);\n }\n\n .fml-ember-loadscreen__config-body .green {\n color:var(--green);\n }\n\n .fml-ember-loadscreen__config-body .comment {\n color:rgba(255,255,255,.34);\n }\n\n \/* TECH *\/\n\n .fml-ember-loadscreen__terminal {\n margin-top:clamp(40px,6vw,66px);\n overflow:hidden;\n\n border:1px solid var(--gold-line);\n border-radius:4px;\n\n background:\n linear-gradient(\n 180deg,\n rgba(255,215,0,.026),\n transparent 30%\n ),\n rgba(0,0,0,.20);\n }\n\n .fml-ember-loadscreen__terminal-head {\n display:flex;\n flex-wrap:wrap;\n gap:10px 24px;\n justify-content:space-between;\n\n padding:14px 18px;\n\n border-bottom:1px solid var(--line);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.09em;\n text-transform:uppercase;\n }\n\n .fml-ember-loadscreen__terminal-head strong {\n color:var(--gold);\n }\n\n .fml-ember-loadscreen__terminal-head span {\n color:var(--dim);\n }\n\n .fml-ember-loadscreen__spec-grid {\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n }\n\n .fml-ember-loadscreen__spec {\n min-width:0;\n padding:clamp(24px,4vw,34px);\n\n border-right:1px solid var(--line);\n border-bottom:1px solid var(--line);\n }\n\n .fml-ember-loadscreen__spec:nth-child(2n) {\n border-right:0;\n }\n\n .fml-ember-loadscreen__spec:nth-last-child(-n + 2) {\n border-bottom:0;\n }\n\n .fml-ember-loadscreen__spec dt {\n margin-bottom:12px;\n\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:8px;\n font-weight:900;\n letter-spacing:.12em;\n text-transform:uppercase;\n }\n\n .fml-ember-loadscreen__spec-value {\n display:block;\n\n color:var(--white);\n\n font-size:clamp(19px,2.4vw,29px);\n font-weight:950;\n letter-spacing:-.035em;\n line-height:1.1;\n }\n\n .fml-ember-loadscreen__spec:first-child\n .fml-ember-loadscreen__spec-value {\n color:var(--gold);\n }\n\n .fml-ember-loadscreen__spec-copy {\n display:block;\n margin-top:10px;\n\n color:var(--muted);\n\n font-size:12px;\n line-height:1.58;\n }\n\n \/* CLOSING *\/\n\n .fml-ember-loadscreen__closing {\n position:relative;\n overflow:hidden;\n\n margin-top:clamp(64px,9vw,110px);\n padding:clamp(40px,7vw,80px);\n\n border-top:1px solid var(--gold-line);\n border-bottom:1px solid var(--line);\n\n background:\n radial-gradient(\n circle at 100% 0,\n rgba(255,215,0,.12),\n transparent 34%\n ),\n rgba(255,255,255,.012);\n }\n\n .fml-ember-loadscreen__closing-label {\n margin-bottom:20px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.13em;\n text-transform:uppercase;\n }\n\n .fml-ember-loadscreen__closing h2 {\n max-width:950px;\n margin:0 !important;\n\n color:var(--white) !important;\n\n font-size:clamp(31px,4.5vw,53px) !important;\n font-weight:950 !important;\n letter-spacing:-.045em;\n line-height:1.03 !important;\n\n text-wrap:balance;\n }\n\n .fml-ember-loadscreen__closing p {\n max-width:900px;\n margin-top:22px !important;\n\n color:var(--muted) !important;\n\n font-size:16px;\n line-height:1.75;\n }\n\n .fml-ember-loadscreen__final {\n margin-top:clamp(46px,7vw,76px);\n\n color:var(--white);\n\n font-size:clamp(26px,3.8vw,45px);\n font-weight:950;\n letter-spacing:-.043em;\n line-height:1.08;\n text-align:center;\n\n text-wrap:balance;\n }\n\n .fml-ember-loadscreen__final em {\n color:var(--gold);\n font-style:normal;\n }\n\n \/* RESPONSIVE *\/\n\n @media (max-width:1000px) {\n .fml-ember-loadscreen__times,\n .fml-ember-loadscreen__server {\n grid-template-columns:repeat(2,minmax(0,1fr));\n }\n\n .fml-ember-loadscreen__server-item:nth-child(2) {\n border-right:0;\n }\n\n .fml-ember-loadscreen__server-item:nth-child(-n + 2) {\n border-bottom:1px solid var(--line-soft);\n }\n }\n\n @media (max-width:900px) {\n .fml-ember-loadscreen__head {\n grid-template-columns:1fr;\n gap:16px;\n }\n\n .fml-ember-loadscreen__config {\n grid-template-columns:1fr;\n }\n }\n\n @media (max-width:760px) {\n .fml-ember-loadscreen__progress-modes {\n grid-template-columns:1fr;\n }\n\n .fml-ember-loadscreen__player-body {\n grid-template-columns:1fr;\n }\n }\n\n @media (max-width:680px) {\n .fml-ember-loadscreen {\n padding-top:8px;\n }\n\n .fml-ember-loadscreen__hero {\n padding:31px 21px 34px;\n }\n\n .fml-ember-loadscreen__hero::after {\n display:none;\n }\n\n .fml-ember-loadscreen__eyebrow {\n display:grid;\n gap:6px;\n }\n\n .fml-ember-loadscreen__eyebrow span + span::before {\n display:none;\n }\n\n .fml-ember-loadscreen__statement,\n .fml-ember-loadscreen__grid,\n .fml-ember-loadscreen__times,\n .fml-ember-loadscreen__server,\n .fml-ember-loadscreen__spec-grid {\n grid-template-columns:1fr;\n }\n\n .fml-ember-loadscreen__code-label {\n white-space:normal;\n }\n\n .fml-ember-loadscreen__server-item,\n .fml-ember-loadscreen__server-item:nth-child(2),\n .fml-ember-loadscreen__spec {\n border-right:0;\n border-bottom:1px solid var(--line);\n }\n\n .fml-ember-loadscreen__server-item:last-child,\n .fml-ember-loadscreen__spec:last-child {\n border-bottom:0;\n }\n\n .fml-ember-loadscreen__spec:nth-last-child(-n + 2) {\n border-bottom:1px solid var(--line);\n }\n\n .fml-ember-loadscreen__spec:last-child {\n border-bottom:0;\n }\n\n .fml-ember-loadscreen__closing {\n padding:38px 22px;\n }\n }\n\n @media (prefers-reduced-motion:reduce) {\n .fml-ember-loadscreen *,\n .fml-ember-loadscreen *::before,\n .fml-ember-loadscreen *::after {\n transition-duration:.01ms !important;\n animation-duration:.01ms !important;\n }\n }\n\u003c\/style\u003e\n\n\n\u003carticle class=\"fml-ember-loadscreen\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cheader class=\"fml-ember-loadscreen__hero\"\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__eyebrow\"\u003e\n \u003cspan\u003eFiveM Loadscreen\u003c\/span\u003e\n \u003cspan\u003eEmber Studios\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-ember-loadscreen__title\"\u003e\n Ember Loadscreen v1\n \u003c\/h2\u003e\n\n \u003cp class=\"fml-ember-loadscreen__hero-copy\"\u003e\n The first seconds on your server already shape the player's impression.\n \u003cstrong\u003eEmber Loadscreen v1 turns the FiveM loading process into a\n cinematic presentation with parallax scenes, dynamic time-of-day\n variations, music, promotions, live server information and configurable\n loading progress.\u003c\/strong\u003e\n \u003c\/p\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__badges\"\u003e\n\n \u003cspan class=\"fml-ember-loadscreen__badge fml-ember-loadscreen__badge--gold\"\u003e\n Cinematic Loadscreen\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-ember-loadscreen__badge\"\u003e\n Parallax Scenes\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-ember-loadscreen__badge\"\u003e\n Music Player\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-ember-loadscreen__badge\"\u003e\n Queue Support\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__meta\"\u003e\n \u003cspan\u003eLive server data\u003c\/span\u003e\n \u003cspan\u003e3 progress modes\u003c\/span\u003e\n \u003cspan\u003eBrowser preview\u003c\/span\u003e\n \u003cspan\u003eConfig.js customization\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/header\u003e\n\n\n \u003c!-- OVERVIEW --\u003e\n \u003csection class=\"fml-ember-loadscreen__section\"\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__head\"\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__index\"\u003e\n 00 \/ Overview\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__kicker\"\u003e\n The server experience starts before spawn\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-ember-loadscreen__section-title\"\u003e\n Turn loading time into part of your server's identity.\n \u003c\/h2\u003e\n\n \u003cp class=\"fml-ember-loadscreen__intro\"\u003e\n Ember Loadscreen v1 is designed around presentation rather than a\n static background and logo. Multi-layer cinematic scenes, server\n information, music and promotional content keep players engaged while\n FiveM prepares the session.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-ember-loadscreen__statement\"\u003e\n\n \u003cp\u003e\n Use the loading screen to introduce the server atmosphere, surface\n important information and promote new content before the player even\n enters the world.\n \u003c\/p\u003e\n\n \u003cspan class=\"fml-ember-loadscreen__code-label\"\u003e\n \/\/ SESSION_INITIALIZING\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- CINEMATIC --\u003e\n \u003csection class=\"fml-ember-loadscreen__section\"\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__head\"\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__index\"\u003e\n 01 \/ Cinema\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__kicker\"\u003e\n Multi-layer visual presentation\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-ember-loadscreen__section-title\"\u003e\n Replace the static loading image with scenes that actually feel alive.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-ember-loadscreen__grid\"\u003e\n\n \u003carticle class=\"fml-ember-loadscreen__card\"\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__card-top\"\u003e\n \u003cspan class=\"fml-ember-loadscreen__number\"\u003e01\u003c\/span\u003e\n \u003cspan class=\"fml-ember-loadscreen__label\"\u003eLayers · Motion · Depth\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eCinematic Parallax\u003c\/h3\u003e\n\n \u003cp\u003e\n Multi-layer scenes move independently to create a sense of depth,\n motion and perspective rather than presenting players with one flat\n background.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-ember-loadscreen__card\"\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__card-top\"\u003e\n \u003cspan class=\"fml-ember-loadscreen__number\"\u003e02\u003c\/span\u003e\n \u003cspan class=\"fml-ember-loadscreen__label\"\u003eZoom · Scene · Motion\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eDynamic Zoom Effects\u003c\/h3\u003e\n\n \u003cp\u003e\n Scene movement can include cinematic zoom behavior for cityscapes,\n roads, night drives and other visual compositions.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-ember-loadscreen__card\"\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__card-top\"\u003e\n \u003cspan class=\"fml-ember-loadscreen__number\"\u003e03\u003c\/span\u003e\n \u003cspan class=\"fml-ember-loadscreen__label\"\u003eBranding · Atmosphere\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eServer-Focused Visual Identity\u003c\/h3\u003e\n\n \u003cp\u003e\n Scenes, colors and presentation can be customized around the visual\n language of your own FiveM community.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-ember-loadscreen__card\"\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__card-top\"\u003e\n \u003cspan class=\"fml-ember-loadscreen__number\"\u003e04\u003c\/span\u003e\n \u003cspan class=\"fml-ember-loadscreen__label\"\u003eGTA Online Inspired\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eGame-Like Presentation\u003c\/h3\u003e\n\n \u003cp\u003e\n The overall experience takes inspiration from cinematic GTA-style\n loading presentation while remaining configurable for your server.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- TIME --\u003e\n \u003csection class=\"fml-ember-loadscreen__section\"\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__head\"\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__index\"\u003e\n 02 \/ Time\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__kicker\"\u003e\n Dynamic atmosphere\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-ember-loadscreen__section-title\"\u003e\n Let the loadscreen change character as the world moves through the day.\n \u003c\/h2\u003e\n\n \u003cp class=\"fml-ember-loadscreen__intro\"\u003e\n Ember Loadscreen includes multiple time-of-day visual profiles that\n can automatically change according to the in-game time.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-ember-loadscreen__times\"\u003e\n\n \u003carticle class=\"fml-ember-loadscreen__time\"\u003e\n \u003csmall\u003e01 \/ DAWN\u003c\/small\u003e\n\n \u003cdiv\u003e\n \u003ch3\u003eDawn\u003c\/h3\u003e\n \u003cp\u003eSoft pink tones for early-morning atmosphere.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-ember-loadscreen__time\"\u003e\n \u003csmall\u003e02 \/ DAY\u003c\/small\u003e\n\n \u003cdiv\u003e\n \u003ch3\u003eDay\u003c\/h3\u003e\n \u003cp\u003eBrighter presentation designed around daylight scenes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-ember-loadscreen__time\"\u003e\n \u003csmall\u003e03 \/ DUSK\u003c\/small\u003e\n\n \u003cdiv\u003e\n \u003ch3\u003eDusk\u003c\/h3\u003e\n \u003cp\u003eWarm orange lighting for the transition into evening.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-ember-loadscreen__time\"\u003e\n \u003csmall\u003e04 \/ NIGHT\u003c\/small\u003e\n\n \u003cdiv\u003e\n \u003ch3\u003eNight\u003c\/h3\u003e\n \u003cp\u003eDarker city and sky styling for nighttime sessions.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- PROMOTIONS --\u003e\n \u003csection class=\"fml-ember-loadscreen__section\"\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__head\"\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__index\"\u003e\n 03 \/ Promote\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__kicker\"\u003e\n Loading time becomes useful screen space\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-ember-loadscreen__section-title\"\u003e\n Show players what changed before they start asking in Discord.\n \u003c\/h2\u003e\n\n \u003cp class=\"fml-ember-loadscreen__intro\"\u003e\n Featured promotion panels can be used to highlight important server\n content directly during loading.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-ember-loadscreen__grid\"\u003e\n\n \u003carticle class=\"fml-ember-loadscreen__card\"\u003e\n \u003cdiv class=\"fml-ember-loadscreen__card-top\"\u003e\n \u003cspan class=\"fml-ember-loadscreen__number\"\u003e01\u003c\/span\u003e\n \u003cspan class=\"fml-ember-loadscreen__label\"\u003eUpdates · News\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eServer Updates\u003c\/h3\u003e\n\n \u003cp\u003e\n Highlight recent changes and important announcements directly inside\n the loading experience.\n \u003c\/p\u003e\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-ember-loadscreen__card\"\u003e\n \u003cdiv class=\"fml-ember-loadscreen__card-top\"\u003e\n \u003cspan class=\"fml-ember-loadscreen__number\"\u003e02\u003c\/span\u003e\n \u003cspan class=\"fml-ember-loadscreen__label\"\u003eJobs · Content\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eNew Jobs \u0026amp; Features\u003c\/h3\u003e\n\n \u003cp\u003e\n Introduce newly added jobs, systems and gameplay features before\n players enter the city.\n \u003c\/p\u003e\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-ember-loadscreen__card\"\u003e\n \u003cdiv class=\"fml-ember-loadscreen__card-top\"\u003e\n \u003cspan class=\"fml-ember-loadscreen__number\"\u003e03\u003c\/span\u003e\n \u003cspan class=\"fml-ember-loadscreen__label\"\u003eVehicles · Events\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eCars \u0026amp; Events\u003c\/h3\u003e\n\n \u003cp\u003e\n Promote new vehicle releases, scheduled events and other community\n activities.\n \u003c\/p\u003e\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-ember-loadscreen__card\"\u003e\n \u003cdiv class=\"fml-ember-loadscreen__card-top\"\u003e\n \u003cspan class=\"fml-ember-loadscreen__number\"\u003e04\u003c\/span\u003e\n \u003cspan class=\"fml-ember-loadscreen__label\"\u003eRules · Links\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eRules \u0026amp; Server Information\u003c\/h3\u003e\n\n \u003cp\u003e\n Surface important rules, links or server-specific information in a\n place every connecting player already sees.\n \u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- MUSIC --\u003e\n \u003csection class=\"fml-ember-loadscreen__section\"\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__head\"\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__index\"\u003e\n 04 \/ Music\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__kicker\"\u003e\n Built-in audio experience\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-ember-loadscreen__section-title\"\u003e\n Give the server a soundtrack before the player reaches the spawn menu.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-ember-loadscreen__player\"\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__player-head\"\u003e\n \u003cstrong\u003e\/\/ EMBER_MUSIC_PLAYER\u003c\/strong\u003e\n \u003cspan\u003eMultiple Tracks \/ Shuffle \/ Volume \/ Mute\u003c\/span\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-ember-loadscreen__player-body\"\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__track\"\u003e\n \u003csmall\u003eNow playing\u003c\/small\u003e\n \u003cstrong\u003eYour Server Soundtrack\u003c\/strong\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-ember-loadscreen__wave\" aria-hidden=\"true\"\u003e\n \u003cspan\u003e\u003c\/span\u003e\n \u003cspan\u003e\u003c\/span\u003e\n \u003cspan\u003e\u003c\/span\u003e\n \u003cspan\u003e\u003c\/span\u003e\n \u003cspan\u003e\u003c\/span\u003e\n \u003cspan\u003e\u003c\/span\u003e\n \u003cspan\u003e\u003c\/span\u003e\n \u003cspan\u003e\u003c\/span\u003e\n \u003cspan\u003e\u003c\/span\u003e\n \u003cspan\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-ember-loadscreen__grid\"\u003e\n\n \u003carticle class=\"fml-ember-loadscreen__card\"\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__card-top\"\u003e\n \u003cspan class=\"fml-ember-loadscreen__number\"\u003e01\u003c\/span\u003e\n \u003cspan class=\"fml-ember-loadscreen__label\"\u003ePlaylist · Tracks\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eMultiple Audio Tracks\u003c\/h3\u003e\n\n \u003cp\u003e\n Configure several tracks instead of forcing every connection to use\n one repeating song.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-ember-loadscreen__card\"\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__card-top\"\u003e\n \u003cspan class=\"fml-ember-loadscreen__number\"\u003e02\u003c\/span\u003e\n \u003cspan class=\"fml-ember-loadscreen__label\"\u003eShuffle · Playback\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eShuffle Mode\u003c\/h3\u003e\n\n \u003cp\u003e\n Track playback can be shuffled for more variation between loading\n sessions.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-ember-loadscreen__card\"\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__card-top\"\u003e\n \u003cspan class=\"fml-ember-loadscreen__number\"\u003e03\u003c\/span\u003e\n \u003cspan class=\"fml-ember-loadscreen__label\"\u003eVolume · Mute\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003ePlayer Audio Controls\u003c\/h3\u003e\n\n \u003cp\u003e\n Volume adjustment and mute controls allow players to control the\n loadscreen audio experience.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-ember-loadscreen__card\"\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__card-top\"\u003e\n \u003cspan class=\"fml-ember-loadscreen__number\"\u003e04\u003c\/span\u003e\n \u003cspan class=\"fml-ember-loadscreen__label\"\u003eVisualizer · Waveform\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eAnimated Music Visualizer\u003c\/h3\u003e\n\n \u003cp\u003e\n A waveform-style visualizer gives the audio component a more polished\n visual presence while music is playing.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- LIVE SERVER --\u003e\n \u003csection class=\"fml-ember-loadscreen__section\"\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__head\"\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__index\"\u003e\n 05 \/ Live Data\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__kicker\"\u003e\n Useful information while connecting\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-ember-loadscreen__section-title\"\u003e\n Show the state of the server instead of leaving players staring at a progress bar.\n \u003c\/h2\u003e\n\n \u003cp class=\"fml-ember-loadscreen__intro\"\u003e\n Ember Loadscreen can display live server information including player\n count, server status, framework information, region data and optional\n player details when configured.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-ember-loadscreen__server\"\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__server-item\"\u003e\n \u003csmall\u003eServer Status\u003c\/small\u003e\n \u003cstrong\u003e\u003cem\u003eOnline\u003c\/em\u003e\u003c\/strong\u003e\n \u003cspan\u003eDisplay server availability or maintenance state.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__server-item\"\u003e\n \u003csmall\u003ePlayers\u003c\/small\u003e\n \u003cstrong\u003eLive\u003c\/strong\u003e\n \u003cspan\u003eShow current player-count information.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__server-item\"\u003e\n \u003csmall\u003eFramework\u003c\/small\u003e\n \u003cstrong\u003eDynamic\u003c\/strong\u003e\n \u003cspan\u003eDisplay server framework information such as QBCore or ESX.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__server-item\"\u003e\n \u003csmall\u003eRegion\u003c\/small\u003e\n \u003cstrong\u003eVisible\u003c\/strong\u003e\n \u003cspan\u003ePresent configured server-region information.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- LOADING --\u003e\n \u003csection class=\"fml-ember-loadscreen__section\"\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__head\"\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__index\"\u003e\n 06 \/ Progress\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__kicker\"\u003e\n Choose how loading progress is presented\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-ember-loadscreen__section-title\"\u003e\n Three loading modes give you control over how the progress experience feels.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-ember-loadscreen__progress-modes\"\u003e\n\n \u003carticle class=\"fml-ember-loadscreen__progress\"\u003e\n\n \u003csmall\u003e01 \/ REAL\u003c\/small\u003e\n\n \u003ch3\u003eReal Progress\u003c\/h3\u003e\n\n \u003cp\u003e\n Present actual loading progress based on the available FiveM loading\n information.\n \u003c\/p\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__bar\"\u003e\u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-ember-loadscreen__progress\"\u003e\n\n \u003csmall\u003e02 \/ SIMULATED\u003c\/small\u003e\n\n \u003ch3\u003eSmooth Simulation\u003c\/h3\u003e\n\n \u003cp\u003e\n Use a smoother simulated presentation when visual consistency matters\n more than directly mirroring every loading-stage movement.\n \u003c\/p\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__bar\"\u003e\u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-ember-loadscreen__progress\"\u003e\n\n \u003csmall\u003e03 \/ HYBRID\u003c\/small\u003e\n\n \u003ch3\u003eHybrid Mode\u003c\/h3\u003e\n\n \u003cp\u003e\n Blend actual progress information with smoother visual behavior for a\n more controlled loading experience.\n \u003c\/p\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__bar\"\u003e\u003c\/div\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- QUEUE --\u003e\n \u003csection class=\"fml-ember-loadscreen__section\"\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__head\"\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__index\"\u003e\n 07 \/ Queue\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__kicker\"\u003e\n Designed to fit existing server flows\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-ember-loadscreen__section-title\"\u003e\n Keep the visual experience consistent even when players are waiting in queue.\n \u003c\/h2\u003e\n\n \u003cp class=\"fml-ember-loadscreen__intro\"\u003e\n Queue integration is supported through an export-based approach,\n allowing compatible queue resources to pass relevant information into\n the loadscreen.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-ember-loadscreen__statement\"\u003e\n\n \u003cp\u003e\n Instead of treating queueing and loading as two disconnected screens,\n server owners can integrate the Ember interface into the surrounding\n connection experience.\n \u003c\/p\u003e\n\n \u003cspan class=\"fml-ember-loadscreen__code-label\"\u003e\n \/\/ QUEUE_INTEGRATION_READY\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- CONFIG --\u003e\n \u003csection class=\"fml-ember-loadscreen__section\"\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__head\"\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__index\"\u003e\n 08 \/ Config\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__kicker\"\u003e\n Customize without rebuilding the interface\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-ember-loadscreen__section-title\"\u003e\n Control the visual identity from one configuration file.\n \u003c\/h2\u003e\n\n \u003cp class=\"fml-ember-loadscreen__intro\"\u003e\n The supplied configuration is centered around\n \u003ccode\u003eweb\/js\/config.js\u003c\/code\u003e, allowing server owners to change core\n presentation options without redesigning the loadscreen from scratch.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-ember-loadscreen__config\"\u003e\n\n \u003carticle class=\"fml-ember-loadscreen__config-copy\"\u003e\n\n \u003csmall\u003e\n \/\/ CONFIGURATION\n \u003c\/small\u003e\n\n \u003ch3\u003e\n Make Ember look like your server.\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Customize scene content, themes, music, promotional information,\n colors, text and links from the provided configuration structure.\n This keeps routine branding changes separate from the core interface.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003cdiv class=\"fml-ember-loadscreen__config-code\"\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__config-head\"\u003e\n web\/js\/config.js\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__config-body\"\u003e\n \u003cspan class=\"comment\"\u003e\/\/ Illustrative configuration layout\u003c\/span\u003e\u003cbr\u003e\n \u003cspan class=\"gold\"\u003etheme\u003c\/span\u003e: \u003cspan class=\"green\"\u003e\"server-brand\"\u003c\/span\u003e,\u003cbr\u003e\n \u003cspan class=\"gold\"\u003emusic\u003c\/span\u003e: \u003cspan class=\"green\"\u003e[...]\u003c\/span\u003e,\u003cbr\u003e\n \u003cspan class=\"gold\"\u003epromotions\u003c\/span\u003e: \u003cspan class=\"green\"\u003e[...]\u003c\/span\u003e,\u003cbr\u003e\n \u003cspan class=\"gold\"\u003escenes\u003c\/span\u003e: \u003cspan class=\"green\"\u003e[...]\u003c\/span\u003e,\u003cbr\u003e\n \u003cspan class=\"gold\"\u003elinks\u003c\/span\u003e: \u003cspan class=\"green\"\u003e[...]\u003c\/span\u003e,\u003cbr\u003e\n \u003cspan class=\"gold\"\u003ecolors\u003c\/span\u003e: \u003cspan class=\"green\"\u003e{ ... }\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- PREVIEW --\u003e\n \u003csection class=\"fml-ember-loadscreen__section\"\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__head\"\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__index\"\u003e\n 09 \/ Preview\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__kicker\"\u003e\n Test outside FiveM\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-ember-loadscreen__section-title\"\u003e\n Preview visual changes in your browser before restarting the server.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-ember-loadscreen__grid\"\u003e\n\n \u003carticle class=\"fml-ember-loadscreen__card\"\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__card-top\"\u003e\n \u003cspan class=\"fml-ember-loadscreen__number\"\u003e01\u003c\/span\u003e\n \u003cspan class=\"fml-ember-loadscreen__label\"\u003eBrowser · Preview\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eBrowser Preview Mode\u003c\/h3\u003e\n\n \u003cp\u003e\n Open the provided \u003ccode\u003eindex.html\u003c\/code\u003e in a browser to preview the\n loadscreen presentation without launching FiveM.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-ember-loadscreen__card\"\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__card-top\"\u003e\n \u003cspan class=\"fml-ember-loadscreen__number\"\u003e02\u003c\/span\u003e\n \u003cspan class=\"fml-ember-loadscreen__label\"\u003eFaster · Iteration\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eQuicker Visual Changes\u003c\/h3\u003e\n\n \u003cp\u003e\n Test colors, scenes, text and other visual configuration changes\n before deploying them to the live server.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- TECHNICAL --\u003e\n \u003csection class=\"fml-ember-loadscreen__section\"\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__head\"\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__index\"\u003e\n 10 \/ Technical\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__kicker\"\u003e\n Feature overview\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-ember-loadscreen__section-title\"\u003e\n Built around presentation, customization and useful connection information.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-ember-loadscreen__terminal\"\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__terminal-head\"\u003e\n \u003cstrong\u003e\/\/ EMBER_LOADSCREEN_V1\u003c\/strong\u003e\n \u003cspan\u003eFiveM \/ UI \/ Loading Experience\u003c\/span\u003e\n \u003c\/div\u003e\n\n\n \u003cdl class=\"fml-ember-loadscreen__spec-grid\"\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__spec\"\u003e\n \u003cdt\u003eResource Type\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-ember-loadscreen__spec-value\"\u003e\n FiveM Loadscreen\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-ember-loadscreen__spec-copy\"\u003e\n Cinematic server loading-screen resource by Ember Studios.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-ember-loadscreen__spec\"\u003e\n \u003cdt\u003eScene System\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-ember-loadscreen__spec-value\"\u003e\n Parallax\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-ember-loadscreen__spec-copy\"\u003e\n Multi-layer scenes with dynamic movement and zoom-style effects.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-ember-loadscreen__spec\"\u003e\n \u003cdt\u003eTime Profiles\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-ember-loadscreen__spec-value\"\u003e\n 4 Variations\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-ember-loadscreen__spec-copy\"\u003e\n Dawn, day, dusk and night visual presentation.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-ember-loadscreen__spec\"\u003e\n \u003cdt\u003eProgress Modes\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-ember-loadscreen__spec-value\"\u003e\n 3 Modes\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-ember-loadscreen__spec-copy\"\u003e\n Real, simulated and hybrid loading-progress presentation.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-ember-loadscreen__spec\"\u003e\n \u003cdt\u003eMusic\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-ember-loadscreen__spec-value\"\u003e\n Multi-Track\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-ember-loadscreen__spec-copy\"\u003e\n Shuffle, volume, mute and waveform-style visualizer support.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-ember-loadscreen__spec\"\u003e\n \u003cdt\u003eServer Information\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-ember-loadscreen__spec-value\"\u003e\n Live Data\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-ember-loadscreen__spec-copy\"\u003e\n Player count, status, framework, region and optional player\n details can be presented when configured.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-ember-loadscreen__spec\"\u003e\n \u003cdt\u003eQueue Support\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-ember-loadscreen__spec-value\"\u003e\n Export Based\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-ember-loadscreen__spec-copy\"\u003e\n Designed to integrate with compatible existing queue systems.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-ember-loadscreen__spec\"\u003e\n \u003cdt\u003eConfiguration\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-ember-loadscreen__spec-value\"\u003e\n config.js\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-ember-loadscreen__spec-copy\"\u003e\n Main visual and content settings are managed through\n \u003ccode\u003eweb\/js\/config.js\u003c\/code\u003e.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n \u003c\/div\u003e\n\n \u003c\/dl\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- CLOSING --\u003e\n \u003csection class=\"fml-ember-loadscreen__closing\"\u003e\n\n \u003cdiv class=\"fml-ember-loadscreen__closing-label\"\u003e\n Ember Studios \/ FiveM Loadscreen\n \u003c\/div\u003e\n\n \u003ch2\u003e\n Your loading screen is the first interface every connecting player sees. Make it feel like part of the server.\n \u003c\/h2\u003e\n\n \u003cp\u003e\n Ember Loadscreen v1 combines cinematic parallax scenes, dynamic\n time-of-day presentation, featured promotions, multi-track music, live\n server data, three loading-progress modes, queue support and centralized\n configuration into one customizable FiveM loading experience.\n \u003c\/p\u003e\n\n \u003c\/section\u003e\n\n\n \u003cdiv class=\"fml-ember-loadscreen__final\"\u003e\n Do not make players wait on a static screen.\n \u003cem\u003eMake the wait part of the experience.\u003c\/em\u003e\n \u003c\/div\u003e\n\n\u003c\/article\u003e","brand":"Ember Studioss","offers":[{"title":"Default Title","offer_id":45766464929901,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/6c089d03f2cee29ee3848d5ebdf9d0bdf4f8d250.jpg?v=1788374189"},{"product_id":"cfx-modern-textui-inspired","title":"Modern TextUI Inspired by GTA VI \u0026 RDR2","description":"\u003cstyle\u003e\n \/* =========================================================\n FIVEM-LAB — MZ_TEXTUI\n FREE MODERN TEXTUI \/ HOLD TO INTERACT\n ========================================================= *\/\n\n .fml-mztextui {\n --gold:#ffd700;\n --white:#ffffff;\n --black:#050505;\n --text:rgba(255,255,255,.92);\n --muted:rgba(255,255,255,.66);\n --dim:rgba(255,255,255,.42);\n --line:rgba(255,255,255,.10);\n --line-soft:rgba(255,255,255,.055);\n --gold-line:rgba(255,215,0,.34);\n --panel:rgba(255,255,255,.022);\n --green:#69e7a8;\n\n width:100%;\n max-width:1180px;\n margin:0 auto;\n padding:18px 0 88px;\n\n color:var(--text);\n background:transparent;\n font-family:inherit;\n font-size:16px;\n line-height:1.7;\n }\n\n .fml-mztextui,\n .fml-mztextui *,\n .fml-mztextui *::before,\n .fml-mztextui *::after {\n box-sizing:border-box;\n }\n\n .fml-mztextui h2,\n .fml-mztextui h3,\n .fml-mztextui p,\n .fml-mztextui dl,\n .fml-mztextui dt,\n .fml-mztextui dd,\n .fml-mztextui pre {\n margin:0;\n }\n\n .fml-mztextui a {\n color:inherit;\n }\n\n .fml-mztextui ::selection {\n color:#000;\n background:var(--gold);\n }\n\n .fml-mztextui code {\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n }\n\n\n \/* =========================================================\n HERO\n ========================================================= *\/\n\n .fml-mztextui__hero {\n position:relative;\n isolation:isolate;\n overflow:hidden;\n\n display:grid;\n grid-template-columns:minmax(0,1.02fr) minmax(320px,.72fr);\n gap:clamp(28px,5vw,64px);\n align-items:center;\n\n padding:clamp(34px,5vw,68px);\n\n border:1px solid var(--line);\n border-top-color:var(--gold-line);\n border-radius:7px;\n\n background:\n radial-gradient(\n circle at 87% 8%,\n rgba(255,215,0,.14),\n transparent 28%\n ),\n linear-gradient(\n 135deg,\n rgba(255,215,0,.035),\n transparent 48%\n ),\n rgba(0,0,0,.18);\n }\n\n .fml-mztextui__hero::before {\n content:\"\";\n position:absolute;\n top:0;\n left:0;\n\n width:min(430px,70%);\n height:2px;\n\n background:var(--gold);\n box-shadow:0 0 24px rgba(255,215,0,.36);\n }\n\n .fml-mztextui__eyebrow {\n display:flex;\n flex-wrap:wrap;\n gap:8px 16px;\n\n margin-bottom:24px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:900;\n letter-spacing:.15em;\n text-transform:uppercase;\n }\n\n .fml-mztextui__eyebrow span + span {\n color:var(--dim);\n }\n\n .fml-mztextui__eyebrow span + span::before {\n content:\"\/\";\n margin-right:16px;\n color:var(--gold);\n }\n\n .fml-mztextui__title {\n margin:0 !important;\n\n color:var(--white) !important;\n\n font-size:clamp(42px,5.8vw,72px) !important;\n font-weight:950 !important;\n letter-spacing:-.052em;\n line-height:.95 !important;\n\n text-wrap:balance;\n }\n\n .fml-mztextui__lead {\n max-width:760px;\n margin-top:26px !important;\n\n color:var(--muted) !important;\n\n font-size:clamp(18px,1.8vw,22px);\n font-weight:600;\n line-height:1.58;\n }\n\n .fml-mztextui__lead strong {\n color:var(--white);\n }\n\n .fml-mztextui__badges {\n display:flex;\n flex-wrap:wrap;\n gap:10px;\n\n margin-top:30px;\n }\n\n .fml-mztextui__badge {\n display:inline-flex;\n align-items:center;\n\n min-height:36px;\n padding:0 13px;\n\n color:var(--white);\n background:rgba(255,255,255,.025);\n\n border:1px solid var(--line);\n border-radius:3px;\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.09em;\n text-transform:uppercase;\n }\n\n .fml-mztextui__badge--gold {\n color:#050505;\n background:var(--gold);\n border-color:var(--gold);\n }\n\n .fml-mztextui__actions {\n display:flex;\n flex-wrap:wrap;\n gap:12px;\n\n margin-top:30px;\n }\n\n .fml-mztextui__button {\n display:inline-flex;\n align-items:center;\n justify-content:center;\n gap:10px;\n\n min-height:46px;\n padding:0 18px;\n\n color:var(--white) !important;\n background:rgba(255,255,255,.025);\n\n border:1px solid var(--line);\n border-radius:4px;\n\n font-size:11px;\n font-weight:900;\n letter-spacing:.04em;\n text-decoration:none !important;\n text-transform:uppercase;\n\n transition:\n transform .18s ease,\n border-color .18s ease,\n color .18s ease;\n }\n\n .fml-mztextui__button:hover {\n transform:translateY(-2px);\n color:var(--gold) !important;\n border-color:var(--gold-line);\n }\n\n .fml-mztextui__button--gold {\n color:#050505 !important;\n background:var(--gold);\n border-color:var(--gold);\n }\n\n .fml-mztextui__button--gold:hover {\n color:#050505 !important;\n border-color:var(--gold);\n }\n\n\n \/* HERO MEDIA *\/\n\n .fml-mztextui__hero-media {\n position:relative;\n overflow:hidden;\n\n min-height:360px;\n\n border:1px solid var(--line);\n border-radius:5px;\n\n background:#050505;\n }\n\n .fml-mztextui__hero-media img {\n display:block;\n\n width:100%;\n height:100%;\n min-height:360px;\n\n object-fit:cover;\n }\n\n .fml-mztextui__hero-media::after {\n content:\"\";\n position:absolute;\n inset:0;\n\n pointer-events:none;\n\n background:\n linear-gradient(\n 180deg,\n transparent 58%,\n rgba(0,0,0,.68)\n );\n }\n\n .fml-mztextui__media-label {\n position:absolute;\n z-index:2;\n right:14px;\n bottom:13px;\n left:14px;\n\n color:rgba(255,255,255,.72);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.10em;\n text-transform:uppercase;\n }\n\n\n \/* =========================================================\n SECTIONS\n ========================================================= *\/\n\n .fml-mztextui__section {\n padding:clamp(54px,7vw,86px) 0;\n border-bottom:1px solid var(--line);\n }\n\n .fml-mztextui__head {\n display:grid;\n grid-template-columns:minmax(125px,.24fr) minmax(0,1fr);\n gap:clamp(26px,5vw,68px);\n align-items:start;\n }\n\n .fml-mztextui__index {\n padding-top:7px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:900;\n letter-spacing:.12em;\n text-transform:uppercase;\n }\n\n .fml-mztextui__kicker {\n margin-bottom:13px;\n\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:850;\n letter-spacing:.14em;\n text-transform:uppercase;\n }\n\n .fml-mztextui__section-title {\n max-width:950px;\n margin:0 !important;\n\n color:var(--white) !important;\n\n font-size:clamp(29px,3.9vw,46px) !important;\n font-weight:950 !important;\n letter-spacing:-.04em;\n line-height:1.05 !important;\n\n text-wrap:balance;\n }\n\n .fml-mztextui__intro {\n max-width:890px;\n margin-top:20px !important;\n\n color:var(--muted) !important;\n\n font-size:clamp(16px,1.45vw,19px);\n line-height:1.74;\n }\n\n .fml-mztextui__statement {\n display:grid;\n grid-template-columns:minmax(0,1fr) auto;\n gap:30px;\n align-items:end;\n\n margin-top:42px;\n padding-top:27px;\n\n border-top:1px solid var(--line);\n }\n\n .fml-mztextui__statement p {\n max-width:850px;\n\n color:var(--text) !important;\n\n font-size:clamp(18px,2vw,23px);\n font-weight:650;\n line-height:1.5;\n }\n\n .fml-mztextui__code-label {\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:900;\n letter-spacing:.12em;\n white-space:nowrap;\n }\n\n\n \/* =========================================================\n STATS\n ========================================================= *\/\n\n .fml-mztextui__stats {\n display:grid;\n grid-template-columns:repeat(4,minmax(0,1fr));\n gap:12px;\n\n margin-top:42px;\n }\n\n .fml-mztextui__stat {\n min-width:0;\n padding:23px;\n\n border:1px solid var(--line);\n border-top-color:var(--gold-line);\n border-radius:4px;\n\n background:var(--panel);\n }\n\n .fml-mztextui__stat small {\n display:block;\n margin-bottom:17px;\n\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:8px;\n font-weight:900;\n letter-spacing:.1em;\n text-transform:uppercase;\n }\n\n .fml-mztextui__stat strong {\n display:block;\n\n color:var(--gold);\n\n font-size:clamp(25px,3vw,37px);\n font-weight:950;\n letter-spacing:-.045em;\n line-height:1;\n }\n\n .fml-mztextui__stat span {\n display:block;\n margin-top:10px;\n\n color:var(--muted);\n\n font-size:12px;\n line-height:1.5;\n }\n\n\n \/* =========================================================\n FEATURES\n ========================================================= *\/\n\n .fml-mztextui__grid {\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:14px;\n\n margin-top:42px;\n }\n\n .fml-mztextui__card {\n position:relative;\n overflow:hidden;\n\n min-width:0;\n padding:clamp(24px,3vw,31px);\n\n border:1px solid var(--line);\n border-radius:4px;\n\n background:var(--panel);\n\n transition:\n transform .18s ease,\n border-color .18s ease,\n background .18s ease;\n }\n\n .fml-mztextui__card::before {\n content:\"\";\n position:absolute;\n top:0;\n left:0;\n\n width:0;\n height:1px;\n\n background:var(--gold);\n\n transition:width .22s ease;\n }\n\n .fml-mztextui__card:hover {\n transform:translateY(-2px);\n border-color:var(--gold-line);\n background:rgba(255,255,255,.038);\n }\n\n .fml-mztextui__card:hover::before {\n width:100%;\n }\n\n .fml-mztextui__card-top {\n display:flex;\n justify-content:space-between;\n gap:14px;\n\n margin-bottom:27px;\n }\n\n .fml-mztextui__number {\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:950;\n }\n\n .fml-mztextui__label {\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:8px;\n font-weight:800;\n letter-spacing:.09em;\n text-align:right;\n text-transform:uppercase;\n }\n\n .fml-mztextui__card h3 {\n margin:0 0 11px !important;\n\n color:var(--white) !important;\n\n font-size:clamp(20px,2vw,25px) !important;\n font-weight:950 !important;\n letter-spacing:-.03em;\n line-height:1.15 !important;\n }\n\n .fml-mztextui__card p {\n color:var(--muted) !important;\n\n font-size:14px;\n line-height:1.7;\n }\n\n\n \/* =========================================================\n CODE\n ========================================================= *\/\n\n .fml-mztextui__code-grid {\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:14px;\n\n margin-top:42px;\n }\n\n .fml-mztextui__code-box {\n min-width:0;\n overflow:hidden;\n\n border:1px solid var(--line);\n border-radius:4px;\n\n background:#050708;\n }\n\n .fml-mztextui__code-head {\n display:flex;\n justify-content:space-between;\n gap:14px;\n\n padding:13px 16px;\n\n border-bottom:1px solid var(--line);\n\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:8px;\n font-weight:900;\n letter-spacing:.1em;\n text-transform:uppercase;\n }\n\n .fml-mztextui__code-head strong {\n color:var(--gold);\n }\n\n .fml-mztextui__code-box pre {\n padding:22px;\n overflow:auto;\n\n color:rgba(255,255,255,.75);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:12px;\n line-height:1.75;\n white-space:pre;\n }\n\n .fml-mztextui__code-box .gold {\n color:var(--gold);\n }\n\n .fml-mztextui__code-box .green {\n color:var(--green);\n }\n\n .fml-mztextui__code-box .dim {\n color:rgba(255,255,255,.35);\n }\n\n\n \/* =========================================================\n EXPORTS\n ========================================================= *\/\n\n .fml-mztextui__exports {\n display:grid;\n gap:9px;\n\n margin-top:42px;\n }\n\n .fml-mztextui__export {\n display:grid;\n grid-template-columns:minmax(270px,.5fr) minmax(0,.5fr);\n gap:20px;\n align-items:center;\n\n padding:17px 19px;\n\n border:1px solid var(--line-soft);\n border-radius:4px;\n\n background:rgba(255,255,255,.015);\n }\n\n .fml-mztextui__export code {\n color:var(--gold);\n\n font-size:11px;\n font-weight:850;\n }\n\n .fml-mztextui__export span {\n color:var(--muted);\n\n font-size:13px;\n }\n\n\n \/* =========================================================\n GALLERY\n ========================================================= *\/\n\n .fml-mztextui__gallery {\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:14px;\n\n margin-top:42px;\n }\n\n .fml-mztextui__image {\n overflow:hidden;\n\n border:1px solid var(--line);\n border-radius:5px;\n\n background:#050505;\n }\n\n .fml-mztextui__image img {\n display:block;\n\n width:100%;\n height:auto;\n\n transition:transform .3s ease;\n }\n\n .fml-mztextui__image:hover img {\n transform:scale(1.015);\n }\n\n\n \/* =========================================================\n TECH\n ========================================================= *\/\n\n .fml-mztextui__terminal {\n margin-top:42px;\n overflow:hidden;\n\n border:1px solid var(--gold-line);\n border-radius:4px;\n\n background:\n linear-gradient(\n 180deg,\n rgba(255,215,0,.026),\n transparent 30%\n ),\n rgba(0,0,0,.20);\n }\n\n .fml-mztextui__terminal-head {\n display:flex;\n flex-wrap:wrap;\n justify-content:space-between;\n gap:10px 24px;\n\n padding:14px 18px;\n\n border-bottom:1px solid var(--line);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.09em;\n text-transform:uppercase;\n }\n\n .fml-mztextui__terminal-head strong {\n color:var(--gold);\n }\n\n .fml-mztextui__terminal-head span {\n color:var(--dim);\n }\n\n .fml-mztextui__spec-grid {\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n }\n\n .fml-mztextui__spec {\n min-width:0;\n padding:clamp(23px,3.5vw,32px);\n\n border-right:1px solid var(--line);\n border-bottom:1px solid var(--line);\n }\n\n .fml-mztextui__spec:nth-child(2n) {\n border-right:0;\n }\n\n .fml-mztextui__spec:nth-last-child(-n + 2) {\n border-bottom:0;\n }\n\n .fml-mztextui__spec dt {\n margin-bottom:11px;\n\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:8px;\n font-weight:900;\n letter-spacing:.12em;\n text-transform:uppercase;\n }\n\n .fml-mztextui__spec-value {\n display:block;\n\n color:var(--white);\n\n font-size:clamp(19px,2.3vw,28px);\n font-weight:950;\n letter-spacing:-.035em;\n line-height:1.1;\n }\n\n .fml-mztextui__spec:first-child\n .fml-mztextui__spec-value {\n color:var(--gold);\n }\n\n .fml-mztextui__spec-copy {\n display:block;\n margin-top:9px;\n\n color:var(--muted);\n\n font-size:12px;\n line-height:1.58;\n }\n\n\n \/* =========================================================\n CLOSING\n ========================================================= *\/\n\n .fml-mztextui__closing {\n position:relative;\n overflow:hidden;\n\n margin-top:clamp(62px,8vw,100px);\n padding:clamp(38px,6vw,70px);\n\n border-top:1px solid var(--gold-line);\n border-bottom:1px solid var(--line);\n\n background:\n radial-gradient(\n circle at 100% 0,\n rgba(255,215,0,.12),\n transparent 34%\n ),\n rgba(255,255,255,.012);\n }\n\n .fml-mztextui__closing-label {\n margin-bottom:19px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.13em;\n text-transform:uppercase;\n }\n\n .fml-mztextui__closing h2 {\n max-width:950px;\n margin:0 !important;\n\n color:var(--white) !important;\n\n font-size:clamp(31px,4.4vw,52px) !important;\n font-weight:950 !important;\n letter-spacing:-.045em;\n line-height:1.03 !important;\n\n text-wrap:balance;\n }\n\n .fml-mztextui__closing p {\n max-width:880px;\n margin-top:20px !important;\n\n color:var(--muted) !important;\n\n font-size:16px;\n line-height:1.74;\n }\n\n .fml-mztextui__closing-actions {\n display:flex;\n flex-wrap:wrap;\n gap:12px;\n\n margin-top:28px;\n }\n\n .fml-mztextui__final {\n margin-top:clamp(44px,7vw,72px);\n\n color:var(--white);\n\n font-size:clamp(25px,3.7vw,44px);\n font-weight:950;\n letter-spacing:-.043em;\n line-height:1.08;\n text-align:center;\n\n text-wrap:balance;\n }\n\n .fml-mztextui__final em {\n color:var(--gold);\n font-style:normal;\n }\n\n\n \/* =========================================================\n RESPONSIVE\n ========================================================= *\/\n\n @media (max-width:1000px) {\n .fml-mztextui__hero {\n grid-template-columns:1fr;\n }\n\n .fml-mztextui__hero-media {\n min-height:420px;\n }\n\n .fml-mztextui__hero-media img {\n min-height:420px;\n }\n\n .fml-mztextui__stats {\n grid-template-columns:repeat(2,minmax(0,1fr));\n }\n }\n\n @media (max-width:900px) {\n .fml-mztextui__head {\n grid-template-columns:1fr;\n gap:15px;\n }\n }\n\n @media (max-width:680px) {\n .fml-mztextui {\n padding-top:8px;\n }\n\n .fml-mztextui__hero {\n padding:29px 20px;\n }\n\n .fml-mztextui__eyebrow {\n display:grid;\n gap:5px;\n }\n\n .fml-mztextui__eyebrow span + span::before {\n display:none;\n }\n\n .fml-mztextui__hero-media,\n .fml-mztextui__hero-media img {\n min-height:270px;\n }\n\n .fml-mztextui__actions,\n .fml-mztextui__closing-actions {\n flex-direction:column;\n }\n\n .fml-mztextui__button {\n width:100%;\n }\n\n .fml-mztextui__statement,\n .fml-mztextui__stats,\n .fml-mztextui__grid,\n .fml-mztextui__code-grid,\n .fml-mztextui__gallery,\n .fml-mztextui__spec-grid {\n grid-template-columns:1fr;\n }\n\n .fml-mztextui__code-label {\n white-space:normal;\n }\n\n .fml-mztextui__export {\n grid-template-columns:1fr;\n gap:6px;\n }\n\n .fml-mztextui__spec {\n border-right:0;\n border-bottom:1px solid var(--line);\n }\n\n .fml-mztextui__spec:nth-last-child(-n + 2) {\n border-bottom:1px solid var(--line);\n }\n\n .fml-mztextui__spec:last-child {\n border-bottom:0;\n }\n\n .fml-mztextui__closing {\n padding:36px 21px;\n }\n }\n\n @media (prefers-reduced-motion:reduce) {\n .fml-mztextui *,\n .fml-mztextui *::before,\n .fml-mztextui *::after {\n transition-duration:.01ms !important;\n animation-duration:.01ms !important;\n }\n }\n\u003c\/style\u003e\n\n\n\u003carticle class=\"fml-mztextui\"\u003e\n\n \u003c!-- =======================================================\n HERO\n ======================================================= --\u003e\n\n \u003cheader class=\"fml-mztextui__hero\"\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-mztextui__eyebrow\"\u003e\n \u003cspan\u003eFree FiveM Resource\u003c\/span\u003e\n \u003cspan\u003eModern Interaction UI\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-mztextui__title\"\u003e\n mz_textui\n \u003c\/h2\u003e\n\n \u003cp class=\"fml-mztextui__lead\"\u003e\n You know that moment when a server is technically good, but every\n interaction still screams \u003cstrong\u003e“old FiveM”\u003c\/strong\u003e?\n mz_textui fixes exactly that little detail.\n Clean prompts, smooth hold-to-interact behavior and almost no overhead —\n a tiny resource that can make the whole server feel noticeably more\n polished.\n \u003c\/p\u003e\n\n \u003cdiv class=\"fml-mztextui__badges\"\u003e\n\n \u003cspan class=\"fml-mztextui__badge fml-mztextui__badge--gold\"\u003e\n Free \u0026amp; Open Source\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-mztextui__badge\"\u003e\n No Dependencies\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-mztextui__badge\"\u003e\n Hold to Interact\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-mztextui__badge\"\u003e\n Simple Exports\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mztextui__actions\"\u003e\n\n \u003ca class=\"fml-mztextui__button fml-mztextui__button--gold\" href=\"https:\/\/github.com\/kmc233\/mz_textui\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n Get it Free on GitHub\n \u003cspan aria-hidden=\"true\"\u003e↗\u003c\/span\u003e\n \u003c\/a\u003e\n\n \u003ca class=\"fml-mztextui__button\" href=\"https:\/\/forum.cfx.re\/t\/free-modern-textui-inspired-by-gta-vi-rdr2\/5424217\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n Cfx.re Release\n \u003cspan aria-hidden=\"true\"\u003e↗\u003c\/span\u003e\n \u003c\/a\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mztextui__hero-media\"\u003e\n\n \u003cimg src=\"https:\/\/forum-cfx-re.akamaized.net\/original\/5X\/a\/4\/f\/9\/a4f934042caf911cca8aed599572b41a17649ead.gif\" alt=\"mz_textui FiveM hold to interact TextUI preview\" loading=\"lazy\" width=\"400\" height=\"225\"\u003e\n\n \u003cdiv class=\"fml-mztextui__media-label\"\u003e\n Hold · Complete · Trigger\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/header\u003e\n\n\n \u003c!-- =======================================================\n WHY IT MATTERS\n ======================================================= --\u003e\n\n \u003csection class=\"fml-mztextui__section\"\u003e\n\n \u003cdiv class=\"fml-mztextui__head\"\u003e\n\n \u003cdiv class=\"fml-mztextui__index\"\u003e\n 00 \/ Feel\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-mztextui__kicker\"\u003e\n Small UI. Big difference.\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-mztextui__section-title\"\u003e\n Good interaction design is the stuff players notice without realizing they noticed it.\n \u003c\/h2\u003e\n\n \u003cp class=\"fml-mztextui__intro\"\u003e\n Open a garage. Search a locker. Enter a property. Manage a business.\n Talk to an NPC. None of these interactions need a giant menu slapped\n onto the screen. Sometimes all you need is one clean prompt that feels\n responsive and gets out of the way.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mztextui__statement\"\u003e\n\n \u003cp\u003e\n mz_textui gives ordinary FiveM interactions that satisfying\n press-and-hold feel players already understand from modern games —\n without turning a simple prompt into a whole UI framework.\n \u003c\/p\u003e\n\n \u003cspan class=\"fml-mztextui__code-label\"\u003e\n \/\/ PRESS · HOLD · DONE\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mztextui__stats\"\u003e\n\n \u003cdiv class=\"fml-mztextui__stat\"\u003e\n \u003csmall\u003eIdle Usage\u003c\/small\u003e\n \u003cstrong\u003e0.00 ms\u003c\/strong\u003e\n \u003cspan\u003eReported resource monitor usage while idle.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-mztextui__stat\"\u003e\n \u003csmall\u003eWhile Holding\u003c\/small\u003e\n \u003cstrong\u003e~0.03 ms\u003c\/strong\u003e\n \u003cspan\u003eReported usage during an active hold interaction.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-mztextui__stat\"\u003e\n \u003csmall\u003eDependencies\u003c\/small\u003e\n \u003cstrong\u003e0\u003c\/strong\u003e\n \u003cspan\u003eNo additional framework requirement listed.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-mztextui__stat\"\u003e\n \u003csmall\u003ePrice\u003c\/small\u003e\n \u003cstrong\u003eFree\u003c\/strong\u003e\n \u003cspan\u003eSource code is available publicly on GitHub.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n FEATURES\n ======================================================= --\u003e\n\n \u003csection class=\"fml-mztextui__section\"\u003e\n\n \u003cdiv class=\"fml-mztextui__head\"\u003e\n\n \u003cdiv class=\"fml-mztextui__index\"\u003e\n 01 \/ Features\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-mztextui__kicker\"\u003e\n Everything a TextUI actually needs\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-mztextui__section-title\"\u003e\n No giant dependency chain. No overcomplicated setup. Just interactions that feel right.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mztextui__grid\"\u003e\n\n \u003carticle class=\"fml-mztextui__card\"\u003e\n\n \u003cdiv class=\"fml-mztextui__card-top\"\u003e\n \u003cspan class=\"fml-mztextui__number\"\u003e01\u003c\/span\u003e\n \u003cspan class=\"fml-mztextui__label\"\u003eHold · Progress · Complete\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eHold-to-Interact\u003c\/h3\u003e\n\n \u003cp\u003e\n A player does not just tap a button and magically complete an action.\n Give interactions a configurable hold duration so opening, using or\n confirming something feels deliberate instead of accidental.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-mztextui__card\"\u003e\n\n \u003cdiv class=\"fml-mztextui__card-top\"\u003e\n \u003cspan class=\"fml-mztextui__number\"\u003e02\u003c\/span\u003e\n \u003cspan class=\"fml-mztextui__label\"\u003eE · F · Multiple Inputs\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eMultiple Keys in One Prompt\u003c\/h3\u003e\n\n \u003cp\u003e\n Need \u003cstrong\u003eE\u003c\/strong\u003e to open the garage and\n \u003cstrong\u003eF\u003c\/strong\u003e to manage it? Show both actions in one clean prompt\n instead of stacking several UI elements on top of each other.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-mztextui__card\"\u003e\n\n \u003cdiv class=\"fml-mztextui__card-top\"\u003e\n \u003cspan class=\"fml-mztextui__number\"\u003e03\u003c\/span\u003e\n \u003cspan class=\"fml-mztextui__label\"\u003eMapping · Controls\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eCustom Control Mapping\u003c\/h3\u003e\n\n \u003cp\u003e\n You are not locked into one hard-coded interaction key. Map controls\n around the resource you are building and keep prompts consistent with\n the rest of your server.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-mztextui__card\"\u003e\n\n \u003cdiv class=\"fml-mztextui__card-top\"\u003e\n \u003cspan class=\"fml-mztextui__number\"\u003e04\u003c\/span\u003e\n \u003cspan class=\"fml-mztextui__label\"\u003eEvents · Completion\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eTrigger on Hold Complete\u003c\/h3\u003e\n\n \u003cp\u003e\n When the player finishes holding the selected key, mz_textui can fire\n the associated interaction event. Simple, readable and easy to reuse\n across different scripts.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-mztextui__card\"\u003e\n\n \u003cdiv class=\"fml-mztextui__card-top\"\u003e\n \u003cspan class=\"fml-mztextui__number\"\u003e05\u003c\/span\u003e\n \u003cspan class=\"fml-mztextui__label\"\u003eOne Active Hold\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eClean Input Handling\u003c\/h3\u003e\n\n \u003cp\u003e\n Multiple actions can be displayed at once, while only one key can be\n actively held at a time. Less weird input overlap, less confusing\n behavior for the player.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-mztextui__card\"\u003e\n\n \u003cdiv class=\"fml-mztextui__card-top\"\u003e\n \u003cspan class=\"fml-mztextui__number\"\u003e06\u003c\/span\u003e\n \u003cspan class=\"fml-mztextui__label\"\u003eExports · API · Reusable\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eDrop It Into Other Resources\u003c\/h3\u003e\n\n \u003cp\u003e\n The API is intentionally small. Show a prompt, hide it, check the hold\n state or retrieve the current state without digging through a bloated\n integration layer.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n EXAMPLES\n ======================================================= --\u003e\n\n \u003csection class=\"fml-mztextui__section\"\u003e\n\n \u003cdiv class=\"fml-mztextui__head\"\u003e\n\n \u003cdiv class=\"fml-mztextui__index\"\u003e\n 02 \/ Usage\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-mztextui__kicker\"\u003e\n Readable enough to understand in seconds\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-mztextui__section-title\"\u003e\n The kind of API you can come back to three months later and still understand.\n \u003c\/h2\u003e\n\n \u003cp class=\"fml-mztextui__intro\"\u003e\n You do not need twenty callbacks just to put\n \u003ccode\u003e[E] Open Garage\u003c\/code\u003e on the player's screen.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mztextui__code-grid\"\u003e\n\n \u003cdiv class=\"fml-mztextui__code-box\"\u003e\n\n \u003cdiv class=\"fml-mztextui__code-head\"\u003e\n \u003cstrong\u003eSimple Interaction\u003c\/strong\u003e\n \u003cspan\u003eLua\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cpre\u003e\u003cspan class=\"gold\"\u003eexports.mz_textui:Show\u003c\/span\u003e({\n text = \u003cspan class=\"green\"\u003e'[E] Open Garage'\u003c\/span\u003e,\n hold = \u003cspan class=\"green\"\u003e1000\u003c\/span\u003e\n})\u003c\/pre\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mztextui__code-box\"\u003e\n\n \u003cdiv class=\"fml-mztextui__code-head\"\u003e\n \u003cstrong\u003eMultiple Keys\u003c\/strong\u003e\n \u003cspan\u003eLua\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cpre\u003e\u003cspan class=\"gold\"\u003eexports.mz_textui:Show\u003c\/span\u003e({\n text = \u003cspan class=\"green\"\u003e'[E] Open Garage [F] Manage Garage'\u003c\/span\u003e,\n hold = \u003cspan class=\"green\"\u003e1000\u003c\/span\u003e,\n\n controls = {\n {\n key = \u003cspan class=\"green\"\u003e'E'\u003c\/span\u003e,\n event = \u003cspan class=\"green\"\u003e'garage:open'\u003c\/span\u003e\n },\n {\n key = \u003cspan class=\"green\"\u003e'F'\u003c\/span\u003e,\n event = \u003cspan class=\"green\"\u003e'garage:manage'\u003c\/span\u003e\n }\n }\n})\u003c\/pre\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n EXPORTS\n ======================================================= --\u003e\n\n \u003csection class=\"fml-mztextui__section\"\u003e\n\n \u003cdiv class=\"fml-mztextui__head\"\u003e\n\n \u003cdiv class=\"fml-mztextui__index\"\u003e\n 03 \/ API\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-mztextui__kicker\"\u003e\n Small API, useful everywhere\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-mztextui__section-title\"\u003e\n Five exports cover the stuff you will actually use.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mztextui__exports\"\u003e\n\n \u003cdiv class=\"fml-mztextui__export\"\u003e\n \u003ccode\u003eexports.mz_textui:Show(options)\u003c\/code\u003e\n \u003cspan\u003eDisplay a configured interaction prompt.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-mztextui__export\"\u003e\n \u003ccode\u003eexports.mz_textui:DrawText(text, hold, duration)\u003c\/code\u003e\n \u003cspan\u003eDraw text using the supplied hold and duration values.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-mztextui__export\"\u003e\n \u003ccode\u003eexports.mz_textui:HideText()\u003c\/code\u003e\n \u003cspan\u003eRemove the active TextUI from the screen.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-mztextui__export\"\u003e\n \u003ccode\u003eexports.mz_textui:IsHolding()\u003c\/code\u003e\n \u003cspan\u003eCheck whether a hold interaction is currently active.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-mztextui__export\"\u003e\n \u003ccode\u003eexports.mz_textui:GetState()\u003c\/code\u003e\n \u003cspan\u003eRead the current TextUI state when another resource needs it.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n EVENT\n ======================================================= --\u003e\n\n \u003csection class=\"fml-mztextui__section\"\u003e\n\n \u003cdiv class=\"fml-mztextui__head\"\u003e\n\n \u003cdiv class=\"fml-mztextui__index\"\u003e\n 04 \/ Event\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-mztextui__kicker\"\u003e\n Hold completed\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-mztextui__section-title\"\u003e\n The player finishes the interaction. Your resource takes it from there.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mztextui__code-box\" style=\"margin-top:42px;\"\u003e\n\n \u003cdiv class=\"fml-mztextui__code-head\"\u003e\n \u003cstrong\u003eHold Complete Event\u003c\/strong\u003e\n \u003cspan\u003eLua\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cpre\u003e\u003cspan class=\"gold\"\u003eAddEventHandler\u003c\/span\u003e(\u003cspan class=\"green\"\u003e'mz_textui:holdComplete'\u003c\/span\u003e, function(data)\n print(data.key)\nend)\u003c\/pre\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n USE CASES\n ======================================================= --\u003e\n\n \u003csection class=\"fml-mztextui__section\"\u003e\n\n \u003cdiv class=\"fml-mztextui__head\"\u003e\n\n \u003cdiv class=\"fml-mztextui__index\"\u003e\n 05 \/ Use It\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-mztextui__kicker\"\u003e\n One resource, a ridiculous number of places to use it\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-mztextui__section-title\"\u003e\n Garages are just the obvious example.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mztextui__grid\"\u003e\n\n \u003carticle class=\"fml-mztextui__card\"\u003e\n\n \u003cdiv class=\"fml-mztextui__card-top\"\u003e\n \u003cspan class=\"fml-mztextui__number\"\u003e01\u003c\/span\u003e\n \u003cspan class=\"fml-mztextui__label\"\u003eGarage · Vehicles\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eGarages\u003c\/h3\u003e\n\n \u003cp\u003e\n Open the garage, store a vehicle or expose a second management action\n without turning the interaction point into a wall of text.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-mztextui__card\"\u003e\n\n \u003cdiv class=\"fml-mztextui__card-top\"\u003e\n \u003cspan class=\"fml-mztextui__number\"\u003e02\u003c\/span\u003e\n \u003cspan class=\"fml-mztextui__label\"\u003eDoors · Properties\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eDoors \u0026amp; Properties\u003c\/h3\u003e\n\n \u003cp\u003e\n Hold to unlock, enter or manage a property. It feels a lot nicer than\n accidentally triggering the action because somebody brushed the key.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-mztextui__card\"\u003e\n\n \u003cdiv class=\"fml-mztextui__card-top\"\u003e\n \u003cspan class=\"fml-mztextui__number\"\u003e03\u003c\/span\u003e\n \u003cspan class=\"fml-mztextui__label\"\u003eJobs · Business\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eJob Interactions\u003c\/h3\u003e\n\n \u003cp\u003e\n Clock in, access storage or interact with workplace systems using a\n consistent visual language across different jobs.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-mztextui__card\"\u003e\n\n \u003cdiv class=\"fml-mztextui__card-top\"\u003e\n \u003cspan class=\"fml-mztextui__number\"\u003e04\u003c\/span\u003e\n \u003cspan class=\"fml-mztextui__label\"\u003eNPC · World Interaction\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eWorld Interaction\u003c\/h3\u003e\n\n \u003cp\u003e\n NPCs, elevators, storage, terminals, checkpoints — if something needs\n a clean contextual prompt, mz_textui has a place there.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n SCREENSHOTS\n ======================================================= --\u003e\n\n \u003csection class=\"fml-mztextui__section\"\u003e\n\n \u003cdiv class=\"fml-mztextui__head\"\u003e\n\n \u003cdiv class=\"fml-mztextui__index\"\u003e\n 06 \/ Preview\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-mztextui__kicker\"\u003e\n See it in actual gameplay\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-mztextui__section-title\"\u003e\n Clean enough to stay visible. Quiet enough not to steal the whole screen.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mztextui__gallery\"\u003e\n\n \u003cdiv class=\"fml-mztextui__image\"\u003e\n \u003cimg src=\"https:\/\/forum-cfx-re.akamaized.net\/original\/5X\/4\/f\/4\/4\/4f4464cdfe1de45b7461f04eed2aa54e3299085a.jpeg\" alt=\"mz_textui FiveM gameplay TextUI screenshot\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-mztextui__image\"\u003e\n \u003cimg src=\"https:\/\/forum-cfx-re.akamaized.net\/original\/5X\/f\/a\/3\/b\/fa3bc7e856a30f2656c7a820a1496ec304cbd124.jpeg\" alt=\"mz_textui hold interaction preview\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-mztextui__image\"\u003e\n \u003cimg src=\"https:\/\/forum-cfx-re.akamaized.net\/original\/5X\/8\/6\/2\/1\/86216a72d9ec89b22b53db50f53097189fb45c17.jpeg\" alt=\"mz_textui multiple action prompt screenshot\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-mztextui__image\"\u003e\n \u003cimg src=\"https:\/\/forum-cfx-re.akamaized.net\/original\/5X\/9\/f\/c\/8\/9fc825635c84f12a9a37c82091f47f15f1f887fb.jpeg\" alt=\"mz_textui FiveM modern interaction UI\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n TECHNICAL\n ======================================================= --\u003e\n\n \u003csection class=\"fml-mztextui__section\"\u003e\n\n \u003cdiv class=\"fml-mztextui__head\"\u003e\n\n \u003cdiv class=\"fml-mztextui__index\"\u003e\n 07 \/ Technical\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-mztextui__kicker\"\u003e\n Tiny resource. Useful everywhere.\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-mztextui__section-title\"\u003e\n No framework requirement and no subscription hiding behind the download button.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mztextui__terminal\"\u003e\n\n \u003cdiv class=\"fml-mztextui__terminal-head\"\u003e\n \u003cstrong\u003e\/\/ MZ_TEXTUI\u003c\/strong\u003e\n \u003cspan\u003eFiveM \/ UI \/ Open Source\u003c\/span\u003e\n \u003c\/div\u003e\n\n\n \u003cdl class=\"fml-mztextui__spec-grid\"\u003e\n\n \u003cdiv class=\"fml-mztextui__spec\"\u003e\n \u003cdt\u003ePrice\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-mztextui__spec-value\"\u003e\n Free\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-mztextui__spec-copy\"\u003e\n Publicly available through the developer's GitHub repository.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mztextui__spec\"\u003e\n \u003cdt\u003eRequirements\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-mztextui__spec-value\"\u003e\n None\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-mztextui__spec-copy\"\u003e\n No framework or external dependency is listed.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mztextui__spec\"\u003e\n \u003cdt\u003eIdle Performance\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-mztextui__spec-value\"\u003e\n 0.00 ms\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-mztextui__spec-copy\"\u003e\n Reported resource-monitor usage while idle.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mztextui__spec\"\u003e\n \u003cdt\u003eActive Hold\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-mztextui__spec-value\"\u003e\n ~0.03 ms\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-mztextui__spec-copy\"\u003e\n Reported performance while an interaction key is being held.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mztextui__spec\"\u003e\n \u003cdt\u003eCode Access\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-mztextui__spec-value\"\u003e\n Yes\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-mztextui__spec-copy\"\u003e\n Source code is available from the GitHub repository.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mztextui__spec\"\u003e\n \u003cdt\u003eApprox. Lines\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-mztextui__spec-value\"\u003e\n ~400\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-mztextui__spec-copy\"\u003e\n Approximate line count supplied with the release information.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mztextui__spec\"\u003e\n \u003cdt\u003eSubscription\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-mztextui__spec-value\"\u003e\n No\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-mztextui__spec-copy\"\u003e\n No recurring subscription is required.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mztextui__spec\"\u003e\n \u003cdt\u003eSupport\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-mztextui__spec-value\"\u003e\n Available\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-mztextui__spec-copy\"\u003e\n Developer support is listed as available through MZ Studio.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n \u003c\/div\u003e\n\n \u003c\/dl\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n CLOSING\n ======================================================= --\u003e\n\n \u003csection class=\"fml-mztextui__closing\"\u003e\n\n \u003cdiv class=\"fml-mztextui__closing-label\"\u003e\n mz_textui \/ MZ Studio \/ FiveM\n \u003c\/div\u003e\n\n \u003ch2\u003e\n It is literally a TextUI. And somehow it can make your server feel way more expensive.\n \u003c\/h2\u003e\n\n \u003cp\u003e\n That is the point. Players interact with doors, garages, jobs, NPCs and\n world objects hundreds of times. When those tiny interactions feel clean,\n responsive and consistent, the whole server feels better.\n mz_textui gives you hold-to-interact, multiple keys, configurable timing,\n custom mappings, completion events and a small reusable API — for free.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"fml-mztextui__closing-actions\"\u003e\n\n \u003ca class=\"fml-mztextui__button fml-mztextui__button--gold\" href=\"https:\/\/github.com\/kmc233\/mz_textui\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n Download Source\n \u003cspan aria-hidden=\"true\"\u003e↗\u003c\/span\u003e\n \u003c\/a\u003e\n\n \u003ca class=\"fml-mztextui__button\" href=\"https:\/\/muziscripts.com\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n MZ Studio\n \u003cspan aria-hidden=\"true\"\u003e↗\u003c\/span\u003e\n \u003c\/a\u003e\n\n \u003ca class=\"fml-mztextui__button\" href=\"https:\/\/discord.com\/invite\/Yp8ukQvsJv\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n Discord Support\n \u003cspan aria-hidden=\"true\"\u003e↗\u003c\/span\u003e\n \u003c\/a\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003cdiv class=\"fml-mztextui__final\"\u003e\n Less UI noise.\n \u003cem\u003eMore satisfying interactions.\u003c\/em\u003e\n \u003c\/div\u003e\n\n\u003c\/article\u003e","brand":"Muziscripts","offers":[{"title":"Default Title","offer_id":45771217666157,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/4f4464cdfe1de45b7461f04eed2aa54e3299085a.jpg?v=1788461448"},{"product_id":"esx-qbcore-qbox-blv-hud-system-customizable-hud-and-vehicle-hud","title":"[ESX\/QBCore\/Qbox] BLV HUD System | Customizable HUD \u0026 Vehicle HUD","description":"\u003cstyle\u003e\n \/* =========================================================\n FIVEM-LAB — BLV HUD SYSTEM\n PLAYER HUD \/ VEHICLE HUD \/ CONTROL CENTER\n ========================================================= *\/\n\n .fml-blv-hud {\n --gold:#ffd700;\n --white:#ffffff;\n --black:#050505;\n --text:rgba(255,255,255,.92);\n --muted:rgba(255,255,255,.66);\n --dim:rgba(255,255,255,.42);\n --line:rgba(255,255,255,.10);\n --line-soft:rgba(255,255,255,.055);\n --gold-line:rgba(255,215,0,.34);\n --panel:rgba(255,255,255,.022);\n --green:#6ce6a8;\n\n width:100%;\n max-width:1180px;\n margin:0 auto;\n padding:18px 0 88px;\n\n color:var(--text);\n background:transparent;\n font-family:inherit;\n font-size:16px;\n line-height:1.7;\n }\n\n .fml-blv-hud,\n .fml-blv-hud *,\n .fml-blv-hud *::before,\n .fml-blv-hud *::after {\n box-sizing:border-box;\n }\n\n .fml-blv-hud h2,\n .fml-blv-hud h3,\n .fml-blv-hud p,\n .fml-blv-hud dl,\n .fml-blv-hud dt,\n .fml-blv-hud dd {\n margin:0;\n }\n\n .fml-blv-hud a {\n color:inherit;\n }\n\n .fml-blv-hud ::selection {\n color:#000;\n background:var(--gold);\n }\n\n .fml-blv-hud code {\n padding:2px 6px;\n color:var(--gold);\n background:rgba(255,215,0,.055);\n border:1px solid rgba(255,215,0,.18);\n border-radius:3px;\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n }\n\n\n \/* =========================================================\n HERO\n ========================================================= *\/\n\n .fml-blv-hud__hero {\n position:relative;\n isolation:isolate;\n overflow:hidden;\n\n display:grid;\n grid-template-columns:minmax(0,1.05fr) minmax(320px,.72fr);\n gap:clamp(28px,5vw,64px);\n align-items:center;\n\n padding:clamp(36px,5.5vw,72px);\n\n border:1px solid var(--line);\n border-top-color:var(--gold-line);\n border-radius:7px;\n\n background:\n radial-gradient(\n circle at 90% 7%,\n rgba(255,215,0,.15),\n transparent 29%\n ),\n linear-gradient(\n 135deg,\n rgba(255,215,0,.035),\n transparent 48%\n ),\n rgba(0,0,0,.18);\n }\n\n .fml-blv-hud__hero::before {\n content:\"\";\n position:absolute;\n top:0;\n left:0;\n\n width:min(440px,72%);\n height:2px;\n\n background:var(--gold);\n box-shadow:0 0 24px rgba(255,215,0,.36);\n }\n\n .fml-blv-hud__eyebrow {\n display:flex;\n flex-wrap:wrap;\n gap:8px 16px;\n\n margin-bottom:24px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:900;\n letter-spacing:.15em;\n text-transform:uppercase;\n }\n\n .fml-blv-hud__eyebrow span + span {\n color:var(--dim);\n }\n\n .fml-blv-hud__eyebrow span + span::before {\n content:\"\/\";\n margin-right:16px;\n color:var(--gold);\n }\n\n .fml-blv-hud__title {\n margin:0 !important;\n\n color:var(--white) !important;\n\n font-size:clamp(43px,6vw,76px) !important;\n font-weight:950 !important;\n letter-spacing:-.052em;\n line-height:.95 !important;\n\n text-wrap:balance;\n }\n\n .fml-blv-hud__lead {\n max-width:780px;\n margin-top:26px !important;\n\n color:var(--muted) !important;\n\n font-size:clamp(18px,1.9vw,23px);\n font-weight:600;\n line-height:1.57;\n }\n\n .fml-blv-hud__lead strong {\n color:var(--white);\n }\n\n .fml-blv-hud__badges {\n display:flex;\n flex-wrap:wrap;\n gap:10px;\n\n margin-top:31px;\n }\n\n .fml-blv-hud__badge {\n display:inline-flex;\n align-items:center;\n\n min-height:37px;\n padding:0 13px;\n\n color:var(--white);\n background:rgba(255,255,255,.025);\n\n border:1px solid var(--line);\n border-radius:3px;\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.09em;\n text-transform:uppercase;\n }\n\n .fml-blv-hud__badge--gold {\n color:#050505;\n background:var(--gold);\n border-color:var(--gold);\n }\n\n .fml-blv-hud__meta {\n display:flex;\n flex-wrap:wrap;\n gap:10px 25px;\n\n margin-top:28px;\n padding-top:22px;\n\n border-top:1px solid var(--line);\n }\n\n .fml-blv-hud__meta span {\n position:relative;\n padding-left:17px;\n\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:850;\n letter-spacing:.09em;\n text-transform:uppercase;\n }\n\n .fml-blv-hud__meta span::before {\n content:\"\";\n position:absolute;\n top:.7em;\n left:0;\n\n width:7px;\n height:1px;\n\n background:var(--gold);\n }\n\n\n \/* HERO MEDIA *\/\n\n .fml-blv-hud__hero-media {\n position:relative;\n overflow:hidden;\n\n min-height:390px;\n\n border:1px solid var(--line);\n border-radius:5px;\n\n background:#050505;\n }\n\n .fml-blv-hud__hero-media img {\n display:block;\n\n width:100%;\n height:100%;\n min-height:390px;\n\n object-fit:cover;\n }\n\n .fml-blv-hud__hero-media::after {\n content:\"\";\n position:absolute;\n inset:0;\n\n pointer-events:none;\n\n background:\n linear-gradient(\n 180deg,\n transparent 58%,\n rgba(0,0,0,.78)\n );\n }\n\n .fml-blv-hud__media-tag {\n position:absolute;\n z-index:2;\n right:14px;\n bottom:14px;\n left:14px;\n\n color:rgba(255,255,255,.70);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.1em;\n text-transform:uppercase;\n }\n\n\n \/* =========================================================\n SECTION BASE\n ========================================================= *\/\n\n .fml-blv-hud__section {\n padding:clamp(54px,7vw,88px) 0;\n border-bottom:1px solid var(--line);\n }\n\n .fml-blv-hud__head {\n display:grid;\n grid-template-columns:minmax(125px,.24fr) minmax(0,1fr);\n gap:clamp(26px,5vw,68px);\n align-items:start;\n }\n\n .fml-blv-hud__index {\n padding-top:7px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:900;\n letter-spacing:.12em;\n text-transform:uppercase;\n }\n\n .fml-blv-hud__kicker {\n margin-bottom:13px;\n\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:850;\n letter-spacing:.14em;\n text-transform:uppercase;\n }\n\n .fml-blv-hud__section-title {\n max-width:950px;\n margin:0 !important;\n\n color:var(--white) !important;\n\n font-size:clamp(29px,3.9vw,47px) !important;\n font-weight:950 !important;\n letter-spacing:-.04em;\n line-height:1.05 !important;\n\n text-wrap:balance;\n }\n\n .fml-blv-hud__intro {\n max-width:900px;\n margin-top:20px !important;\n\n color:var(--muted) !important;\n\n font-size:clamp(16px,1.45vw,19px);\n line-height:1.74;\n }\n\n .fml-blv-hud__statement {\n display:grid;\n grid-template-columns:minmax(0,1fr) auto;\n gap:30px;\n align-items:end;\n\n margin-top:42px;\n padding-top:27px;\n\n border-top:1px solid var(--line);\n }\n\n .fml-blv-hud__statement p {\n max-width:850px;\n\n color:var(--text) !important;\n\n font-size:clamp(18px,2vw,23px);\n font-weight:650;\n line-height:1.5;\n }\n\n .fml-blv-hud__code-label {\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:900;\n letter-spacing:.12em;\n white-space:nowrap;\n }\n\n\n \/* =========================================================\n STATS\n ========================================================= *\/\n\n .fml-blv-hud__stats {\n display:grid;\n grid-template-columns:repeat(4,minmax(0,1fr));\n gap:12px;\n\n margin-top:42px;\n }\n\n .fml-blv-hud__stat {\n min-width:0;\n padding:23px;\n\n border:1px solid var(--line);\n border-top-color:var(--gold-line);\n border-radius:4px;\n\n background:var(--panel);\n }\n\n .fml-blv-hud__stat small {\n display:block;\n margin-bottom:17px;\n\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:8px;\n font-weight:900;\n letter-spacing:.1em;\n text-transform:uppercase;\n }\n\n .fml-blv-hud__stat strong {\n display:block;\n\n color:var(--gold);\n\n font-size:clamp(23px,2.8vw,36px);\n font-weight:950;\n letter-spacing:-.045em;\n line-height:1;\n }\n\n .fml-blv-hud__stat span {\n display:block;\n margin-top:10px;\n\n color:var(--muted);\n\n font-size:12px;\n line-height:1.5;\n }\n\n\n \/* =========================================================\n CARDS\n ========================================================= *\/\n\n .fml-blv-hud__grid {\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:14px;\n\n margin-top:42px;\n }\n\n .fml-blv-hud__card {\n position:relative;\n overflow:hidden;\n\n min-width:0;\n padding:clamp(24px,3vw,31px);\n\n border:1px solid var(--line);\n border-radius:4px;\n\n background:var(--panel);\n\n transition:\n transform .18s ease,\n border-color .18s ease,\n background .18s ease;\n }\n\n .fml-blv-hud__card::before {\n content:\"\";\n position:absolute;\n top:0;\n left:0;\n\n width:0;\n height:1px;\n\n background:var(--gold);\n\n transition:width .22s ease;\n }\n\n .fml-blv-hud__card:hover {\n transform:translateY(-2px);\n border-color:var(--gold-line);\n background:rgba(255,255,255,.038);\n }\n\n .fml-blv-hud__card:hover::before {\n width:100%;\n }\n\n .fml-blv-hud__card-top {\n display:flex;\n justify-content:space-between;\n gap:14px;\n\n margin-bottom:26px;\n }\n\n .fml-blv-hud__number {\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:950;\n }\n\n .fml-blv-hud__label {\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:8px;\n font-weight:800;\n letter-spacing:.09em;\n text-align:right;\n text-transform:uppercase;\n }\n\n .fml-blv-hud__card h3 {\n margin:0 0 11px !important;\n\n color:var(--white) !important;\n\n font-size:clamp(20px,2vw,25px) !important;\n font-weight:950 !important;\n letter-spacing:-.03em;\n line-height:1.15 !important;\n }\n\n .fml-blv-hud__card p {\n color:var(--muted) !important;\n\n font-size:14px;\n line-height:1.7;\n }\n\n\n \/* =========================================================\n HUD DATA GRID\n ========================================================= *\/\n\n .fml-blv-hud__modules {\n display:grid;\n grid-template-columns:repeat(4,minmax(0,1fr));\n gap:9px;\n\n margin-top:42px;\n }\n\n .fml-blv-hud__module {\n padding:17px;\n\n border:1px solid var(--line-soft);\n border-radius:4px;\n\n background:rgba(255,255,255,.014);\n }\n\n .fml-blv-hud__module strong {\n display:block;\n\n color:var(--white);\n\n font-size:13px;\n font-weight:900;\n }\n\n .fml-blv-hud__module span {\n display:block;\n margin-top:5px;\n\n color:var(--dim);\n\n font-size:10px;\n line-height:1.45;\n }\n\n\n \/* =========================================================\n PRESETS\n ========================================================= *\/\n\n .fml-blv-hud__presets {\n display:grid;\n grid-template-columns:repeat(5,minmax(0,1fr));\n gap:10px;\n\n margin-top:42px;\n }\n\n .fml-blv-hud__preset {\n min-width:0;\n padding:21px 16px;\n\n border:1px solid var(--line);\n border-top-color:var(--gold-line);\n border-radius:4px;\n\n background:var(--panel);\n }\n\n .fml-blv-hud__preset small {\n display:block;\n margin-bottom:24px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n }\n\n .fml-blv-hud__preset strong {\n display:block;\n\n color:var(--white);\n\n font-size:17px;\n font-weight:950;\n }\n\n .fml-blv-hud__preset span {\n display:block;\n margin-top:7px;\n\n color:var(--muted);\n\n font-size:11px;\n line-height:1.5;\n }\n\n\n \/* =========================================================\n CONTROL CENTER\n ========================================================= *\/\n\n .fml-blv-hud__control {\n display:grid;\n grid-template-columns:minmax(0,1fr) 260px;\n gap:16px;\n\n margin-top:42px;\n }\n\n .fml-blv-hud__control-main,\n .fml-blv-hud__control-side {\n padding:clamp(26px,4vw,38px);\n\n border:1px solid var(--line);\n border-radius:5px;\n\n background:var(--panel);\n }\n\n .fml-blv-hud__control-main {\n border-color:var(--gold-line);\n\n background:\n linear-gradient(\n 130deg,\n rgba(255,215,0,.055),\n transparent 54%\n ),\n var(--panel);\n }\n\n .fml-blv-hud__control small {\n display:block;\n margin-bottom:11px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.11em;\n text-transform:uppercase;\n }\n\n .fml-blv-hud__control h3 {\n margin:0 0 13px !important;\n\n color:var(--white) !important;\n\n font-size:clamp(22px,3vw,32px) !important;\n font-weight:950 !important;\n letter-spacing:-.035em;\n line-height:1.1 !important;\n }\n\n .fml-blv-hud__control p {\n color:var(--muted) !important;\n\n font-size:14px;\n line-height:1.72;\n }\n\n .fml-blv-hud__control-side {\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n\n min-height:230px;\n }\n\n .fml-blv-hud__control-side strong {\n color:var(--gold);\n\n font-size:clamp(28px,4vw,43px);\n font-weight:950;\n letter-spacing:-.045em;\n line-height:1;\n }\n\n\n \/* =========================================================\n TECH\n ========================================================= *\/\n\n .fml-blv-hud__terminal {\n margin-top:42px;\n overflow:hidden;\n\n border:1px solid var(--gold-line);\n border-radius:4px;\n\n background:\n linear-gradient(\n 180deg,\n rgba(255,215,0,.026),\n transparent 30%\n ),\n rgba(0,0,0,.20);\n }\n\n .fml-blv-hud__terminal-head {\n display:flex;\n flex-wrap:wrap;\n justify-content:space-between;\n gap:10px 24px;\n\n padding:14px 18px;\n\n border-bottom:1px solid var(--line);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.09em;\n text-transform:uppercase;\n }\n\n .fml-blv-hud__terminal-head strong {\n color:var(--gold);\n }\n\n .fml-blv-hud__terminal-head span {\n color:var(--dim);\n }\n\n .fml-blv-hud__spec-grid {\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n }\n\n .fml-blv-hud__spec {\n min-width:0;\n padding:clamp(23px,3.5vw,32px);\n\n border-right:1px solid var(--line);\n border-bottom:1px solid var(--line);\n }\n\n .fml-blv-hud__spec:nth-child(2n) {\n border-right:0;\n }\n\n .fml-blv-hud__spec:nth-last-child(-n + 2) {\n border-bottom:0;\n }\n\n .fml-blv-hud__spec dt {\n margin-bottom:11px;\n\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:8px;\n font-weight:900;\n letter-spacing:.12em;\n text-transform:uppercase;\n }\n\n .fml-blv-hud__spec-value {\n display:block;\n\n color:var(--white);\n\n font-size:clamp(19px,2.3vw,28px);\n font-weight:950;\n letter-spacing:-.035em;\n line-height:1.1;\n }\n\n .fml-blv-hud__spec:first-child\n .fml-blv-hud__spec-value {\n color:var(--gold);\n }\n\n .fml-blv-hud__spec-copy {\n display:block;\n margin-top:9px;\n\n color:var(--muted);\n\n font-size:12px;\n line-height:1.58;\n }\n\n\n \/* =========================================================\n GALLERY\n ========================================================= *\/\n\n .fml-blv-hud__gallery {\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:14px;\n\n margin-top:42px;\n }\n\n .fml-blv-hud__image {\n overflow:hidden;\n\n border:1px solid var(--line);\n border-radius:5px;\n\n background:#050505;\n }\n\n .fml-blv-hud__image img {\n display:block;\n\n width:100%;\n height:100%;\n min-height:300px;\n\n object-fit:cover;\n\n transition:transform .3s ease;\n }\n\n .fml-blv-hud__image:hover img {\n transform:scale(1.015);\n }\n\n\n \/* =========================================================\n LINKS\n ========================================================= *\/\n\n .fml-blv-hud__links {\n display:flex;\n flex-wrap:wrap;\n gap:12px;\n\n margin-top:30px;\n }\n\n .fml-blv-hud__link {\n display:inline-flex;\n align-items:center;\n justify-content:center;\n gap:10px;\n\n min-height:46px;\n padding:0 18px;\n\n color:var(--white) !important;\n background:rgba(255,255,255,.025);\n\n border:1px solid var(--line);\n border-radius:4px;\n\n font-size:11px;\n font-weight:900;\n letter-spacing:.04em;\n text-decoration:none !important;\n text-transform:uppercase;\n\n transition:\n transform .18s ease,\n border-color .18s ease,\n color .18s ease;\n }\n\n .fml-blv-hud__link:hover {\n transform:translateY(-2px);\n color:var(--gold) !important;\n border-color:var(--gold-line);\n }\n\n .fml-blv-hud__link--gold {\n color:#050505 !important;\n background:var(--gold);\n border-color:var(--gold);\n }\n\n .fml-blv-hud__link--gold:hover {\n color:#050505 !important;\n border-color:var(--gold);\n }\n\n\n \/* =========================================================\n CLOSING\n ========================================================= *\/\n\n .fml-blv-hud__closing {\n position:relative;\n overflow:hidden;\n\n margin-top:clamp(62px,8vw,100px);\n padding:clamp(38px,6vw,72px);\n\n border-top:1px solid var(--gold-line);\n border-bottom:1px solid var(--line);\n\n background:\n radial-gradient(\n circle at 100% 0,\n rgba(255,215,0,.12),\n transparent 34%\n ),\n rgba(255,255,255,.012);\n }\n\n .fml-blv-hud__closing-label {\n margin-bottom:19px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.13em;\n text-transform:uppercase;\n }\n\n .fml-blv-hud__closing h2 {\n max-width:950px;\n margin:0 !important;\n\n color:var(--white) !important;\n\n font-size:clamp(31px,4.4vw,52px) !important;\n font-weight:950 !important;\n letter-spacing:-.045em;\n line-height:1.03 !important;\n\n text-wrap:balance;\n }\n\n .fml-blv-hud__closing p {\n max-width:890px;\n margin-top:20px !important;\n\n color:var(--muted) !important;\n\n font-size:16px;\n line-height:1.74;\n }\n\n .fml-blv-hud__final {\n margin-top:clamp(44px,7vw,72px);\n\n color:var(--white);\n\n font-size:clamp(25px,3.7vw,44px);\n font-weight:950;\n letter-spacing:-.043em;\n line-height:1.08;\n text-align:center;\n\n text-wrap:balance;\n }\n\n .fml-blv-hud__final em {\n color:var(--gold);\n font-style:normal;\n }\n\n\n \/* =========================================================\n RESPONSIVE\n ========================================================= *\/\n\n @media (max-width:1000px) {\n .fml-blv-hud__hero {\n grid-template-columns:1fr;\n }\n\n .fml-blv-hud__hero-media,\n .fml-blv-hud__hero-media img {\n min-height:430px;\n }\n\n .fml-blv-hud__stats,\n .fml-blv-hud__modules {\n grid-template-columns:repeat(2,minmax(0,1fr));\n }\n\n .fml-blv-hud__presets {\n grid-template-columns:repeat(3,minmax(0,1fr));\n }\n }\n\n @media (max-width:900px) {\n .fml-blv-hud__head {\n grid-template-columns:1fr;\n gap:15px;\n }\n\n .fml-blv-hud__control {\n grid-template-columns:1fr;\n }\n }\n\n @media (max-width:680px) {\n .fml-blv-hud {\n padding-top:8px;\n }\n\n .fml-blv-hud__hero {\n padding:29px 20px;\n }\n\n .fml-blv-hud__eyebrow {\n display:grid;\n gap:5px;\n }\n\n .fml-blv-hud__eyebrow span + span::before {\n display:none;\n }\n\n .fml-blv-hud__hero-media,\n .fml-blv-hud__hero-media img {\n min-height:270px;\n }\n\n .fml-blv-hud__statement,\n .fml-blv-hud__stats,\n .fml-blv-hud__grid,\n .fml-blv-hud__modules,\n .fml-blv-hud__presets,\n .fml-blv-hud__spec-grid,\n .fml-blv-hud__gallery {\n grid-template-columns:1fr;\n }\n\n .fml-blv-hud__code-label {\n white-space:normal;\n }\n\n .fml-blv-hud__spec {\n border-right:0;\n border-bottom:1px solid var(--line);\n }\n\n .fml-blv-hud__spec:nth-last-child(-n + 2) {\n border-bottom:1px solid var(--line);\n }\n\n .fml-blv-hud__spec:last-child {\n border-bottom:0;\n }\n\n .fml-blv-hud__links {\n flex-direction:column;\n }\n\n .fml-blv-hud__link {\n width:100%;\n }\n\n .fml-blv-hud__closing {\n padding:36px 21px;\n }\n }\n\n @media (prefers-reduced-motion:reduce) {\n .fml-blv-hud *,\n .fml-blv-hud *::before,\n .fml-blv-hud *::after {\n transition-duration:.01ms !important;\n animation-duration:.01ms !important;\n }\n }\n\u003c\/style\u003e\n\n\n\u003carticle class=\"fml-blv-hud\"\u003e\n\n \u003c!-- =======================================================\n HERO\n ======================================================= --\u003e\n\n \u003cheader class=\"fml-blv-hud__hero\"\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-blv-hud__eyebrow\"\u003e\n \u003cspan\u003eFiveM HUD System\u003c\/span\u003e\n \u003cspan\u003eESX \/ QBCore \/ QBox\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-blv-hud__title\"\u003e\n BLV HUD System\n \u003c\/h2\u003e\n\n \u003cp class=\"fml-blv-hud__lead\"\u003e\n Players stare at your HUD for hours.\n If it looks cheap, \u003cstrong\u003ethe whole server starts feeling cheap.\u003c\/strong\u003e\n BLV HUD fixes that with one polished interface for player stats,\n vehicles, voice, radio, navigation, notifications and all those tiny\n details that quietly decide whether a server feels finished or still\n “in development”.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"fml-blv-hud__badges\"\u003e\n\n \u003cspan class=\"fml-blv-hud__badge fml-blv-hud__badge--gold\"\u003e\n €29.99\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-blv-hud__badge\"\u003e\n ESX Legacy\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-blv-hud__badge\"\u003e\n QBCore\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-blv-hud__badge\"\u003e\n QBox\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blv-hud__meta\"\u003e\n \u003cspan\u003ePlayer + Vehicle HUD\u003c\/span\u003e\n \u003cspan\u003eCustom Layout Editor\u003c\/span\u003e\n \u003cspan\u003ePersistent Profiles\u003c\/span\u003e\n \u003cspan\u003eResponsive \/ Ultrawide\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blv-hud__hero-media\"\u003e\n\n \u003cimg src=\"https:\/\/forum-cfx-re.akamaized.net\/original\/5X\/f\/d\/1\/1\/fd11aca92f38eb23f5e6e2e6653dc23887bf3be5.jpeg\" alt=\"BLV HUD System for FiveM\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"fml-blv-hud__media-tag\"\u003e\n One HUD · One Visual Language · Your Server\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/header\u003e\n\n\n \u003c!-- =======================================================\n WHY\n ======================================================= --\u003e\n\n \u003csection class=\"fml-blv-hud__section\"\u003e\n\n \u003cdiv class=\"fml-blv-hud__head\"\u003e\n\n \u003cdiv class=\"fml-blv-hud__index\"\u003e\n 00 \/ The Point\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-blv-hud__kicker\"\u003e\n Nobody joins a server because of a health bar\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-blv-hud__section-title\"\u003e\n But players absolutely notice when every piece of the interface feels like it belongs together.\n \u003c\/h2\u003e\n\n \u003cp class=\"fml-blv-hud__intro\"\u003e\n A good HUD should not fight for attention every second. It should sit\n there, quietly doing its job, then show the right information exactly\n when the player needs it. BLV HUD is built around that idea:\n a cleaner screen during normal gameplay, detailed information when it\n matters and enough customization that players do not have to live\n with somebody else's perfect layout.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blv-hud__statement\"\u003e\n\n \u003cp\u003e\n Oxygen does not need to scream at you while standing on a sidewalk.\n Vehicle data does not need to hang around after you leave the car.\n BLV can hide contextual information until it actually has a reason to\n exist on screen.\n \u003c\/p\u003e\n\n \u003cspan class=\"fml-blv-hud__code-label\"\u003e\n \/\/ LESS CLUTTER · MORE SIGNAL\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blv-hud__stats\"\u003e\n\n \u003cdiv class=\"fml-blv-hud__stat\"\u003e\n \u003csmall\u003eFrameworks\u003c\/small\u003e\n \u003cstrong\u003e3\u003c\/strong\u003e\n \u003cspan\u003eESX Legacy, QBCore and QBox.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-blv-hud__stat\"\u003e\n \u003csmall\u003eHUD Presets\u003c\/small\u003e\n \u003cstrong\u003e5\u003c\/strong\u003e\n \u003cspan\u003eBLV, Minimal, Compact, Streamer and Custom.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-blv-hud__stat\"\u003e\n \u003csmall\u003eInterface\u003c\/small\u003e\n \u003cstrong\u003e2-in-1\u003c\/strong\u003e\n \u003cspan\u003ePlayer HUD and dedicated vehicle cockpit.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-blv-hud__stat\"\u003e\n \u003csmall\u003eSubscription\u003c\/small\u003e\n \u003cstrong\u003eNo\u003c\/strong\u003e\n \u003cspan\u003eNo recurring subscription listed.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n PLAYER HUD\n ======================================================= --\u003e\n\n \u003csection class=\"fml-blv-hud__section\"\u003e\n\n \u003cdiv class=\"fml-blv-hud__head\"\u003e\n\n \u003cdiv class=\"fml-blv-hud__index\"\u003e\n 01 \/ Player\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-blv-hud__kicker\"\u003e\n Everything important. Not everything all the time.\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-blv-hud__section-title\"\u003e\n Your player HUD should answer questions, not create visual noise.\n \u003c\/h2\u003e\n\n \u003cp class=\"fml-blv-hud__intro\"\u003e\n Health, armor, money, job, voice, radio, weapon information, location\n and character status can all live inside the same visual system.\n Components can also use dynamic visibility so the screen stays\n cleaner when certain data simply is not relevant.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blv-hud__modules\"\u003e\n\n \u003cdiv class=\"fml-blv-hud__module\"\u003e\n \u003cstrong\u003eHealth\u003c\/strong\u003e\n \u003cspan\u003eCurrent player health.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-blv-hud__module\"\u003e\n \u003cstrong\u003eArmor\u003c\/strong\u003e\n \u003cspan\u003eCurrent armor level.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-blv-hud__module\"\u003e\n \u003cstrong\u003eHunger\u003c\/strong\u003e\n \u003cspan\u003eFramework status information.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-blv-hud__module\"\u003e\n \u003cstrong\u003eThirst\u003c\/strong\u003e\n \u003cspan\u003eFramework status information.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-blv-hud__module\"\u003e\n \u003cstrong\u003eStress\u003c\/strong\u003e\n \u003cspan\u003eOptional stress system display.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-blv-hud__module\"\u003e\n \u003cstrong\u003eOxygen\u003c\/strong\u003e\n \u003cspan\u003eCan stay hidden until needed.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-blv-hud__module\"\u003e\n \u003cstrong\u003eStamina\u003c\/strong\u003e\n \u003cspan\u003ePlayer stamina information.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-blv-hud__module\"\u003e\n \u003cstrong\u003eVoice\u003c\/strong\u003e\n \u003cspan\u003eActivity, mode and range.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-blv-hud__module\"\u003e\n \u003cstrong\u003eRadio\u003c\/strong\u003e\n \u003cspan\u003eStatus and current frequency.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-blv-hud__module\"\u003e\n \u003cstrong\u003eLocation\u003c\/strong\u003e\n \u003cspan\u003eStreet and area information.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-blv-hud__module\"\u003e\n \u003cstrong\u003eCompass\u003c\/strong\u003e\n \u003cspan\u003eCurrent heading.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-blv-hud__module\"\u003e\n \u003cstrong\u003eCash \/ Bank\u003c\/strong\u003e\n \u003cspan\u003ePlayer finances.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-blv-hud__module\"\u003e\n \u003cstrong\u003eJob\u003c\/strong\u003e\n \u003cspan\u003eJob and grade information.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-blv-hud__module\"\u003e\n \u003cstrong\u003eServer ID\u003c\/strong\u003e\n \u003cspan\u003eCurrent player identifier.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-blv-hud__module\"\u003e\n \u003cstrong\u003eWeapon\u003c\/strong\u003e\n \u003cspan\u003eCurrent weapon.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-blv-hud__module\"\u003e\n \u003cstrong\u003eAmmo\u003c\/strong\u003e\n \u003cspan\u003eCurrent ammunition information.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n VEHICLE\n ======================================================= --\u003e\n\n \u003csection class=\"fml-blv-hud__section\"\u003e\n\n \u003cdiv class=\"fml-blv-hud__head\"\u003e\n\n \u003cdiv class=\"fml-blv-hud__index\"\u003e\n 02 \/ Vehicle\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-blv-hud__kicker\"\u003e\n The moment you enter the car, the interface should change with you\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-blv-hud__section-title\"\u003e\n A proper digital cockpit instead of a lonely speed number in the corner.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blv-hud__grid\"\u003e\n\n \u003carticle class=\"fml-blv-hud__card\"\u003e\n\n \u003cdiv class=\"fml-blv-hud__card-top\"\u003e\n \u003cspan class=\"fml-blv-hud__number\"\u003e01\u003c\/span\u003e\n \u003cspan class=\"fml-blv-hud__label\"\u003eSpeed · RPM · Gear\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eActual Driving Information\u003c\/h3\u003e\n\n \u003cp\u003e\n Speed, current gear and RPM sit together where they make sense.\n KM\/H and MPH are both supported, so the HUD can match the style of\n your server instead of forcing one unit system on everybody.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-blv-hud__card\"\u003e\n\n \u003cdiv class=\"fml-blv-hud__card-top\"\u003e\n \u003cspan class=\"fml-blv-hud__number\"\u003e02\u003c\/span\u003e\n \u003cspan class=\"fml-blv-hud__label\"\u003eFuel · Engine · Lights\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eThe Car Can Tell You What Is Wrong\u003c\/h3\u003e\n\n \u003cp\u003e\n Fuel, engine condition, lights and vehicle status indicators give\n players useful feedback without needing another separate UI resource\n for every basic vehicle state.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-blv-hud__card\"\u003e\n\n \u003cdiv class=\"fml-blv-hud__card-top\"\u003e\n \u003cspan class=\"fml-blv-hud__number\"\u003e03\u003c\/span\u003e\n \u003cspan class=\"fml-blv-hud__label\"\u003eSeatbelt · Warning\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eSeatbelt That Is More Than an Icon\u003c\/h3\u003e\n\n \u003cp\u003e\n Custom keybinds, warning speeds, warning sounds, volume control,\n vehicle blacklists and optional exit restrictions let you shape the\n seatbelt behavior around your own driving rules.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-blv-hud__card\"\u003e\n\n \u003cdiv class=\"fml-blv-hud__card-top\"\u003e\n \u003cspan class=\"fml-blv-hud__number\"\u003e04\u003c\/span\u003e\n \u003cspan class=\"fml-blv-hud__label\"\u003eProfiles · Vehicle Classes\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eNot Every Vehicle Needs the Same HUD\u003c\/h3\u003e\n\n \u003cp\u003e\n Specific models and vehicle classes can be excluded, while\n vehicle-dependent profiles make it possible to tailor the experience\n around different kinds of driving.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n CONTROL CENTER\n ======================================================= --\u003e\n\n \u003csection class=\"fml-blv-hud__section\"\u003e\n\n \u003cdiv class=\"fml-blv-hud__head\"\u003e\n\n \u003cdiv class=\"fml-blv-hud__index\"\u003e\n 03 \/ Control\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-blv-hud__kicker\"\u003e\n This is where BLV stops feeling like “just a HUD”\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-blv-hud__section-title\"\u003e\n Give players a control center instead of making them edit config files in their imagination.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blv-hud__control\"\u003e\n\n \u003carticle class=\"fml-blv-hud__control-main\"\u003e\n\n \u003csmall\u003e\n \/\/ HUD CONTROL CENTER\n \u003c\/small\u003e\n\n \u003ch3\u003e\n Scale it. Move it. Hide it. Save it.\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Players can manage HUD presets, scale, opacity, component visibility,\n compact spacing, minimap behavior, voice settings, themes, layout,\n HUD audio and both player and vehicle profiles from the integrated\n control interface.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003caside class=\"fml-blv-hud__control-side\"\u003e\n\n \u003csmall\u003e\n Player profile\n \u003c\/small\u003e\n\n \u003cstrong\u003eSAVED\u003c\/strong\u003e\n\n \u003csmall\u003e\n Settings persist for the player\n \u003c\/small\u003e\n\n \u003c\/aside\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blv-hud__statement\"\u003e\n\n \u003cp\u003e\n And yes — supported HUD components can actually be repositioned.\n Players are not stuck with one “designer-approved” layout forever.\n Move things where they feel right, save the setup, or reset everything\n back to the default BLV layout.\n \u003c\/p\u003e\n\n \u003cspan class=\"fml-blv-hud__code-label\"\u003e\n \/\/ YOUR SCREEN · YOUR LAYOUT\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n PRESETS\n ======================================================= --\u003e\n\n \u003csection class=\"fml-blv-hud__section\"\u003e\n\n \u003cdiv class=\"fml-blv-hud__head\"\u003e\n\n \u003cdiv class=\"fml-blv-hud__index\"\u003e\n 04 \/ Presets\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-blv-hud__kicker\"\u003e\n Sometimes you want to customize everything\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-blv-hud__section-title\"\u003e\n Sometimes you just want to click one preset and get back to playing.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blv-hud__presets\"\u003e\n\n \u003cdiv class=\"fml-blv-hud__preset\"\u003e\n \u003csmall\u003e01\u003c\/small\u003e\n \u003cstrong\u003eBLV\u003c\/strong\u003e\n \u003cspan\u003eThe original Blacklist V HUD experience.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-blv-hud__preset\"\u003e\n \u003csmall\u003e02\u003c\/small\u003e\n \u003cstrong\u003eMinimal\u003c\/strong\u003e\n \u003cspan\u003eKeep the essentials and clear the rest.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-blv-hud__preset\"\u003e\n \u003csmall\u003e03\u003c\/small\u003e\n \u003cstrong\u003eCompact\u003c\/strong\u003e\n \u003cspan\u003eTighter spacing for a smaller visual footprint.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-blv-hud__preset\"\u003e\n \u003csmall\u003e04\u003c\/small\u003e\n \u003cstrong\u003eStreamer\u003c\/strong\u003e\n \u003cspan\u003eCleaner presentation for recording and streaming.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-blv-hud__preset\"\u003e\n \u003csmall\u003e05\u003c\/small\u003e\n \u003cstrong\u003eCustom\u003c\/strong\u003e\n \u003cspan\u003eThe player's own saved layout and settings.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n SYSTEMS\n ======================================================= --\u003e\n\n \u003csection class=\"fml-blv-hud__section\"\u003e\n\n \u003cdiv class=\"fml-blv-hud__head\"\u003e\n\n \u003cdiv class=\"fml-blv-hud__index\"\u003e\n 05 \/ More\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-blv-hud__kicker\"\u003e\n It keeps going\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-blv-hud__section-title\"\u003e\n Voice, radio, stress, minimap, notifications — the stuff people usually glue together from four different resources.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blv-hud__grid\"\u003e\n\n \u003carticle class=\"fml-blv-hud__card\"\u003e\n\n \u003cdiv class=\"fml-blv-hud__card-top\"\u003e\n \u003cspan class=\"fml-blv-hud__number\"\u003e01\u003c\/span\u003e\n \u003cspan class=\"fml-blv-hud__label\"\u003eVoice · Radio\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eVoice That Actually Feels Alive\u003c\/h3\u003e\n\n \u003cp\u003e\n Voice activity, range, mode, radio activity and frequency can all be\n represented inside the HUD. When the player speaks, the interface can\n react without exploding into unnecessary animation.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-blv-hud__card\"\u003e\n\n \u003cdiv class=\"fml-blv-hud__card-top\"\u003e\n \u003cspan class=\"fml-blv-hud__number\"\u003e02\u003c\/span\u003e\n \u003cspan class=\"fml-blv-hud__label\"\u003eStress · Optional\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eUse the Stress System — or Don't\u003c\/h3\u003e\n\n \u003cp\u003e\n Shooting, high-speed driving and configured gameplay conditions can\n influence stress and trigger configurable effects. Already running\n your own stress resource? The complete BLV system can be disabled.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-blv-hud__card\"\u003e\n\n \u003cdiv class=\"fml-blv-hud__card-top\"\u003e\n \u003cspan class=\"fml-blv-hud__number\"\u003e03\u003c\/span\u003e\n \u003cspan class=\"fml-blv-hud__label\"\u003eMap · Compass · Street\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eMinimap on Your Terms\u003c\/h3\u003e\n\n \u003cp\u003e\n Keep it permanently visible, hide it completely or show it only\n inside vehicles. Street information and compass direction can sit\n alongside it when the server needs navigation data.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-blv-hud__card\"\u003e\n\n \u003cdiv class=\"fml-blv-hud__card-top\"\u003e\n \u003cspan class=\"fml-blv-hud__number\"\u003e04\u003c\/span\u003e\n \u003cspan class=\"fml-blv-hud__label\"\u003eInfo · Success · Error\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eBuilt-In Notifications\u003c\/h3\u003e\n\n \u003cp\u003e\n Info, success, warning and error notifications support configurable\n duration and stacking, with exports and events available for other\n resources to use the same notification style.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-blv-hud__card\"\u003e\n\n \u003cdiv class=\"fml-blv-hud__card-top\"\u003e\n \u003cspan class=\"fml-blv-hud__number\"\u003e05\u003c\/span\u003e\n \u003cspan class=\"fml-blv-hud__label\"\u003eProgress · Interaction\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eProgress UI Included\u003c\/h3\u003e\n\n \u003cp\u003e\n Timed interactions can use the included progress interface, helping\n other scripts stay visually consistent with the rest of BLV.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-blv-hud__card\"\u003e\n\n \u003cdiv class=\"fml-blv-hud__card-top\"\u003e\n \u003cspan class=\"fml-blv-hud__number\"\u003e06\u003c\/span\u003e\n \u003cspan class=\"fml-blv-hud__label\"\u003eJobs · Vehicles · Profiles\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eProfiles Can Follow the Gameplay\u003c\/h3\u003e\n\n \u003cp\u003e\n BLV includes support for vehicle-dependent and job-dependent profiles,\n giving different gameplay situations room to use different HUD\n behavior instead of forcing one universal setup.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n SCREENSHOTS\n ======================================================= --\u003e\n\n \u003csection class=\"fml-blv-hud__section\"\u003e\n\n \u003cdiv class=\"fml-blv-hud__head\"\u003e\n\n \u003cdiv class=\"fml-blv-hud__index\"\u003e\n 06 \/ Preview\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-blv-hud__kicker\"\u003e\n The interface should look good when you're playing, not only in the product banner\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-blv-hud__section-title\"\u003e\n Clean information, strong contrast and enough breathing room to keep the game visible.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blv-hud__gallery\"\u003e\n\n \u003cdiv class=\"fml-blv-hud__image\"\u003e\n\n \u003cimg src=\"https:\/\/forum-cfx-re.akamaized.net\/original\/5X\/1\/b\/0\/c\/1b0ca63799435eace349ebf9abc44de72bfb6350.jpeg\" alt=\"BLV HUD FiveM player interface\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blv-hud__image\"\u003e\n\n \u003cimg src=\"https:\/\/forum-cfx-re.akamaized.net\/original\/5X\/b\/1\/9\/d\/b19d8c92746bcab04e6001cec59d052928244337.jpeg\" alt=\"BLV HUD FiveM vehicle HUD preview\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n RESPONSIVE\n ======================================================= --\u003e\n\n \u003csection class=\"fml-blv-hud__section\"\u003e\n\n \u003cdiv class=\"fml-blv-hud__head\"\u003e\n\n \u003cdiv class=\"fml-blv-hud__index\"\u003e\n 07 \/ Displays\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-blv-hud__kicker\"\u003e\n Because not everybody plays at 1920×1080 anymore\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-blv-hud__section-title\"\u003e\n From regular Full HD to ultrawide and 4K — the HUD is designed to adapt.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blv-hud__stats\"\u003e\n\n \u003cdiv class=\"fml-blv-hud__stat\"\u003e\n \u003csmall\u003eFull HD\u003c\/small\u003e\n \u003cstrong\u003e1920×1080\u003c\/strong\u003e\n \u003cspan\u003eStandard target layout.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-blv-hud__stat\"\u003e\n \u003csmall\u003eQHD\u003c\/small\u003e\n \u003cstrong\u003e2560×1440\u003c\/strong\u003e\n \u003cspan\u003eHigher-resolution target layout.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-blv-hud__stat\"\u003e\n \u003csmall\u003eUltrawide\u003c\/small\u003e\n \u003cstrong\u003e3440×1440\u003c\/strong\u003e\n \u003cspan\u003eWide-format target layout.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-blv-hud__stat\"\u003e\n \u003csmall\u003e4K\u003c\/small\u003e\n \u003cstrong\u003e3840×2160\u003c\/strong\u003e\n \u003cspan\u003eUltra-high-resolution target layout.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n TECHNICAL\n ======================================================= --\u003e\n\n \u003csection class=\"fml-blv-hud__section\"\u003e\n\n \u003cdiv class=\"fml-blv-hud__head\"\u003e\n\n \u003cdiv class=\"fml-blv-hud__index\"\u003e\n 08 \/ Technical\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-blv-hud__kicker\"\u003e\n The boring details that suddenly matter when you're about to install it\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-blv-hud__section-title\"\u003e\n Framework support, accessible configuration and no recurring subscription.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blv-hud__terminal\"\u003e\n\n \u003cdiv class=\"fml-blv-hud__terminal-head\"\u003e\n\n \u003cstrong\u003e\n \/\/ BLV_HUD_SYSTEM\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n FiveM \/ Player UI \/ Vehicle UI\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdl class=\"fml-blv-hud__spec-grid\"\u003e\n\n \u003cdiv class=\"fml-blv-hud__spec\"\u003e\n\n \u003cdt\u003eFrameworks\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-blv-hud__spec-value\"\u003e\n ESX \/ QBCore \/ QBox\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-blv-hud__spec-copy\"\u003e\n Compatible with ESX Legacy, QBCore and QBox configurations.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blv-hud__spec\"\u003e\n\n \u003cdt\u003eResource Type\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-blv-hud__spec-value\"\u003e\n Complete HUD\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-blv-hud__spec-copy\"\u003e\n Player HUD, vehicle HUD and surrounding interface systems.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blv-hud__spec\"\u003e\n\n \u003cdt\u003ePrice Listed\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-blv-hud__spec-value\"\u003e\n €29.99\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-blv-hud__spec-copy\"\u003e\n Price listed in the supplied release information.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blv-hud__spec\"\u003e\n\n \u003cdt\u003eCode Access\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-blv-hud__spec-value\"\u003e\n Config + Locales\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-blv-hud__spec-copy\"\u003e\n Configuration and locale files are listed as accessible.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blv-hud__spec\"\u003e\n\n \u003cdt\u003eApprox. Lines\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-blv-hud__spec-value\"\u003e\n ~5,800\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-blv-hud__spec-copy\"\u003e\n Approximate line count supplied with the release.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blv-hud__spec\"\u003e\n\n \u003cdt\u003eSubscription\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-blv-hud__spec-value\"\u003e\n No\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-blv-hud__spec-copy\"\u003e\n No recurring subscription is listed.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blv-hud__spec\"\u003e\n\n \u003cdt\u003eCustomization\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-blv-hud__spec-value\"\u003e\n Extensive\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-blv-hud__spec-copy\"\u003e\n Components, profiles, colors, scale, voice, minimap, seatbelt,\n stress, vehicles, audio and more can be configured.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blv-hud__spec\"\u003e\n\n \u003cdt\u003eSupport\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-blv-hud__spec-value\"\u003e\n Yes\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-blv-hud__spec-copy\"\u003e\n Developer support is listed as available.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n \u003c\/dl\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n PURCHASE\n ======================================================= --\u003e\n\n \u003csection class=\"fml-blv-hud__section\"\u003e\n\n \u003cdiv class=\"fml-blv-hud__head\"\u003e\n\n \u003cdiv class=\"fml-blv-hud__index\"\u003e\n 09 \/ Get It\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-blv-hud__kicker\"\u003e\n One UI system instead of stitching together a dashboard from leftovers\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-blv-hud__section-title\"\u003e\n If players are going to look at it every minute they play, it might as well look like you cared.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blv-hud__links\"\u003e\n\n \u003ca class=\"fml-blv-hud__link fml-blv-hud__link--gold\" href=\"https:\/\/blacklistv-scripts.tebex.io\/package\/7650632\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n View on Tebex\n \u003cspan aria-hidden=\"true\"\u003e↗\u003c\/span\u003e\n \u003c\/a\u003e\n\n \u003ca class=\"fml-blv-hud__link\" href=\"https:\/\/forum.cfx.re\/t\/paid-esx-qbcore-qbox-blv-hud-system-customizable-hud-vehicle-hud\/5424215\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n Cfx.re Release\n \u003cspan aria-hidden=\"true\"\u003e↗\u003c\/span\u003e\n \u003c\/a\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n CLOSING\n ======================================================= --\u003e\n\n \u003csection class=\"fml-blv-hud__closing\"\u003e\n\n \u003cdiv class=\"fml-blv-hud__closing-label\"\u003e\n BLV HUD \/ FiveM Interface System\n \u003c\/div\u003e\n\n \u003ch2\u003e\n A HUD is not decoration. It is the part of your server players live with every single session.\n \u003c\/h2\u003e\n\n \u003cp\u003e\n BLV HUD pulls player information, vehicle data, voice and radio,\n seatbelt behavior, stress, navigation, notifications, progress UI,\n presets and layout customization into one consistent interface for ESX,\n QBCore and QBox. Less patchwork. Less random UI. More of that\n “yeah, this server actually feels finished” feeling.\n \u003c\/p\u003e\n\n \u003c\/section\u003e\n\n\n \u003cdiv class=\"fml-blv-hud__final\"\u003e\n Players may not compliment your HUD every day.\n \u003cem\u003eThey will absolutely notice when it feels bad.\u003c\/em\u003e\n \u003c\/div\u003e\n\n\u003c\/article\u003e","brand":"Blacklistv Scripts","offers":[{"title":"Default Title","offer_id":45771227922541,"sku":null,"price":34.83,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/fd11aca92f38eb23f5e6e2e6653dc23887bf3be5.jpg?v=1788461715"},{"product_id":"esx-crybaby-hud","title":"[ESX] CryBaby HUD","description":"\u003cstyle\u003e\n \/* =========================================================\n FIVEM-LAB — CRYBABY HUD\n FREE ESX PLAYER + VEHICLE HUD\n ========================================================= *\/\n\n .fml-crybaby {\n --gold:#ffd700;\n --white:#ffffff;\n --black:#050505;\n --text:rgba(255,255,255,.92);\n --muted:rgba(255,255,255,.66);\n --dim:rgba(255,255,255,.42);\n --line:rgba(255,255,255,.10);\n --line-soft:rgba(255,255,255,.055);\n --gold-line:rgba(255,215,0,.34);\n --panel:rgba(255,255,255,.022);\n --green:#69e7a7;\n\n width:100%;\n max-width:1180px;\n margin:0 auto;\n padding:18px 0 88px;\n\n color:var(--text);\n background:transparent;\n\n font-family:inherit;\n font-size:16px;\n line-height:1.7;\n }\n\n .fml-crybaby,\n .fml-crybaby *,\n .fml-crybaby *::before,\n .fml-crybaby *::after {\n box-sizing:border-box;\n }\n\n .fml-crybaby h2,\n .fml-crybaby h3,\n .fml-crybaby p,\n .fml-crybaby dl,\n .fml-crybaby dt,\n .fml-crybaby dd,\n .fml-crybaby pre {\n margin:0;\n }\n\n .fml-crybaby a {\n color:inherit;\n }\n\n .fml-crybaby ::selection {\n color:#050505;\n background:var(--gold);\n }\n\n .fml-crybaby code {\n padding:2px 6px;\n\n color:var(--gold);\n background:rgba(255,215,0,.055);\n\n border:1px solid rgba(255,215,0,.18);\n border-radius:3px;\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n }\n\n\n \/* =========================================================\n HERO\n ========================================================= *\/\n\n .fml-crybaby__hero {\n position:relative;\n isolation:isolate;\n overflow:hidden;\n\n display:grid;\n grid-template-columns:minmax(0,1.04fr) minmax(320px,.72fr);\n gap:clamp(28px,5vw,64px);\n align-items:center;\n\n padding:clamp(36px,5.5vw,72px);\n\n border:1px solid var(--line);\n border-top-color:var(--gold-line);\n border-radius:7px;\n\n background:\n radial-gradient(\n circle at 91% 6%,\n rgba(255,215,0,.14),\n transparent 30%\n ),\n linear-gradient(\n 135deg,\n rgba(255,215,0,.032),\n transparent 48%\n ),\n rgba(0,0,0,.17);\n }\n\n .fml-crybaby__hero::before {\n content:\"\";\n position:absolute;\n top:0;\n left:0;\n\n width:min(440px,72%);\n height:2px;\n\n background:var(--gold);\n box-shadow:0 0 24px rgba(255,215,0,.36);\n }\n\n .fml-crybaby__eyebrow {\n display:flex;\n flex-wrap:wrap;\n gap:8px 16px;\n\n margin-bottom:24px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:900;\n letter-spacing:.15em;\n text-transform:uppercase;\n }\n\n .fml-crybaby__eyebrow span + span {\n color:var(--dim);\n }\n\n .fml-crybaby__eyebrow span + span::before {\n content:\"\/\";\n margin-right:16px;\n color:var(--gold);\n }\n\n .fml-crybaby__title {\n margin:0 !important;\n\n color:var(--white) !important;\n\n font-size:clamp(43px,6vw,76px) !important;\n font-weight:950 !important;\n letter-spacing:-.052em;\n line-height:.95 !important;\n\n text-wrap:balance;\n }\n\n .fml-crybaby__lead {\n max-width:800px;\n margin-top:26px !important;\n\n color:var(--muted) !important;\n\n font-size:clamp(18px,1.9vw,23px);\n font-weight:600;\n line-height:1.58;\n }\n\n .fml-crybaby__lead strong {\n color:var(--white);\n }\n\n .fml-crybaby__badges {\n display:flex;\n flex-wrap:wrap;\n gap:10px;\n\n margin-top:31px;\n }\n\n .fml-crybaby__badge {\n display:inline-flex;\n align-items:center;\n\n min-height:37px;\n padding:0 13px;\n\n color:var(--white);\n background:rgba(255,255,255,.025);\n\n border:1px solid var(--line);\n border-radius:3px;\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.09em;\n text-transform:uppercase;\n }\n\n .fml-crybaby__badge--gold {\n color:#050505;\n background:var(--gold);\n border-color:var(--gold);\n }\n\n .fml-crybaby__meta {\n display:flex;\n flex-wrap:wrap;\n gap:10px 25px;\n\n margin-top:28px;\n padding-top:22px;\n\n border-top:1px solid var(--line);\n }\n\n .fml-crybaby__meta span {\n position:relative;\n padding-left:17px;\n\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:850;\n letter-spacing:.09em;\n text-transform:uppercase;\n }\n\n .fml-crybaby__meta span::before {\n content:\"\";\n position:absolute;\n top:.7em;\n left:0;\n\n width:7px;\n height:1px;\n\n background:var(--gold);\n }\n\n\n \/* HERO MEDIA *\/\n\n .fml-crybaby__media {\n position:relative;\n overflow:hidden;\n\n min-height:385px;\n\n border:1px solid var(--line);\n border-radius:5px;\n\n background:#050505;\n }\n\n .fml-crybaby__media img {\n display:block;\n\n width:100%;\n height:100%;\n min-height:385px;\n\n object-fit:cover;\n }\n\n .fml-crybaby__media::after {\n content:\"\";\n position:absolute;\n inset:0;\n\n pointer-events:none;\n\n background:\n linear-gradient(\n 180deg,\n transparent 55%,\n rgba(0,0,0,.78)\n );\n }\n\n .fml-crybaby__media-tag {\n position:absolute;\n z-index:2;\n right:15px;\n bottom:14px;\n left:15px;\n\n color:rgba(255,255,255,.72);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.1em;\n text-transform:uppercase;\n }\n\n\n \/* =========================================================\n SECTIONS\n ========================================================= *\/\n\n .fml-crybaby__section {\n padding:clamp(54px,7vw,88px) 0;\n border-bottom:1px solid var(--line);\n }\n\n .fml-crybaby__head {\n display:grid;\n grid-template-columns:minmax(125px,.24fr) minmax(0,1fr);\n gap:clamp(26px,5vw,68px);\n align-items:start;\n }\n\n .fml-crybaby__index {\n padding-top:7px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:900;\n letter-spacing:.12em;\n text-transform:uppercase;\n }\n\n .fml-crybaby__kicker {\n margin-bottom:13px;\n\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:850;\n letter-spacing:.14em;\n text-transform:uppercase;\n }\n\n .fml-crybaby__section-title {\n max-width:950px;\n margin:0 !important;\n\n color:var(--white) !important;\n\n font-size:clamp(29px,3.9vw,47px) !important;\n font-weight:950 !important;\n letter-spacing:-.04em;\n line-height:1.05 !important;\n\n text-wrap:balance;\n }\n\n .fml-crybaby__intro {\n max-width:900px;\n margin-top:20px !important;\n\n color:var(--muted) !important;\n\n font-size:clamp(16px,1.45vw,19px);\n line-height:1.74;\n }\n\n .fml-crybaby__statement {\n display:grid;\n grid-template-columns:minmax(0,1fr) auto;\n gap:30px;\n align-items:end;\n\n margin-top:42px;\n padding-top:27px;\n\n border-top:1px solid var(--line);\n }\n\n .fml-crybaby__statement p {\n max-width:850px;\n\n color:var(--text) !important;\n\n font-size:clamp(18px,2vw,23px);\n font-weight:650;\n line-height:1.5;\n }\n\n .fml-crybaby__code-label {\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:900;\n letter-spacing:.12em;\n white-space:nowrap;\n }\n\n\n \/* =========================================================\n STATS\n ========================================================= *\/\n\n .fml-crybaby__stats {\n display:grid;\n grid-template-columns:repeat(4,minmax(0,1fr));\n gap:12px;\n\n margin-top:42px;\n }\n\n .fml-crybaby__stat {\n min-width:0;\n padding:23px;\n\n border:1px solid var(--line);\n border-top-color:var(--gold-line);\n border-radius:4px;\n\n background:var(--panel);\n }\n\n .fml-crybaby__stat small {\n display:block;\n margin-bottom:17px;\n\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:8px;\n font-weight:900;\n letter-spacing:.1em;\n text-transform:uppercase;\n }\n\n .fml-crybaby__stat strong {\n display:block;\n\n color:var(--gold);\n\n font-size:clamp(24px,2.8vw,36px);\n font-weight:950;\n letter-spacing:-.045em;\n line-height:1;\n }\n\n .fml-crybaby__stat span {\n display:block;\n margin-top:10px;\n\n color:var(--muted);\n\n font-size:12px;\n line-height:1.5;\n }\n\n\n \/* =========================================================\n CARDS\n ========================================================= *\/\n\n .fml-crybaby__grid {\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:14px;\n\n margin-top:42px;\n }\n\n .fml-crybaby__card {\n position:relative;\n overflow:hidden;\n\n min-width:0;\n padding:clamp(24px,3vw,31px);\n\n border:1px solid var(--line);\n border-radius:4px;\n\n background:var(--panel);\n\n transition:\n transform .18s ease,\n border-color .18s ease,\n background .18s ease;\n }\n\n .fml-crybaby__card::before {\n content:\"\";\n position:absolute;\n top:0;\n left:0;\n\n width:0;\n height:1px;\n\n background:var(--gold);\n\n transition:width .22s ease;\n }\n\n .fml-crybaby__card:hover {\n transform:translateY(-2px);\n border-color:var(--gold-line);\n background:rgba(255,255,255,.038);\n }\n\n .fml-crybaby__card:hover::before {\n width:100%;\n }\n\n .fml-crybaby__card-top {\n display:flex;\n justify-content:space-between;\n gap:14px;\n\n margin-bottom:26px;\n }\n\n .fml-crybaby__number {\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:950;\n }\n\n .fml-crybaby__label {\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:8px;\n font-weight:800;\n letter-spacing:.09em;\n text-align:right;\n text-transform:uppercase;\n }\n\n .fml-crybaby__card h3 {\n margin:0 0 11px !important;\n\n color:var(--white) !important;\n\n font-size:clamp(20px,2vw,25px) !important;\n font-weight:950 !important;\n letter-spacing:-.03em;\n line-height:1.15 !important;\n }\n\n .fml-crybaby__card p {\n color:var(--muted) !important;\n\n font-size:14px;\n line-height:1.7;\n }\n\n\n \/* =========================================================\n MODULE GRID\n ========================================================= *\/\n\n .fml-crybaby__modules {\n display:grid;\n grid-template-columns:repeat(4,minmax(0,1fr));\n gap:9px;\n\n margin-top:42px;\n }\n\n .fml-crybaby__module {\n padding:17px;\n\n border:1px solid var(--line-soft);\n border-radius:4px;\n\n background:rgba(255,255,255,.014);\n }\n\n .fml-crybaby__module strong {\n display:block;\n\n color:var(--white);\n\n font-size:13px;\n font-weight:900;\n }\n\n .fml-crybaby__module span {\n display:block;\n margin-top:5px;\n\n color:var(--dim);\n\n font-size:10px;\n line-height:1.45;\n }\n\n\n \/* =========================================================\n CONFIG \/ TERMINAL\n ========================================================= *\/\n\n .fml-crybaby__terminal {\n margin-top:42px;\n overflow:hidden;\n\n border:1px solid var(--gold-line);\n border-radius:4px;\n\n background:\n linear-gradient(\n 180deg,\n rgba(255,215,0,.026),\n transparent 30%\n ),\n rgba(0,0,0,.20);\n }\n\n .fml-crybaby__terminal-head {\n display:flex;\n flex-wrap:wrap;\n justify-content:space-between;\n gap:10px 24px;\n\n padding:14px 18px;\n\n border-bottom:1px solid var(--line);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.09em;\n text-transform:uppercase;\n }\n\n .fml-crybaby__terminal-head strong {\n color:var(--gold);\n }\n\n .fml-crybaby__terminal-head span {\n color:var(--dim);\n }\n\n .fml-crybaby__spec-grid {\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n }\n\n .fml-crybaby__spec {\n min-width:0;\n padding:clamp(23px,3.5vw,32px);\n\n border-right:1px solid var(--line);\n border-bottom:1px solid var(--line);\n }\n\n .fml-crybaby__spec:nth-child(2n) {\n border-right:0;\n }\n\n .fml-crybaby__spec:nth-last-child(-n + 2) {\n border-bottom:0;\n }\n\n .fml-crybaby__spec dt {\n margin-bottom:11px;\n\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:8px;\n font-weight:900;\n letter-spacing:.12em;\n text-transform:uppercase;\n }\n\n .fml-crybaby__spec-value {\n display:block;\n\n color:var(--white);\n\n font-size:clamp(19px,2.3vw,28px);\n font-weight:950;\n letter-spacing:-.035em;\n line-height:1.1;\n }\n\n .fml-crybaby__spec:first-child .fml-crybaby__spec-value {\n color:var(--gold);\n }\n\n .fml-crybaby__spec-copy {\n display:block;\n margin-top:9px;\n\n color:var(--muted);\n\n font-size:12px;\n line-height:1.58;\n }\n\n\n \/* CONFIG PREVIEW *\/\n\n .fml-crybaby__config {\n margin-top:42px;\n overflow:hidden;\n\n border:1px solid var(--line);\n border-radius:5px;\n\n background:#050708;\n }\n\n .fml-crybaby__config-head {\n display:flex;\n justify-content:space-between;\n gap:18px;\n\n padding:13px 17px;\n\n color:var(--dim);\n border-bottom:1px solid var(--line);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.1em;\n text-transform:uppercase;\n }\n\n .fml-crybaby__config-head strong {\n color:var(--gold);\n }\n\n .fml-crybaby__config pre {\n padding:24px;\n overflow:auto;\n\n color:rgba(255,255,255,.72);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:12px;\n line-height:1.75;\n white-space:pre;\n }\n\n .fml-crybaby__config .gold {\n color:var(--gold);\n }\n\n .fml-crybaby__config .green {\n color:var(--green);\n }\n\n .fml-crybaby__config .dim {\n color:rgba(255,255,255,.34);\n }\n\n\n \/* =========================================================\n LINKS\n ========================================================= *\/\n\n .fml-crybaby__links {\n display:flex;\n flex-wrap:wrap;\n gap:12px;\n\n margin-top:30px;\n }\n\n .fml-crybaby__link {\n display:inline-flex;\n align-items:center;\n justify-content:center;\n gap:10px;\n\n min-height:46px;\n padding:0 18px;\n\n color:var(--white) !important;\n background:rgba(255,255,255,.025);\n\n border:1px solid var(--line);\n border-radius:4px;\n\n font-size:11px;\n font-weight:900;\n letter-spacing:.04em;\n text-decoration:none !important;\n text-transform:uppercase;\n\n transition:\n transform .18s ease,\n border-color .18s ease,\n color .18s ease;\n }\n\n .fml-crybaby__link:hover {\n transform:translateY(-2px);\n color:var(--gold) !important;\n border-color:var(--gold-line);\n }\n\n .fml-crybaby__link--gold {\n color:#050505 !important;\n background:var(--gold);\n border-color:var(--gold);\n }\n\n .fml-crybaby__link--gold:hover {\n color:#050505 !important;\n border-color:var(--gold);\n }\n\n\n \/* =========================================================\n CLOSING\n ========================================================= *\/\n\n .fml-crybaby__closing {\n position:relative;\n overflow:hidden;\n\n margin-top:clamp(62px,8vw,100px);\n padding:clamp(38px,6vw,72px);\n\n border-top:1px solid var(--gold-line);\n border-bottom:1px solid var(--line);\n\n background:\n radial-gradient(\n circle at 100% 0,\n rgba(255,215,0,.12),\n transparent 34%\n ),\n rgba(255,255,255,.012);\n }\n\n .fml-crybaby__closing-label {\n margin-bottom:19px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.13em;\n text-transform:uppercase;\n }\n\n .fml-crybaby__closing h2 {\n max-width:950px;\n margin:0 !important;\n\n color:var(--white) !important;\n\n font-size:clamp(31px,4.4vw,52px) !important;\n font-weight:950 !important;\n letter-spacing:-.045em;\n line-height:1.03 !important;\n\n text-wrap:balance;\n }\n\n .fml-crybaby__closing p {\n max-width:890px;\n margin-top:20px !important;\n\n color:var(--muted) !important;\n\n font-size:16px;\n line-height:1.74;\n }\n\n .fml-crybaby__final {\n margin-top:clamp(44px,7vw,72px);\n\n color:var(--white);\n\n font-size:clamp(25px,3.7vw,44px);\n font-weight:950;\n letter-spacing:-.043em;\n line-height:1.08;\n text-align:center;\n\n text-wrap:balance;\n }\n\n .fml-crybaby__final em {\n color:var(--gold);\n font-style:normal;\n }\n\n\n \/* =========================================================\n RESPONSIVE\n ========================================================= *\/\n\n @media (max-width:1000px) {\n .fml-crybaby__hero {\n grid-template-columns:1fr;\n }\n\n .fml-crybaby__media,\n .fml-crybaby__media img {\n min-height:430px;\n }\n\n .fml-crybaby__stats,\n .fml-crybaby__modules {\n grid-template-columns:repeat(2,minmax(0,1fr));\n }\n }\n\n @media (max-width:900px) {\n .fml-crybaby__head {\n grid-template-columns:1fr;\n gap:15px;\n }\n }\n\n @media (max-width:680px) {\n .fml-crybaby {\n padding-top:8px;\n }\n\n .fml-crybaby__hero {\n padding:29px 20px;\n }\n\n .fml-crybaby__eyebrow {\n display:grid;\n gap:5px;\n }\n\n .fml-crybaby__eyebrow span + span::before {\n display:none;\n }\n\n .fml-crybaby__media,\n .fml-crybaby__media img {\n min-height:270px;\n }\n\n .fml-crybaby__statement,\n .fml-crybaby__stats,\n .fml-crybaby__grid,\n .fml-crybaby__modules,\n .fml-crybaby__spec-grid {\n grid-template-columns:1fr;\n }\n\n .fml-crybaby__code-label {\n white-space:normal;\n }\n\n .fml-crybaby__spec {\n border-right:0;\n border-bottom:1px solid var(--line);\n }\n\n .fml-crybaby__spec:nth-last-child(-n + 2) {\n border-bottom:1px solid var(--line);\n }\n\n .fml-crybaby__spec:last-child {\n border-bottom:0;\n }\n\n .fml-crybaby__links {\n flex-direction:column;\n }\n\n .fml-crybaby__link {\n width:100%;\n }\n\n .fml-crybaby__closing {\n padding:36px 21px;\n }\n }\n\n @media (prefers-reduced-motion:reduce) {\n .fml-crybaby *,\n .fml-crybaby *::before,\n .fml-crybaby *::after {\n transition-duration:.01ms !important;\n animation-duration:.01ms !important;\n }\n }\n\u003c\/style\u003e\n\n\n\u003carticle class=\"fml-crybaby\"\u003e\n\n \u003c!-- =======================================================\n HERO\n ======================================================= --\u003e\n\n \u003cheader class=\"fml-crybaby__hero\"\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-crybaby__eyebrow\"\u003e\n \u003cspan\u003eFree FiveM HUD\u003c\/span\u003e\n \u003cspan\u003eESX\u003c\/span\u003e\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-crybaby__title\"\u003e\n CryBaby HUD\n \u003c\/h2\u003e\n\n\n \u003cp class=\"fml-crybaby__lead\"\u003e\n Free HUDs usually come with a catch: ugly UI, missing features or\n something you replace again next weekend.\n \u003cstrong\u003eCryBaby HUD is the annoying exception.\u003c\/strong\u003e\n Liquid-glass styling, proper vehicle telemetry, voice, weapon data,\n EV support, persistent mileage and ultrawide fixes — all packed into\n one ESX HUD that costs exactly nothing.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"fml-crybaby__badges\"\u003e\n\n \u003cspan class=\"fml-crybaby__badge fml-crybaby__badge--gold\"\u003e\n Free\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-crybaby__badge\"\u003e\n ESX 1.1 \/ 1.2 \/ Legacy\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-crybaby__badge\"\u003e\n Liquid Glass UI\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-crybaby__badge\"\u003e\n Vehicle HUD\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-crybaby__meta\"\u003e\n \u003cspan\u003eEV detection\u003c\/span\u003e\n \u003cspan\u003eVoice + weapons\u003c\/span\u003e\n \u003cspan\u003ePersistent mileage\u003c\/span\u003e\n \u003cspan\u003eUltrawide support\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-crybaby__media\"\u003e\n\n \u003cimg src=\"https:\/\/forum-cfx-re.akamaized.net\/original\/5X\/e\/d\/2\/9\/ed2971391a50a13a0bad1d91e34ee898ffe263a5.jpeg\" alt=\"CryBaby HUD free ESX HUD for FiveM\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"fml-crybaby__media-tag\"\u003e\n Player · Vehicle · Voice · Weapon · EV\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/header\u003e\n\n\n \u003c!-- =======================================================\n THE IDEA\n ======================================================= --\u003e\n\n \u003csection class=\"fml-crybaby__section\"\u003e\n\n \u003cdiv class=\"fml-crybaby__head\"\u003e\n\n \u003cdiv class=\"fml-crybaby__index\"\u003e\n 00 \/ Why\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-crybaby__kicker\"\u003e\n Your HUD sits on screen for hours. It better not be annoying.\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-crybaby__section-title\"\u003e\n CryBaby gives you a lot of information without making your screen look like an airplane cockpit.\n \u003c\/h2\u003e\n\n\n \u003cp class=\"fml-crybaby__intro\"\u003e\n The whole interface is built around adaptive glass panels and\n contextual information. On foot, it keeps the essentials close.\n Get into a car and the HUD changes with the situation. Jump into an\n electric vehicle and it adapts again. Switch to a bike, boat or\n aircraft and the presentation can become more compact.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-crybaby__statement\"\u003e\n\n \u003cp\u003e\n Basically: it tries to show you what matters right now instead of\n dumping every possible server statistic into the corner and calling\n that “modern UI”.\n \u003c\/p\u003e\n\n \u003cspan class=\"fml-crybaby__code-label\"\u003e\n \/\/ CLEAN DOES NOT MEAN EMPTY\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-crybaby__stats\"\u003e\n\n \u003cdiv class=\"fml-crybaby__stat\"\u003e\n\n \u003csmall\u003ePrice\u003c\/small\u003e\n\n \u003cstrong\u003eFREE\u003c\/strong\u003e\n\n \u003cspan\u003e\n Available through the CryBaby Scripts Tebex store.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-crybaby__stat\"\u003e\n\n \u003csmall\u003eIdle Usage\u003c\/small\u003e\n\n \u003cstrong\u003e0.03 ms\u003c\/strong\u003e\n\n \u003cspan\u003e\n Performance figure stated by the developer.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-crybaby__stat\"\u003e\n\n \u003csmall\u003eIn Vehicle\u003c\/small\u003e\n\n \u003cstrong\u003e0.04–0.07\u003c\/strong\u003e\n\n \u003cspan\u003e\n Reported resource-monitor range while driving.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-crybaby__stat\"\u003e\n\n \u003csmall\u003eSubscription\u003c\/small\u003e\n\n \u003cstrong\u003eNO\u003c\/strong\u003e\n\n \u003cspan\u003e\n No recurring subscription is listed.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n PLAYER HUD\n ======================================================= --\u003e\n\n \u003csection class=\"fml-crybaby__section\"\u003e\n\n \u003cdiv class=\"fml-crybaby__head\"\u003e\n\n \u003cdiv class=\"fml-crybaby__index\"\u003e\n 01 \/ Player\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-crybaby__kicker\"\u003e\n The everyday stuff, without the everyday mess\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-crybaby__section-title\"\u003e\n Everything your character needs to know, sitting quietly where it belongs.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-crybaby__modules\"\u003e\n\n \u003cdiv class=\"fml-crybaby__module\"\u003e\n \u003cstrong\u003eHealth\u003c\/strong\u003e\n \u003cspan\u003eCurrent player health.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-crybaby__module\"\u003e\n \u003cstrong\u003eArmor\u003c\/strong\u003e\n \u003cspan\u003eCurrent armor level.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-crybaby__module\"\u003e\n \u003cstrong\u003eStamina\u003c\/strong\u003e\n \u003cspan\u003ePlayer stamina status.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-crybaby__module\"\u003e\n \u003cstrong\u003eHunger\u003c\/strong\u003e\n \u003cspan\u003eESX status integration.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-crybaby__module\"\u003e\n \u003cstrong\u003eThirst\u003c\/strong\u003e\n \u003cspan\u003eESX status integration.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-crybaby__module\"\u003e\n \u003cstrong\u003eCash\u003c\/strong\u003e\n \u003cspan\u003eMoney at a glance.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-crybaby__module\"\u003e\n \u003cstrong\u003eBank\u003c\/strong\u003e\n \u003cspan\u003eCurrent bank balance.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-crybaby__module\"\u003e\n \u003cstrong\u003eJob\u003c\/strong\u003e\n \u003cspan\u003eSupports custom PNG icons.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-crybaby__module\"\u003e\n \u003cstrong\u003eServer ID\u003c\/strong\u003e\n \u003cspan\u003ePlayer identifier.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-crybaby__module\"\u003e\n \u003cstrong\u003eDate \/ Time\u003c\/strong\u003e\n \u003cspan\u003eCurrent date and time information.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-crybaby__module\"\u003e\n \u003cstrong\u003eStreet\u003c\/strong\u003e\n \u003cspan\u003eCurrent location information.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-crybaby__module\"\u003e\n \u003cstrong\u003ePostal\u003c\/strong\u003e\n \u003cspan\u003eOptional nearest-postal support.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n VEHICLE\n ======================================================= --\u003e\n\n \u003csection class=\"fml-crybaby__section\"\u003e\n\n \u003cdiv class=\"fml-crybaby__head\"\u003e\n\n \u003cdiv class=\"fml-crybaby__index\"\u003e\n 02 \/ Driving\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-crybaby__kicker\"\u003e\n Get in the car and suddenly the HUD has a whole new job\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-crybaby__section-title\"\u003e\n Speedometer, RPM, fuel, seatbelt, mileage — the car actually feels connected to the interface.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-crybaby__grid\"\u003e\n\n \u003carticle class=\"fml-crybaby__card\"\u003e\n\n \u003cdiv class=\"fml-crybaby__card-top\"\u003e\n \u003cspan class=\"fml-crybaby__number\"\u003e01\u003c\/span\u003e\n \u003cspan class=\"fml-crybaby__label\"\u003eSpeed · RPM · Gear\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eA Proper Driving HUD\u003c\/h3\u003e\n\n \u003cp\u003e\n Speed, RPM and current gear are displayed together instead of\n scattering vehicle information around the screen. KM\/H and MPH are\n both supported, so nobody has to mentally convert 130 km\/h while\n trying not to hit a guardrail.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-crybaby__card\"\u003e\n\n \u003cdiv class=\"fml-crybaby__card-top\"\u003e\n \u003cspan class=\"fml-crybaby__number\"\u003e02\u003c\/span\u003e\n \u003cspan class=\"fml-crybaby__label\"\u003eFuel · Engine\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eKnow When the Car Is Having a Bad Day\u003c\/h3\u003e\n\n \u003cp\u003e\n Fuel level and engine condition sit directly inside the vehicle\n telemetry, so important information does not need another random\n widget bolted onto the screen.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-crybaby__card\"\u003e\n\n \u003cdiv class=\"fml-crybaby__card-top\"\u003e\n \u003cspan class=\"fml-crybaby__number\"\u003e03\u003c\/span\u003e\n \u003cspan class=\"fml-crybaby__label\"\u003eSeatbelt · Ejection\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eSeatbelt With Consequences\u003c\/h3\u003e\n\n \u003cp\u003e\n CryBaby includes a configurable seatbelt with custom sound and\n optional crash ejection behavior. Forget the belt at speed and the\n HUD can become the least of your problems.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-crybaby__card\"\u003e\n\n \u003cdiv class=\"fml-crybaby__card-top\"\u003e\n \u003cspan class=\"fml-crybaby__number\"\u003e04\u003c\/span\u003e\n \u003cspan class=\"fml-crybaby__label\"\u003eLimiter · Y\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eSpeed Limiter Included\u003c\/h3\u003e\n\n \u003cp\u003e\n The default limiter key is \u003ccode\u003eY\u003c\/code\u003e, with FiveM key mapping\n allowing players to rebind the control if that does not fit their\n setup.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-crybaby__card\"\u003e\n\n \u003cdiv class=\"fml-crybaby__card-top\"\u003e\n \u003cspan class=\"fml-crybaby__number\"\u003e05\u003c\/span\u003e\n \u003cspan class=\"fml-crybaby__label\"\u003eveh_km · Persistent\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eThe Odometer Remembers\u003c\/h3\u003e\n\n \u003cp\u003e\n Persistent mileage through \u003ccode\u003eveh_km\u003c\/code\u003e means the number on\n the dashboard can actually tell a story. That old work car with\n 180,000 km suddenly feels like an old work car.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-crybaby__card\"\u003e\n\n \u003cdiv class=\"fml-crybaby__card-top\"\u003e\n \u003cspan class=\"fml-crybaby__number\"\u003e06\u003c\/span\u003e\n \u003cspan class=\"fml-crybaby__label\"\u003eBikes · Boats · Aircraft\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eThe HUD Knows What You're Driving\u003c\/h3\u003e\n\n \u003cp\u003e\n Passenger vehicles, motorcycles, bikes, boats and aircraft can use\n dynamic compact behavior instead of pretending every vehicle needs\n the exact same dashboard.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n EV\n ======================================================= --\u003e\n\n \u003csection class=\"fml-crybaby__section\"\u003e\n\n \u003cdiv class=\"fml-crybaby__head\"\u003e\n\n \u003cdiv class=\"fml-crybaby__index\"\u003e\n 03 \/ EV\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-crybaby__kicker\"\u003e\n An electric car should not look like it has a fuel tank and a screaming V8\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-crybaby__section-title\"\u003e\n CryBaby recognizes electric vehicles and changes what the dashboard shows.\n \u003c\/h2\u003e\n\n\n \u003cp class=\"fml-crybaby__intro\"\u003e\n Electric vehicles can be detected automatically, allowing the HUD to\n present EV-specific information such as charge and power output.\n It's a small detail, but it's exactly the sort of small detail that\n stops a modern server from feeling like five unrelated scripts taped\n together.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-crybaby__statement\"\u003e\n\n \u003cp\u003e\n Drive a combustion car, then jump into an EV. The interface can follow\n the vehicle instead of making the player pretend a battery percentage\n is somehow “fuel”.\n \u003c\/p\u003e\n\n \u003cspan class=\"fml-crybaby__code-label\"\u003e\n \/\/ VEHICLE TYPE DETECTED\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n VOICE + WEAPON\n ======================================================= --\u003e\n\n \u003csection class=\"fml-crybaby__section\"\u003e\n\n \u003cdiv class=\"fml-crybaby__head\"\u003e\n\n \u003cdiv class=\"fml-crybaby__index\"\u003e\n 04 \/ Comms\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-crybaby__kicker\"\u003e\n Talking and shooting should not need two extra HUD packs\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-crybaby__section-title\"\u003e\n Voice status and weapon telemetry are already invited to the party.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-crybaby__grid\"\u003e\n\n \u003carticle class=\"fml-crybaby__card\"\u003e\n\n \u003cdiv class=\"fml-crybaby__card-top\"\u003e\n \u003cspan class=\"fml-crybaby__number\"\u003e01\u003c\/span\u003e\n \u003cspan class=\"fml-crybaby__label\"\u003epma-voice\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003ePMA-Voice Support\u003c\/h3\u003e\n\n \u003cp\u003e\n CryBaby can integrate with \u003ccode\u003epma-voice\u003c\/code\u003e and show voice\n information as part of the same visual language as the rest of the\n HUD.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-crybaby__card\"\u003e\n\n \u003cdiv class=\"fml-crybaby__card-top\"\u003e\n \u003cspan class=\"fml-crybaby__number\"\u003e02\u003c\/span\u003e\n \u003cspan class=\"fml-crybaby__label\"\u003eSaltyChat\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eSaltyChat Support\u003c\/h3\u003e\n\n \u003cp\u003e\n SaltyChat is also supported, including voice-range presentation and\n related visual feedback.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-crybaby__card\"\u003e\n\n \u003cdiv class=\"fml-crybaby__card-top\"\u003e\n \u003cspan class=\"fml-crybaby__number\"\u003e03\u003c\/span\u003e\n \u003cspan class=\"fml-crybaby__label\"\u003eAmmo · Magazine\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eWeapon Information in Real Time\u003c\/h3\u003e\n\n \u003cp\u003e\n Current ammunition and magazine size can be shown without installing\n another separate weapon HUD just to answer “how many rounds do I\n have left?”\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-crybaby__card\"\u003e\n\n \u003cdiv class=\"fml-crybaby__card-top\"\u003e\n \u003cspan class=\"fml-crybaby__number\"\u003e04\u003c\/span\u003e\n \u003cspan class=\"fml-crybaby__label\"\u003eEN · DE\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eWeapon Names Included\u003c\/h3\u003e\n\n \u003cp\u003e\n Weapon naming supports English and German presentation according to\n the supplied resource specification.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n SMART UI\n ======================================================= --\u003e\n\n \u003csection class=\"fml-crybaby__section\"\u003e\n\n \u003cdiv class=\"fml-crybaby__head\"\u003e\n\n \u003cdiv class=\"fml-crybaby__index\"\u003e\n 05 \/ Visuals\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-crybaby__kicker\"\u003e\n Glass UI is cool until you can't read it at noon\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-crybaby__section-title\"\u003e\n The glass reacts to the world instead of staying permanently pretty and permanently unreadable.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-crybaby__grid\"\u003e\n\n \u003carticle class=\"fml-crybaby__card\"\u003e\n\n \u003cdiv class=\"fml-crybaby__card-top\"\u003e\n \u003cspan class=\"fml-crybaby__number\"\u003e01\u003c\/span\u003e\n \u003cspan class=\"fml-crybaby__label\"\u003eDay · Night\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eDynamic Glass Brightness\u003c\/h3\u003e\n\n \u003cp\u003e\n Day and night behavior can change the glass brightness automatically,\n helping the interface stay readable across very different lighting\n conditions.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-crybaby__card\"\u003e\n\n \u003cdiv class=\"fml-crybaby__card-top\"\u003e\n \u003cspan class=\"fml-crybaby__number\"\u003e02\u003c\/span\u003e\n \u003cspan class=\"fml-crybaby__label\"\u003e3440 · Ultrawide\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eUltrawide Minimap Fix\u003c\/h3\u003e\n\n \u003cp\u003e\n Native ultrawide minimap positioning is included so wide-monitor\n players do not have to accept the usual “yeah, it looks a bit weird\n on 21:9” excuse.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-crybaby__card\"\u003e\n\n \u003cdiv class=\"fml-crybaby__card-top\"\u003e\n \u003cspan class=\"fml-crybaby__number\"\u003e03\u003c\/span\u003e\n \u003cspan class=\"fml-crybaby__label\"\u003ehideHud\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eHide It When Another Script Needs the Screen\u003c\/h3\u003e\n\n \u003cp\u003e\n Developer exports such as \u003ccode\u003ehideHud\u003c\/code\u003e allow other resources\n to temporarily remove the HUD when a cinematic, menu or another UI\n takes priority.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-crybaby__card\"\u003e\n\n \u003cdiv class=\"fml-crybaby__card-top\"\u003e\n \u003cspan class=\"fml-crybaby__number\"\u003e04\u003c\/span\u003e\n \u003cspan class=\"fml-crybaby__label\"\u003eshowHud\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eAnd Bring It Back Cleanly\u003c\/h3\u003e\n\n \u003cp\u003e\n \u003ccode\u003eshowHud\u003c\/code\u003e gives external resources a straightforward way\n to restore the interface when the player returns to normal gameplay.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n CONFIG\n ======================================================= --\u003e\n\n \u003csection class=\"fml-crybaby__section\"\u003e\n\n \u003cdiv class=\"fml-crybaby__head\"\u003e\n\n \u003cdiv class=\"fml-crybaby__index\"\u003e\n 06 \/ Config\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-crybaby__kicker\"\u003e\n Free does not mean “hope you like the developer's exact settings”\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-crybaby__section-title\"\u003e\n Accent color, speed units, glass behavior, seatbelt, voice, minimap — the useful stuff is configurable.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-crybaby__config\"\u003e\n\n \u003cdiv class=\"fml-crybaby__config-head\"\u003e\n\n \u003cstrong\u003e\n config.lua\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Example from supplied configuration\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cpre\u003e\u003cspan class=\"gold\"\u003eConfig.HUDColor\u003c\/span\u003e = \u003cspan class=\"green\"\u003e\"FF5C0096\"\u003c\/span\u003e\n\u003cspan class=\"gold\"\u003eConfig.currencySymbol\u003c\/span\u003e = \u003cspan class=\"green\"\u003e\" €\"\u003c\/span\u003e\n\u003cspan class=\"gold\"\u003eConfig.ShowStamina\u003c\/span\u003e = \u003cspan class=\"green\"\u003etrue\u003c\/span\u003e\n\n\u003cspan class=\"gold\"\u003eConfig.DynamicGlass\u003c\/span\u003e = {\n Enabled = \u003cspan class=\"green\"\u003etrue\u003c\/span\u003e,\n DayStartsAt = \u003cspan class=\"green\"\u003e6\u003c\/span\u003e,\n NightStartsAt = \u003cspan class=\"green\"\u003e20\u003c\/span\u003e\n}\n\n\u003cspan class=\"gold\"\u003eConfig.VoiceScript\u003c\/span\u003e = \u003cspan class=\"green\"\u003e\"PMA-VOICE\"\u003c\/span\u003e\n\u003cspan class=\"gold\"\u003eConfig.SpeedUnit\u003c\/span\u003e = \u003cspan class=\"green\"\u003e\"kmh\"\u003c\/span\u003e\n\n\u003cspan class=\"gold\"\u003eConfig.Seatbelt\u003c\/span\u003e = {\n SoundVolume = \u003cspan class=\"green\"\u003e0.5\u003c\/span\u003e,\n CrashEjection = \u003cspan class=\"green\"\u003etrue\u003c\/span\u003e,\n EjectionSpeed = \u003cspan class=\"green\"\u003e60.0\u003c\/span\u003e\n}\n\n\u003cspan class=\"gold\"\u003eConfig.AlwaysShowRadar\u003c\/span\u003e = \u003cspan class=\"green\"\u003etrue\u003c\/span\u003e\n\u003cspan class=\"gold\"\u003eConfig.UltrawideMinimap\u003c\/span\u003e = \u003cspan class=\"green\"\u003etrue\u003c\/span\u003e\n\u003cspan class=\"gold\"\u003eConfig.UsePostals\u003c\/span\u003e = \u003cspan class=\"green\"\u003efalse\u003c\/span\u003e\u003c\/pre\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n CONTROLS\n ======================================================= --\u003e\n\n \u003csection class=\"fml-crybaby__section\"\u003e\n\n \u003cdiv class=\"fml-crybaby__head\"\u003e\n\n \u003cdiv class=\"fml-crybaby__index\"\u003e\n 07 \/ Controls\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-crybaby__kicker\"\u003e\n And yes, players can rebind them\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-crybaby__section-title\"\u003e\n Defaults when you need them. FiveM key mapping when you don't.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-crybaby__grid\"\u003e\n\n \u003carticle class=\"fml-crybaby__card\"\u003e\n\n \u003cdiv class=\"fml-crybaby__card-top\"\u003e\n \u003cspan class=\"fml-crybaby__number\"\u003eHUD\u003c\/span\u003e\n \u003cspan class=\"fml-crybaby__label\"\u003eUnbound\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eToggle HUD\u003c\/h3\u003e\n\n \u003cp\u003e\n No forced default key. Players can bind HUD visibility through\n FiveM's standard key mapping.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-crybaby__card\"\u003e\n\n \u003cdiv class=\"fml-crybaby__card-top\"\u003e\n \u003cspan class=\"fml-crybaby__number\"\u003eB\u003c\/span\u003e\n \u003cspan class=\"fml-crybaby__label\"\u003eSeatbelt\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eToggle Seatbelt\u003c\/h3\u003e\n\n \u003cp\u003e\n \u003ccode\u003eB\u003c\/code\u003e is the default seatbelt key and can be rebound by the\n player.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-crybaby__card\"\u003e\n\n \u003cdiv class=\"fml-crybaby__card-top\"\u003e\n \u003cspan class=\"fml-crybaby__number\"\u003eY\u003c\/span\u003e\n \u003cspan class=\"fml-crybaby__label\"\u003eLimiter\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eSpeed Limiter\u003c\/h3\u003e\n\n \u003cp\u003e\n \u003ccode\u003eY\u003c\/code\u003e toggles the speed limiter by default, again using the\n standard FiveM mapping system.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-crybaby__card\"\u003e\n\n \u003cdiv class=\"fml-crybaby__card-top\"\u003e\n \u003cspan class=\"fml-crybaby__number\"\u003eUSER\u003c\/span\u003e\n \u003cspan class=\"fml-crybaby__label\"\u003eRemappable\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eNo Keyboard Civil War Required\u003c\/h3\u003e\n\n \u003cp\u003e\n If your server already uses B or Y for something else, players are\n not stuck fighting two scripts over the same key.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n TECH\n ======================================================= --\u003e\n\n \u003csection class=\"fml-crybaby__section\"\u003e\n\n \u003cdiv class=\"fml-crybaby__head\"\u003e\n\n \u003cdiv class=\"fml-crybaby__index\"\u003e\n 08 \/ Technical\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-crybaby__kicker\"\u003e\n The boring section you check right before downloading\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-crybaby__section-title\"\u003e\n ESX-focused, partially configurable and surprisingly feature-heavy for a free resource.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-crybaby__terminal\"\u003e\n\n \u003cdiv class=\"fml-crybaby__terminal-head\"\u003e\n\n \u003cstrong\u003e\n \/\/ CRYBABY_HUD\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n FiveM \/ ESX \/ Player + Vehicle HUD\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdl class=\"fml-crybaby__spec-grid\"\u003e\n\n \u003cdiv class=\"fml-crybaby__spec\"\u003e\n\n \u003cdt\u003ePrice\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-crybaby__spec-value\"\u003e\n Free\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-crybaby__spec-copy\"\u003e\n Distributed free through CryBaby Scripts.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-crybaby__spec\"\u003e\n\n \u003cdt\u003eFramework\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-crybaby__spec-value\"\u003e\n ESX\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-crybaby__spec-copy\"\u003e\n ESX 1.1, 1.2 and Legacy 1.6+ are listed as supported.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-crybaby__spec\"\u003e\n\n \u003cdt\u003eDatabase\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-crybaby__spec-value\"\u003e\n oxmysql\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-crybaby__spec-copy\"\u003e\n Required database resource.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-crybaby__spec\"\u003e\n\n \u003cdt\u003eStatus\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-crybaby__spec-value\"\u003e\n esx_status\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-crybaby__spec-copy\"\u003e\n Used for relevant player status information.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-crybaby__spec\"\u003e\n\n \u003cdt\u003eVoice\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-crybaby__spec-value\"\u003e\n PMA \/ SaltyChat\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-crybaby__spec-copy\"\u003e\n Supports pma-voice or SaltyChat.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-crybaby__spec\"\u003e\n\n \u003cdt\u003eOptional\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-crybaby__spec-value\"\u003e\n nearest-postal\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-crybaby__spec-copy\"\u003e\n Optional integration for postal location display.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-crybaby__spec\"\u003e\n\n \u003cdt\u003eIdle Performance\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-crybaby__spec-value\"\u003e\n ~0.03 ms\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-crybaby__spec-copy\"\u003e\n Reported client usage while idle.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-crybaby__spec\"\u003e\n\n \u003cdt\u003eVehicle Performance\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-crybaby__spec-value\"\u003e\n 0.04–0.07 ms\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-crybaby__spec-copy\"\u003e\n Reported usage range while in a vehicle.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-crybaby__spec\"\u003e\n\n \u003cdt\u003eCode Access\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-crybaby__spec-value\"\u003e\n Partial\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-crybaby__spec-copy\"\u003e\n Main resource is escrowed; config, locales and NUI are listed as open.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-crybaby__spec\"\u003e\n\n \u003cdt\u003eApprox. Lines\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-crybaby__spec-value\"\u003e\n ~3,900\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-crybaby__spec-copy\"\u003e\n Approximate line count stated with the release.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-crybaby__spec\"\u003e\n\n \u003cdt\u003eSubscription\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-crybaby__spec-value\"\u003e\n No\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-crybaby__spec-copy\"\u003e\n No recurring subscription is listed.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-crybaby__spec\"\u003e\n\n \u003cdt\u003eSupport\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-crybaby__spec-value\"\u003e\n Yes\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-crybaby__spec-copy\"\u003e\n Developer support is available through Discord.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n \u003c\/dl\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n DOWNLOAD\n ======================================================= --\u003e\n\n \u003csection class=\"fml-crybaby__section\"\u003e\n\n \u003cdiv class=\"fml-crybaby__head\"\u003e\n\n \u003cdiv class=\"fml-crybaby__index\"\u003e\n 09 \/ Get It\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-crybaby__kicker\"\u003e\n The dangerous price of zero dollars\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-crybaby__section-title\"\u003e\n Download it, throw it on the server and suddenly your old HUD starts looking very hard to defend.\n \u003c\/h2\u003e\n\n \u003cp class=\"fml-crybaby__intro\"\u003e\n CryBaby HUD is available free through the developer's Tebex store.\n No subscription is listed, and Discord support is available if setup\n decides to ruin your evening.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-crybaby__links\"\u003e\n\n \u003ca class=\"fml-crybaby__link fml-crybaby__link--gold\" href=\"https:\/\/crybaby-scripts.tebex.io\/\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n Download Free\n \u003cspan aria-hidden=\"true\"\u003e↗\u003c\/span\u003e\n \u003c\/a\u003e\n\n\n \u003ca class=\"fml-crybaby__link\" href=\"https:\/\/discord.gg\/vS7ufCsd8V\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n Discord Support\n \u003cspan aria-hidden=\"true\"\u003e↗\u003c\/span\u003e\n \u003c\/a\u003e\n\n\n \u003ca class=\"fml-crybaby__link\" href=\"https:\/\/forum.cfx.re\/t\/free-esx-crybaby-hud\/5424224\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n Cfx.re Release\n \u003cspan aria-hidden=\"true\"\u003e↗\u003c\/span\u003e\n \u003c\/a\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n CLOSING\n ======================================================= --\u003e\n\n \u003csection class=\"fml-crybaby__closing\"\u003e\n\n \u003cdiv class=\"fml-crybaby__closing-label\"\u003e\n CryBaby HUD \/ Free ESX Resource\n \u003c\/div\u003e\n\n\n \u003ch2\u003e\n The name is CryBaby. The feature list really does not look like a free HUD.\n \u003c\/h2\u003e\n\n\n \u003cp\u003e\n Player vitals, money, jobs, voice, weapon telemetry, vehicle diagnostics,\n EV detection, persistent mileage, crash ejection, seatbelt controls,\n speed limiter, dynamic glass, ultrawide minimap positioning and useful\n developer exports — all in one ESX interface that you can download\n without paying for it.\n \u003c\/p\u003e\n\n \u003c\/section\u003e\n\n\n \u003cdiv class=\"fml-crybaby__final\"\u003e\n Your current HUD has one problem:\n \u003cem\u003ethis one is free.\u003c\/em\u003e\n \u003c\/div\u003e\n\n\u003c\/article\u003e","brand":"Crybaby Scripts","offers":[{"title":"Default Title","offer_id":45780389527661,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/ed2971391a50a13a0bad1d91e34ee898ffe263a5.jpg?v=1788595024"},{"product_id":"realistic-smoke-grenade-fivem-standalone","title":"REALISTIC SMOKE GRENADE FIVEM | STANDALONE","description":"\u003cstyle\u003e\n \/* =========================================================\n FIVEM-LAB — AK47 REALISTIC SMOKE GRENADE\n STANDALONE \/ VOLUMETRIC SMOKE \/ MULTIPLAYER SYNC\n ========================================================= *\/\n\n .fml-smoke {\n --gold:#ffd700;\n --white:#ffffff;\n --black:#050505;\n --text:rgba(255,255,255,.92);\n --muted:rgba(255,255,255,.66);\n --dim:rgba(255,255,255,.42);\n --line:rgba(255,255,255,.10);\n --line-soft:rgba(255,255,255,.055);\n --gold-line:rgba(255,215,0,.34);\n --panel:rgba(255,255,255,.022);\n --green:#6be5a7;\n\n width:100%;\n max-width:1180px;\n margin:0 auto;\n padding:18px 0 88px;\n\n color:var(--text);\n background:transparent;\n font-family:inherit;\n font-size:16px;\n line-height:1.7;\n }\n\n .fml-smoke,\n .fml-smoke *,\n .fml-smoke *::before,\n .fml-smoke *::after {\n box-sizing:border-box;\n }\n\n .fml-smoke h2,\n .fml-smoke h3,\n .fml-smoke p,\n .fml-smoke dl,\n .fml-smoke dt,\n .fml-smoke dd,\n .fml-smoke ol {\n margin:0;\n }\n\n .fml-smoke ol {\n padding:0;\n }\n\n .fml-smoke a {\n color:inherit;\n }\n\n .fml-smoke ::selection {\n color:#050505;\n background:var(--gold);\n }\n\n .fml-smoke code {\n padding:2px 6px;\n\n color:var(--gold);\n background:rgba(255,215,0,.055);\n\n border:1px solid rgba(255,215,0,.18);\n border-radius:3px;\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n }\n\n\n \/* =========================================================\n HERO\n ========================================================= *\/\n\n .fml-smoke__hero {\n position:relative;\n isolation:isolate;\n overflow:hidden;\n\n display:grid;\n grid-template-columns:minmax(0,1.03fr) minmax(330px,.72fr);\n gap:clamp(28px,5vw,64px);\n align-items:center;\n\n padding:clamp(36px,5.5vw,72px);\n\n border:1px solid var(--line);\n border-top-color:var(--gold-line);\n border-radius:7px;\n\n background:\n radial-gradient(\n circle at 91% 5%,\n rgba(255,215,0,.14),\n transparent 30%\n ),\n linear-gradient(\n 135deg,\n rgba(255,215,0,.034),\n transparent 48%\n ),\n rgba(0,0,0,.18);\n }\n\n .fml-smoke__hero::before {\n content:\"\";\n position:absolute;\n top:0;\n left:0;\n\n width:min(440px,72%);\n height:2px;\n\n background:var(--gold);\n box-shadow:0 0 24px rgba(255,215,0,.36);\n }\n\n .fml-smoke__eyebrow {\n display:flex;\n flex-wrap:wrap;\n gap:8px 16px;\n\n margin-bottom:24px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:900;\n letter-spacing:.15em;\n text-transform:uppercase;\n }\n\n .fml-smoke__eyebrow span + span {\n color:var(--dim);\n }\n\n .fml-smoke__eyebrow span + span::before {\n content:\"\/\";\n margin-right:16px;\n color:var(--gold);\n }\n\n .fml-smoke__title {\n margin:0 !important;\n\n color:var(--white) !important;\n\n font-size:clamp(42px,5.8vw,74px) !important;\n font-weight:950 !important;\n letter-spacing:-.052em;\n line-height:.95 !important;\n\n text-wrap:balance;\n }\n\n .fml-smoke__lead {\n max-width:800px;\n margin-top:26px !important;\n\n color:var(--muted) !important;\n\n font-size:clamp(18px,1.9vw,23px);\n font-weight:600;\n line-height:1.58;\n }\n\n .fml-smoke__lead strong {\n color:var(--white);\n }\n\n .fml-smoke__badges {\n display:flex;\n flex-wrap:wrap;\n gap:10px;\n\n margin-top:31px;\n }\n\n .fml-smoke__badge {\n display:inline-flex;\n align-items:center;\n\n min-height:37px;\n padding:0 13px;\n\n color:var(--white);\n background:rgba(255,255,255,.025);\n\n border:1px solid var(--line);\n border-radius:3px;\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.09em;\n text-transform:uppercase;\n }\n\n .fml-smoke__badge--gold {\n color:#050505;\n background:var(--gold);\n border-color:var(--gold);\n }\n\n .fml-smoke__meta {\n display:flex;\n flex-wrap:wrap;\n gap:10px 25px;\n\n margin-top:28px;\n padding-top:22px;\n\n border-top:1px solid var(--line);\n }\n\n .fml-smoke__meta span {\n position:relative;\n padding-left:17px;\n\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:850;\n letter-spacing:.09em;\n text-transform:uppercase;\n }\n\n .fml-smoke__meta span::before {\n content:\"\";\n position:absolute;\n top:.7em;\n left:0;\n\n width:7px;\n height:1px;\n\n background:var(--gold);\n }\n\n\n \/* HERO MEDIA *\/\n\n .fml-smoke__media {\n position:relative;\n overflow:hidden;\n\n min-height:400px;\n\n border:1px solid var(--line);\n border-radius:5px;\n\n background:#050505;\n }\n\n .fml-smoke__media img {\n display:block;\n\n width:100%;\n height:100%;\n min-height:400px;\n\n object-fit:cover;\n }\n\n .fml-smoke__media::after {\n content:\"\";\n position:absolute;\n inset:0;\n\n pointer-events:none;\n\n background:\n linear-gradient(\n 180deg,\n transparent 52%,\n rgba(0,0,0,.82)\n );\n }\n\n .fml-smoke__media-tag {\n position:absolute;\n z-index:2;\n right:15px;\n bottom:14px;\n left:15px;\n\n color:rgba(255,255,255,.72);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.10em;\n text-transform:uppercase;\n }\n\n\n \/* =========================================================\n SECTIONS\n ========================================================= *\/\n\n .fml-smoke__section {\n padding:clamp(54px,7vw,88px) 0;\n border-bottom:1px solid var(--line);\n }\n\n .fml-smoke__head {\n display:grid;\n grid-template-columns:minmax(125px,.24fr) minmax(0,1fr);\n gap:clamp(26px,5vw,68px);\n align-items:start;\n }\n\n .fml-smoke__index {\n padding-top:7px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:900;\n letter-spacing:.12em;\n text-transform:uppercase;\n }\n\n .fml-smoke__kicker {\n margin-bottom:13px;\n\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:850;\n letter-spacing:.14em;\n text-transform:uppercase;\n }\n\n .fml-smoke__section-title {\n max-width:950px;\n margin:0 !important;\n\n color:var(--white) !important;\n\n font-size:clamp(29px,3.9vw,47px) !important;\n font-weight:950 !important;\n letter-spacing:-.04em;\n line-height:1.05 !important;\n\n text-wrap:balance;\n }\n\n .fml-smoke__intro {\n max-width:900px;\n margin-top:20px !important;\n\n color:var(--muted) !important;\n\n font-size:clamp(16px,1.45vw,19px);\n line-height:1.74;\n }\n\n .fml-smoke__statement {\n display:grid;\n grid-template-columns:minmax(0,1fr) auto;\n gap:30px;\n align-items:end;\n\n margin-top:42px;\n padding-top:27px;\n\n border-top:1px solid var(--line);\n }\n\n .fml-smoke__statement p {\n max-width:850px;\n\n color:var(--text) !important;\n\n font-size:clamp(18px,2vw,23px);\n font-weight:650;\n line-height:1.5;\n }\n\n .fml-smoke__code-label {\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:900;\n letter-spacing:.12em;\n white-space:nowrap;\n }\n\n\n \/* =========================================================\n STATS\n ========================================================= *\/\n\n .fml-smoke__stats {\n display:grid;\n grid-template-columns:repeat(4,minmax(0,1fr));\n gap:12px;\n\n margin-top:42px;\n }\n\n .fml-smoke__stat {\n min-width:0;\n padding:23px;\n\n border:1px solid var(--line);\n border-top-color:var(--gold-line);\n border-radius:4px;\n\n background:var(--panel);\n }\n\n .fml-smoke__stat small {\n display:block;\n margin-bottom:17px;\n\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:8px;\n font-weight:900;\n letter-spacing:.1em;\n text-transform:uppercase;\n }\n\n .fml-smoke__stat strong {\n display:block;\n\n color:var(--gold);\n\n font-size:clamp(24px,2.8vw,36px);\n font-weight:950;\n letter-spacing:-.045em;\n line-height:1;\n }\n\n .fml-smoke__stat span {\n display:block;\n margin-top:10px;\n\n color:var(--muted);\n\n font-size:12px;\n line-height:1.5;\n }\n\n\n \/* =========================================================\n CARDS\n ========================================================= *\/\n\n .fml-smoke__grid {\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:14px;\n\n margin-top:42px;\n }\n\n .fml-smoke__card {\n position:relative;\n overflow:hidden;\n\n min-width:0;\n padding:clamp(24px,3vw,31px);\n\n border:1px solid var(--line);\n border-radius:4px;\n\n background:var(--panel);\n\n transition:\n transform .18s ease,\n border-color .18s ease,\n background .18s ease;\n }\n\n .fml-smoke__card::before {\n content:\"\";\n position:absolute;\n top:0;\n left:0;\n\n width:0;\n height:1px;\n\n background:var(--gold);\n\n transition:width .22s ease;\n }\n\n .fml-smoke__card:hover {\n transform:translateY(-2px);\n border-color:var(--gold-line);\n background:rgba(255,255,255,.038);\n }\n\n .fml-smoke__card:hover::before {\n width:100%;\n }\n\n .fml-smoke__card-top {\n display:flex;\n justify-content:space-between;\n gap:14px;\n\n margin-bottom:26px;\n }\n\n .fml-smoke__number {\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:950;\n }\n\n .fml-smoke__label {\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:8px;\n font-weight:800;\n letter-spacing:.09em;\n text-align:right;\n text-transform:uppercase;\n }\n\n .fml-smoke__card h3 {\n margin:0 0 11px !important;\n\n color:var(--white) !important;\n\n font-size:clamp(20px,2vw,25px) !important;\n font-weight:950 !important;\n letter-spacing:-.03em;\n line-height:1.15 !important;\n }\n\n .fml-smoke__card p {\n color:var(--muted) !important;\n\n font-size:14px;\n line-height:1.7;\n }\n\n\n \/* =========================================================\n PHASES\n ========================================================= *\/\n\n .fml-smoke__phases {\n display:grid;\n grid-template-columns:repeat(3,minmax(0,1fr));\n gap:12px;\n\n margin-top:42px;\n }\n\n .fml-smoke__phase {\n min-width:0;\n padding:24px;\n\n border:1px solid var(--line);\n border-top-color:var(--gold-line);\n border-radius:4px;\n\n background:var(--panel);\n }\n\n .fml-smoke__phase small {\n display:block;\n margin-bottom:27px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.08em;\n }\n\n .fml-smoke__phase h3 {\n margin:0 0 9px !important;\n\n color:var(--white) !important;\n\n font-size:19px !important;\n font-weight:950 !important;\n }\n\n .fml-smoke__phase p {\n color:var(--muted) !important;\n\n font-size:13px;\n line-height:1.65;\n }\n\n\n \/* =========================================================\n SYNC\n ========================================================= *\/\n\n .fml-smoke__sync {\n display:grid;\n grid-template-columns:minmax(0,1fr) 260px;\n gap:16px;\n\n margin-top:42px;\n }\n\n .fml-smoke__sync-main,\n .fml-smoke__sync-side {\n padding:clamp(26px,4vw,38px);\n\n border:1px solid var(--line);\n border-radius:5px;\n\n background:var(--panel);\n }\n\n .fml-smoke__sync-main {\n border-color:var(--gold-line);\n\n background:\n linear-gradient(\n 130deg,\n rgba(255,215,0,.055),\n transparent 55%\n ),\n var(--panel);\n }\n\n .fml-smoke__sync small {\n display:block;\n margin-bottom:11px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.11em;\n text-transform:uppercase;\n }\n\n .fml-smoke__sync h3 {\n margin:0 0 13px !important;\n\n color:var(--white) !important;\n\n font-size:clamp(22px,3vw,32px) !important;\n font-weight:950 !important;\n letter-spacing:-.035em;\n line-height:1.1 !important;\n }\n\n .fml-smoke__sync p {\n color:var(--muted) !important;\n\n font-size:14px;\n line-height:1.72;\n }\n\n .fml-smoke__sync-side {\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n\n min-height:230px;\n }\n\n .fml-smoke__sync-side strong {\n color:var(--gold);\n\n font-size:clamp(27px,4vw,42px);\n font-weight:950;\n letter-spacing:-.045em;\n line-height:1;\n }\n\n\n \/* =========================================================\n GALLERY\n ========================================================= *\/\n\n .fml-smoke__gallery {\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:14px;\n\n margin-top:42px;\n }\n\n .fml-smoke__image {\n overflow:hidden;\n\n border:1px solid var(--line);\n border-radius:5px;\n\n background:#050505;\n }\n\n .fml-smoke__image img {\n display:block;\n\n width:100%;\n height:100%;\n min-height:290px;\n\n object-fit:cover;\n\n transition:transform .3s ease;\n }\n\n .fml-smoke__image:hover img {\n transform:scale(1.015);\n }\n\n\n \/* =========================================================\n TECH\n ========================================================= *\/\n\n .fml-smoke__terminal {\n margin-top:42px;\n overflow:hidden;\n\n border:1px solid var(--gold-line);\n border-radius:4px;\n\n background:\n linear-gradient(\n 180deg,\n rgba(255,215,0,.026),\n transparent 30%\n ),\n rgba(0,0,0,.20);\n }\n\n .fml-smoke__terminal-head {\n display:flex;\n flex-wrap:wrap;\n justify-content:space-between;\n gap:10px 24px;\n\n padding:14px 18px;\n\n border-bottom:1px solid var(--line);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.09em;\n text-transform:uppercase;\n }\n\n .fml-smoke__terminal-head strong {\n color:var(--gold);\n }\n\n .fml-smoke__terminal-head span {\n color:var(--dim);\n }\n\n .fml-smoke__spec-grid {\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n }\n\n .fml-smoke__spec {\n min-width:0;\n padding:clamp(23px,3.5vw,32px);\n\n border-right:1px solid var(--line);\n border-bottom:1px solid var(--line);\n }\n\n .fml-smoke__spec:nth-child(2n) {\n border-right:0;\n }\n\n .fml-smoke__spec:nth-last-child(-n + 2) {\n border-bottom:0;\n }\n\n .fml-smoke__spec dt {\n margin-bottom:11px;\n\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:8px;\n font-weight:900;\n letter-spacing:.12em;\n text-transform:uppercase;\n }\n\n .fml-smoke__spec-value {\n display:block;\n\n color:var(--white);\n\n font-size:clamp(19px,2.3vw,28px);\n font-weight:950;\n letter-spacing:-.035em;\n line-height:1.1;\n }\n\n .fml-smoke__spec:first-child .fml-smoke__spec-value {\n color:var(--gold);\n }\n\n .fml-smoke__spec-copy {\n display:block;\n margin-top:9px;\n\n color:var(--muted);\n\n font-size:12px;\n line-height:1.58;\n }\n\n\n \/* =========================================================\n INSTALL\n ========================================================= *\/\n\n .fml-smoke__install {\n margin-top:42px;\n overflow:hidden;\n\n border:1px solid var(--line);\n border-left:3px solid var(--gold);\n border-radius:4px;\n\n background:\n linear-gradient(\n 110deg,\n rgba(255,215,0,.05),\n transparent 50%\n ),\n rgba(0,0,0,.14);\n }\n\n .fml-smoke__install-head {\n padding:14px 20px;\n\n color:var(--gold);\n\n border-bottom:1px solid var(--line);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.11em;\n text-transform:uppercase;\n }\n\n .fml-smoke__steps {\n display:grid;\n list-style:none;\n counter-reset:smoke-step;\n }\n\n .fml-smoke__steps li {\n display:grid;\n grid-template-columns:65px minmax(0,1fr);\n gap:18px;\n\n padding:21px 23px;\n\n color:var(--muted);\n\n border-bottom:1px solid var(--line-soft);\n\n counter-increment:smoke-step;\n\n font-size:14px;\n line-height:1.65;\n }\n\n .fml-smoke__steps li:last-child {\n border-bottom:0;\n }\n\n .fml-smoke__steps li::before {\n content:\"[\" counter(smoke-step, decimal-leading-zero) \"]\";\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:900;\n }\n\n\n \/* =========================================================\n LINKS\n ========================================================= *\/\n\n .fml-smoke__links {\n display:flex;\n flex-wrap:wrap;\n gap:12px;\n\n margin-top:30px;\n }\n\n .fml-smoke__link {\n display:inline-flex;\n align-items:center;\n justify-content:center;\n gap:10px;\n\n min-height:46px;\n padding:0 18px;\n\n color:var(--white) !important;\n background:rgba(255,255,255,.025);\n\n border:1px solid var(--line);\n border-radius:4px;\n\n font-size:11px;\n font-weight:900;\n letter-spacing:.04em;\n text-decoration:none !important;\n text-transform:uppercase;\n\n transition:\n transform .18s ease,\n border-color .18s ease,\n color .18s ease;\n }\n\n .fml-smoke__link:hover {\n transform:translateY(-2px);\n color:var(--gold) !important;\n border-color:var(--gold-line);\n }\n\n .fml-smoke__link--gold {\n color:#050505 !important;\n background:var(--gold);\n border-color:var(--gold);\n }\n\n .fml-smoke__link--gold:hover {\n color:#050505 !important;\n border-color:var(--gold);\n }\n\n\n \/* =========================================================\n CLOSING\n ========================================================= *\/\n\n .fml-smoke__closing {\n position:relative;\n overflow:hidden;\n\n margin-top:clamp(62px,8vw,100px);\n padding:clamp(38px,6vw,72px);\n\n border-top:1px solid var(--gold-line);\n border-bottom:1px solid var(--line);\n\n background:\n radial-gradient(\n circle at 100% 0,\n rgba(255,215,0,.12),\n transparent 34%\n ),\n rgba(255,255,255,.012);\n }\n\n .fml-smoke__closing-label {\n margin-bottom:19px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.13em;\n text-transform:uppercase;\n }\n\n .fml-smoke__closing h2 {\n max-width:950px;\n margin:0 !important;\n\n color:var(--white) !important;\n\n font-size:clamp(31px,4.4vw,52px) !important;\n font-weight:950 !important;\n letter-spacing:-.045em;\n line-height:1.03 !important;\n\n text-wrap:balance;\n }\n\n .fml-smoke__closing p {\n max-width:890px;\n margin-top:20px !important;\n\n color:var(--muted) !important;\n\n font-size:16px;\n line-height:1.74;\n }\n\n .fml-smoke__final {\n margin-top:clamp(44px,7vw,72px);\n\n color:var(--white);\n\n font-size:clamp(25px,3.7vw,44px);\n font-weight:950;\n letter-spacing:-.043em;\n line-height:1.08;\n text-align:center;\n\n text-wrap:balance;\n }\n\n .fml-smoke__final em {\n color:var(--gold);\n font-style:normal;\n }\n\n\n \/* =========================================================\n RESPONSIVE\n ========================================================= *\/\n\n @media (max-width:1000px) {\n .fml-smoke__hero {\n grid-template-columns:1fr;\n }\n\n .fml-smoke__media,\n .fml-smoke__media img {\n min-height:430px;\n }\n\n .fml-smoke__stats {\n grid-template-columns:repeat(2,minmax(0,1fr));\n }\n }\n\n @media (max-width:900px) {\n .fml-smoke__head {\n grid-template-columns:1fr;\n gap:15px;\n }\n\n .fml-smoke__sync {\n grid-template-columns:1fr;\n }\n }\n\n @media (max-width:680px) {\n .fml-smoke {\n padding-top:8px;\n }\n\n .fml-smoke__hero {\n padding:29px 20px;\n }\n\n .fml-smoke__eyebrow {\n display:grid;\n gap:5px;\n }\n\n .fml-smoke__eyebrow span + span::before {\n display:none;\n }\n\n .fml-smoke__media,\n .fml-smoke__media img {\n min-height:270px;\n }\n\n .fml-smoke__statement,\n .fml-smoke__stats,\n .fml-smoke__grid,\n .fml-smoke__phases,\n .fml-smoke__gallery,\n .fml-smoke__spec-grid {\n grid-template-columns:1fr;\n }\n\n .fml-smoke__code-label {\n white-space:normal;\n }\n\n .fml-smoke__spec {\n border-right:0;\n border-bottom:1px solid var(--line);\n }\n\n .fml-smoke__spec:nth-last-child(-n + 2) {\n border-bottom:1px solid var(--line);\n }\n\n .fml-smoke__spec:last-child {\n border-bottom:0;\n }\n\n .fml-smoke__steps li {\n grid-template-columns:46px minmax(0,1fr);\n padding:19px;\n }\n\n .fml-smoke__links {\n flex-direction:column;\n }\n\n .fml-smoke__link {\n width:100%;\n }\n\n .fml-smoke__closing {\n padding:36px 21px;\n }\n }\n\n @media (prefers-reduced-motion:reduce) {\n .fml-smoke *,\n .fml-smoke *::before,\n .fml-smoke *::after {\n transition-duration:.01ms !important;\n animation-duration:.01ms !important;\n }\n }\n\u003c\/style\u003e\n\n\n\u003carticle class=\"fml-smoke\"\u003e\n\n \u003c!-- =======================================================\n HERO\n ======================================================= --\u003e\n\n \u003cheader class=\"fml-smoke__hero\"\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-smoke__eyebrow\"\u003e\n \u003cspan\u003eFiveM Standalone Script\u003c\/span\u003e\n \u003cspan\u003eRealistic Smoke System\u003c\/span\u003e\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-smoke__title\"\u003e\n Realistic Smoke Grenade\n \u003c\/h2\u003e\n\n\n \u003cp class=\"fml-smoke__lead\"\u003e\n Vanilla smoke has one major problem:\n \u003cstrong\u003eit looks like vanilla smoke.\u003c\/strong\u003e\n Throw this one and the scene actually changes — a thick cloud grows\n around the canister, fills the area, hangs there with weight and then\n fades away instead of looking like somebody spawned the same particle\n loop six times.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"fml-smoke__badges\"\u003e\n\n \u003cspan class=\"fml-smoke__badge fml-smoke__badge--gold\"\u003e\n Standalone\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-smoke__badge\"\u003e\n Volumetric Smoke\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-smoke__badge\"\u003e\n Multiplayer Sync\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-smoke__badge\"\u003e\n No Dependencies\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-smoke__meta\"\u003e\n \u003cspan\u003e6 smoke emitters\u003c\/span\u003e\n \u003cspan\u003e3-phase lifecycle\u003c\/span\u003e\n \u003cspan\u003eLate-join sync\u003c\/span\u003e\n \u003cspan\u003eDistance culling\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-smoke__media\"\u003e\n\n \u003cimg src=\"https:\/\/forum-cfx-re.akamaized.net\/original\/5X\/a\/e\/a\/5\/aea51c888881306c986e027e77f27bec1912931e.jpeg\" alt=\"Realistic Smoke Grenade FiveM standalone script\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"fml-smoke__media-tag\"\u003e\n Throw it · Watch it settle · Let the smoke take over\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/header\u003e\n\n\n \u003c!-- =======================================================\n THE DIFFERENCE\n ======================================================= --\u003e\n\n \u003csection class=\"fml-smoke__section\"\u003e\n\n \u003cdiv class=\"fml-smoke__head\"\u003e\n\n \u003cdiv class=\"fml-smoke__index\"\u003e\n 00 \/ The Difference\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-smoke__kicker\"\u003e\n A smoke grenade should change the whole mood of the scene\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-smoke__section-title\"\u003e\n Not one lonely puff. A cloud that actually looks like it belongs there.\n \u003c\/h2\u003e\n\n\n \u003cp class=\"fml-smoke__intro\"\u003e\n The resource builds smoke from multiple emitters around the canister\n instead of relying on one repeating effect. Small randomized puffs\n help break up obvious looping patterns while ground checks keep the\n smoke sitting where the terrain actually is.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-smoke__statement\"\u003e\n\n \u003cp\u003e\n The result is simple: when somebody throws smoke during tactical RP,\n the room, street or checkpoint suddenly feels different. Visibility\n changes. Players react. The scene gets tension without needing another\n giant UI or cutscene to tell everyone that something is happening.\n \u003c\/p\u003e\n\n \u003cspan class=\"fml-smoke__code-label\"\u003e\n \/\/ THE CLOUD IS THE EFFECT\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-smoke__stats\"\u003e\n\n \u003cdiv class=\"fml-smoke__stat\"\u003e\n\n \u003csmall\u003ePrimary Emitters\u003c\/small\u003e\n\n \u003cstrong\u003e6\u003c\/strong\u003e\n\n \u003cspan\u003e\n Staggered emitters build the main smoke volume.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-smoke__stat\"\u003e\n\n \u003csmall\u003eLifecycle\u003c\/small\u003e\n\n \u003cstrong\u003e3 Phase\u003c\/strong\u003e\n\n \u003cspan\u003e\n Growth, dense coverage and dissipation.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-smoke__stat\"\u003e\n\n \u003csmall\u003eFramework\u003c\/small\u003e\n\n \u003cstrong\u003eAny\u003c\/strong\u003e\n\n \u003cspan\u003e\n Standalone resource with no framework requirement.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-smoke__stat\"\u003e\n\n \u003csmall\u003eDependencies\u003c\/small\u003e\n\n \u003cstrong\u003eNone\u003c\/strong\u003e\n\n \u003cspan\u003e\n No external dependency is listed.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n SMOKE\n ======================================================= --\u003e\n\n \u003csection class=\"fml-smoke__section\"\u003e\n\n \u003cdiv class=\"fml-smoke__head\"\u003e\n\n \u003cdiv class=\"fml-smoke__index\"\u003e\n 01 \/ Smoke\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-smoke__kicker\"\u003e\n This is where the script earns the “realistic” part\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-smoke__section-title\"\u003e\n The cloud grows, moves with the terrain and avoids that obvious looping-particle look.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-smoke__grid\"\u003e\n\n \u003carticle class=\"fml-smoke__card\"\u003e\n\n \u003cdiv class=\"fml-smoke__card-top\"\u003e\n \u003cspan class=\"fml-smoke__number\"\u003e01\u003c\/span\u003e\n \u003cspan class=\"fml-smoke__label\"\u003e6 Emitters · Volume\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eOne Canister, One Big Cloud\u003c\/h3\u003e\n\n \u003cp\u003e\n Six staggered emitters are positioned around the grenade to build a\n more continuous smoke volume. That means fewer ugly gaps where one\n effect ends and another suddenly restarts.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-smoke__card\"\u003e\n\n \u003cdiv class=\"fml-smoke__card-top\"\u003e\n \u003cspan class=\"fml-smoke__number\"\u003e02\u003c\/span\u003e\n \u003cspan class=\"fml-smoke__label\"\u003eRandom · Micro Puffs\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eThe Smoke Does Not Repeat Like a GIF\u003c\/h3\u003e\n\n \u003cp\u003e\n Randomized micro-puffs appear through the life of the cloud, helping\n the effect feel less mechanical and a lot more alive when you're\n standing next to it.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-smoke__card\"\u003e\n\n \u003cdiv class=\"fml-smoke__card-top\"\u003e\n \u003cspan class=\"fml-smoke__number\"\u003e03\u003c\/span\u003e\n \u003cspan class=\"fml-smoke__label\"\u003eGround · Raycast\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eIt Actually Respects the Ground\u003c\/h3\u003e\n\n \u003cp\u003e\n Ground-level raycasting helps position the smoke correctly over\n asphalt, uneven terrain and slopes instead of leaving half the cloud\n floating somewhere above the pavement.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-smoke__card\"\u003e\n\n \u003cdiv class=\"fml-smoke__card-top\"\u003e\n \u003cspan class=\"fml-smoke__number\"\u003e04\u003c\/span\u003e\n \u003cspan class=\"fml-smoke__label\"\u003eDense · Continuous\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eEnough Coverage to Change the Scene\u003c\/h3\u003e\n\n \u003cp\u003e\n At peak density, the cloud is designed to create strong visual\n obstruction for tactical roleplay, training scenarios and staged\n emergency-response scenes.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n LIFECYCLE\n ======================================================= --\u003e\n\n \u003csection class=\"fml-smoke__section\"\u003e\n\n \u003cdiv class=\"fml-smoke__head\"\u003e\n\n \u003cdiv class=\"fml-smoke__index\"\u003e\n 02 \/ Lifecycle\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-smoke__kicker\"\u003e\n Smoke should arrive and leave like smoke\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-smoke__section-title\"\u003e\n No instant full-size cloud. No disappearing act at the end.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-smoke__phases\"\u003e\n\n \u003carticle class=\"fml-smoke__phase\"\u003e\n\n \u003csmall\u003e01 \/ GROWTH\u003c\/small\u003e\n\n \u003ch3\u003eIt Starts Small\u003c\/h3\u003e\n\n \u003cp\u003e\n The effect expands progressively from the initial ignition scale\n toward the full configured smoke volume.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-smoke__phase\"\u003e\n\n \u003csmall\u003e02 \/ DENSITY\u003c\/small\u003e\n\n \u003ch3\u003eThen the Area Disappears\u003c\/h3\u003e\n\n \u003cp\u003e\n The cloud reaches its dense phase and holds meaningful visual\n coverage instead of immediately fading after deployment.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-smoke__phase\"\u003e\n\n \u003csmall\u003e03 \/ FADE\u003c\/small\u003e\n\n \u003ch3\u003eThen It Leaves Properly\u003c\/h3\u003e\n\n \u003cp\u003e\n Smoke gradually thins and expands slightly while its opacity fades,\n giving the effect a smoother end instead of suddenly switching off.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n PHYSICS\n ======================================================= --\u003e\n\n \u003csection class=\"fml-smoke__section\"\u003e\n\n \u003cdiv class=\"fml-smoke__head\"\u003e\n\n \u003cdiv class=\"fml-smoke__index\"\u003e\n 03 \/ Physics\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-smoke__kicker\"\u003e\n The grenade needs to know where it actually landed\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-smoke__section-title\"\u003e\n Track the projectile first. Spawn the smoke where the canister really stops.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-smoke__grid\"\u003e\n\n \u003carticle class=\"fml-smoke__card\"\u003e\n\n \u003cdiv class=\"fml-smoke__card-top\"\u003e\n \u003cspan class=\"fml-smoke__number\"\u003e01\u003c\/span\u003e\n \u003cspan class=\"fml-smoke__label\"\u003eFlight · Tracking\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eFollow the Grenade Through the Air\u003c\/h3\u003e\n\n \u003cp\u003e\n Thrown grenades and supported launcher projectiles can be tracked\n while they are moving rather than guessing where the effect should\n appear.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-smoke__card\"\u003e\n\n \u003cdiv class=\"fml-smoke__card-top\"\u003e\n \u003cspan class=\"fml-smoke__number\"\u003e02\u003c\/span\u003e\n \u003cspan class=\"fml-smoke__label\"\u003eRest · Detection\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eWait Until It Stops Rolling\u003c\/h3\u003e\n\n \u003cp\u003e\n The script can wait for the canister to come to rest before the main\n synchronized cloud is deployed. Tiny detail. Massive difference when\n you watch it happen.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-smoke__card\"\u003e\n\n \u003cdiv class=\"fml-smoke__card-top\"\u003e\n \u003cspan class=\"fml-smoke__number\"\u003e03\u003c\/span\u003e\n \u003cspan class=\"fml-smoke__label\"\u003eFallback · Event\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eFallback Detection Included\u003c\/h3\u003e\n\n \u003cp\u003e\n A server-side event fallback is included so fast-moving gameplay does\n not rely on only one detection path.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-smoke__card\"\u003e\n\n \u003cdiv class=\"fml-smoke__card-top\"\u003e\n \u003cspan class=\"fml-smoke__number\"\u003e04\u003c\/span\u003e\n \u003cspan class=\"fml-smoke__label\"\u003eCustom · Weapons\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eMore Than One Smoke Weapon\u003c\/h3\u003e\n\n \u003cp\u003e\n The release lists support for the standard smoke grenade, smoke\n launcher rounds, BZ Gas and configurable custom weapon entries.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n SYNC\n ======================================================= --\u003e\n\n \u003csection class=\"fml-smoke__section\"\u003e\n\n \u003cdiv class=\"fml-smoke__head\"\u003e\n\n \u003cdiv class=\"fml-smoke__index\"\u003e\n 04 \/ Sync\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-smoke__kicker\"\u003e\n If one player sees smoke and another sees fresh air, the illusion is dead\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-smoke__section-title\"\u003e\n Everybody should be looking at the same cloud.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-smoke__sync\"\u003e\n\n \u003carticle class=\"fml-smoke__sync-main\"\u003e\n\n \u003csmall\u003e\n \/\/ SERVER-WIDE SYNC\n \u003c\/small\u003e\n\n \u003ch3\u003e\n One active smoke state for the server.\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Active smoke clouds are synchronized across connected players with\n duplicate-trigger protection. The goal is simple: when a grenade\n changes visibility in a scene, everybody taking part in that scene\n should experience the same thing.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003caside class=\"fml-smoke__sync-side\"\u003e\n\n \u003csmall\u003e\n Reconnect behavior\n \u003c\/small\u003e\n\n \u003cstrong\u003eLATE SYNC\u003c\/strong\u003e\n\n \u003csmall\u003e\n Active smoke can be restored with remaining duration\n \u003c\/small\u003e\n\n \u003c\/aside\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-smoke__grid\"\u003e\n\n \u003carticle class=\"fml-smoke__card\"\u003e\n\n \u003cdiv class=\"fml-smoke__card-top\"\u003e\n \u003cspan class=\"fml-smoke__number\"\u003e01\u003c\/span\u003e\n \u003cspan class=\"fml-smoke__label\"\u003eJoin · Reconnect\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eJoined Late? The Smoke Is Still There.\u003c\/h3\u003e\n\n \u003cp\u003e\n Newly spawned or reconnected players can receive currently active\n smoke clouds with their elapsed phase and remaining lifetime taken\n into account.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-smoke__card\"\u003e\n\n \u003cdiv class=\"fml-smoke__card-top\"\u003e\n \u003cspan class=\"fml-smoke__number\"\u003e02\u003c\/span\u003e\n \u003cspan class=\"fml-smoke__label\"\u003eCleanup · Memory\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eGone Means Gone\u003c\/h3\u003e\n\n \u003cp\u003e\n When the cloud expires — or the resource restarts — active smoke\n state is cleaned from the server and client side instead of leaving\n old effects hanging around forever.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n PERFORMANCE\n ======================================================= --\u003e\n\n \u003csection class=\"fml-smoke__section\"\u003e\n\n \u003cdiv class=\"fml-smoke__head\"\u003e\n\n \u003cdiv class=\"fml-smoke__index\"\u003e\n 05 \/ Performance\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-smoke__kicker\"\u003e\n Dense smoke is cool. Rendering it across the whole map is not.\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-smoke__section-title\"\u003e\n If the player cannot see the cloud from where they are, there is no reason to keep drawing it.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-smoke__grid\"\u003e\n\n \u003carticle class=\"fml-smoke__card\"\u003e\n\n \u003cdiv class=\"fml-smoke__card-top\"\u003e\n \u003cspan class=\"fml-smoke__number\"\u003e01\u003c\/span\u003e\n \u003cspan class=\"fml-smoke__label\"\u003eRender Distance\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eDistance Culling\u003c\/h3\u003e\n\n \u003cp\u003e\n Smoke outside the configured render distance can be despawned on the\n client and recreated if the player returns within range.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-smoke__card\"\u003e\n\n \u003cdiv class=\"fml-smoke__card-top\"\u003e\n \u003cspan class=\"fml-smoke__number\"\u003e02\u003c\/span\u003e\n \u003cspan class=\"fml-smoke__label\"\u003e1000ms · Idle\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eIt Does Not Need to Panic While Nothing Is Happening\u003c\/h3\u003e\n\n \u003cp\u003e\n The idle tick is described as sleeping at 1000ms, with more active\n work focused around relevant weapons and nearby active smoke.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n DAMAGE \/ FLEXIBILITY\n ======================================================= --\u003e\n\n \u003csection class=\"fml-smoke__section\"\u003e\n\n \u003cdiv class=\"fml-smoke__head\"\u003e\n\n \u003cdiv class=\"fml-smoke__index\"\u003e\n 06 \/ Control\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-smoke__kicker\"\u003e\n Want smoke to be visual only? You can keep it that way.\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-smoke__section-title\"\u003e\n Use the effect for atmosphere and tactical RP without forcing unwanted damage behavior.\n \u003c\/h2\u003e\n\n\n \u003cp class=\"fml-smoke__intro\"\u003e\n A configuration option is provided to suppress weapon or gas damage\n so the smoke can remain a non-lethal visual gameplay element when\n that better fits the server's design.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-smoke__statement\"\u003e\n\n \u003cp\u003e\n That makes the resource useful outside combat-heavy servers too:\n police training, response scenarios, events, cinematics and other RP\n scenes can use the cloud without automatically turning it into a damage\n mechanic.\n \u003c\/p\u003e\n\n \u003cspan class=\"fml-smoke__code-label\"\u003e\n \/\/ VISUAL OR GAMEPLAY · YOU DECIDE\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n PREVIEW\n ======================================================= --\u003e\n\n \u003csection class=\"fml-smoke__section\"\u003e\n\n \u003cdiv class=\"fml-smoke__head\"\u003e\n\n \u003cdiv class=\"fml-smoke__index\"\u003e\n 07 \/ Preview\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-smoke__kicker\"\u003e\n Smoke screenshots are basically cheating\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-smoke__section-title\"\u003e\n The whole point is seeing how much of the scene disappears once the cloud fills out.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-smoke__gallery\"\u003e\n\n \u003cdiv class=\"fml-smoke__image\"\u003e\n\n \u003cimg src=\"https:\/\/forum-cfx-re.akamaized.net\/original\/5X\/e\/8\/e\/b\/e8eb1eb5f84fdb8dd0986949cdb789f77220d83d.jpeg\" alt=\"FiveM realistic smoke grenade preview\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-smoke__image\"\u003e\n\n \u003cimg src=\"https:\/\/forum-cfx-re.akamaized.net\/original\/5X\/a\/4\/8\/9\/a4894f0e0b831d3f5bac7f3ce8e95d8d50b6bffc.jpeg\" alt=\"FiveM volumetric smoke cloud\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-smoke__image\"\u003e\n\n \u003cimg src=\"https:\/\/forum-cfx-re.akamaized.net\/original\/5X\/1\/f\/b\/8\/1fb8a38add70f949414533ac7519f6363bed2ae4.jpeg\" alt=\"FiveM smoke grenade tactical roleplay\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-smoke__image\"\u003e\n\n \u003cimg src=\"https:\/\/forum-cfx-re.akamaized.net\/original\/5X\/3\/4\/3\/6\/34369323794ab223b5c683facfd0dcd8a99f5747.jpeg\" alt=\"FiveM realistic smoke system\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-smoke__image\"\u003e\n\n \u003cimg src=\"https:\/\/forum-cfx-re.akamaized.net\/original\/5X\/e\/7\/2\/6\/e7262c5178a5ad8bef727d9ce38838668d54e2c6.jpeg\" alt=\"FiveM dense smoke effect\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-smoke__image\"\u003e\n\n \u003cimg src=\"https:\/\/forum-cfx-re.akamaized.net\/original\/5X\/f\/4\/a\/4\/f4a4d08758296f6654562be72c85e18c32955ba0.jpeg\" alt=\"FiveM standalone smoke grenade\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n TECHNICAL\n ======================================================= --\u003e\n\n \u003csection class=\"fml-smoke__section\"\u003e\n\n \u003cdiv class=\"fml-smoke__head\"\u003e\n\n \u003cdiv class=\"fml-smoke__index\"\u003e\n 08 \/ Technical\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-smoke__kicker\"\u003e\n Good news: this part is refreshingly short\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-smoke__section-title\"\u003e\n No ESX requirement. No QBCore requirement. No QBox requirement. It just runs standalone.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-smoke__terminal\"\u003e\n\n \u003cdiv class=\"fml-smoke__terminal-head\"\u003e\n\n \u003cstrong\u003e\n \/\/ AK47_SMOKEGRENADE\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n FiveM \/ Standalone \/ Smoke System\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdl class=\"fml-smoke__spec-grid\"\u003e\n\n \u003cdiv class=\"fml-smoke__spec\"\u003e\n\n \u003cdt\u003eFramework\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-smoke__spec-value\"\u003e\n Standalone\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-smoke__spec-copy\"\u003e\n Works independently and can be used alongside ESX, QB, QBX or\n other frameworks.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-smoke__spec\"\u003e\n\n \u003cdt\u003eDependencies\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-smoke__spec-value\"\u003e\n None\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-smoke__spec-copy\"\u003e\n No external dependency is listed.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-smoke__spec\"\u003e\n\n \u003cdt\u003eSmoke Architecture\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-smoke__spec-value\"\u003e\n Multi-Emitter\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-smoke__spec-copy\"\u003e\n Six staggered billow emitters plus randomized micro-puff effects.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-smoke__spec\"\u003e\n\n \u003cdt\u003eLifecycle\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-smoke__spec-value\"\u003e\n 3-Phase\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-smoke__spec-copy\"\u003e\n Growth, peak coverage and smooth dissipation behavior.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-smoke__spec\"\u003e\n\n \u003cdt\u003eSynchronization\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-smoke__spec-value\"\u003e\n Multiplayer\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-smoke__spec-copy\"\u003e\n Includes real-time server sync and late-join\/reconnect handling.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-smoke__spec\"\u003e\n\n \u003cdt\u003eRendering\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-smoke__spec-value\"\u003e\n Distance Culled\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-smoke__spec-copy\"\u003e\n Configurable render distance helps avoid unnecessary distant\n particle rendering.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-smoke__spec\"\u003e\n\n \u003cdt\u003eCode Access\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-smoke__spec-value\"\u003e\n Config Only\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-smoke__spec-copy\"\u003e\n The technical information lists configuration access rather than\n full source access.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-smoke__spec\"\u003e\n\n \u003cdt\u003eApprox. Lines\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-smoke__spec-value\"\u003e\n 600+\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-smoke__spec-copy\"\u003e\n Approximate line count listed by the developer.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-smoke__spec\"\u003e\n\n \u003cdt\u003ePurchase Options\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-smoke__spec-value\"\u003e\n Multiple\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-smoke__spec-copy\"\u003e\n The supplied listing states both subscription-based and\n non-subscription options are available.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-smoke__spec\"\u003e\n\n \u003cdt\u003eSupport\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-smoke__spec-value\"\u003e\n Discord\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-smoke__spec-copy\"\u003e\n Developer support is listed as available.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n \u003c\/dl\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n INSTALL\n ======================================================= --\u003e\n\n \u003csection class=\"fml-smoke__section\"\u003e\n\n \u003cdiv class=\"fml-smoke__head\"\u003e\n\n \u003cdiv class=\"fml-smoke__index\"\u003e\n 09 \/ Setup\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-smoke__kicker\"\u003e\n Installing smoke should not become its own emergency\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-smoke__section-title\"\u003e\n Add the resource, tune the values you care about, start it and move on.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-smoke__install\"\u003e\n\n \u003cdiv class=\"fml-smoke__install-head\"\u003e\n \/\/ INSTALLATION\n \u003c\/div\u003e\n\n\n \u003col class=\"fml-smoke__steps\"\u003e\n\n \u003cli\u003e\n Download \u003ccode\u003eak47_smokegrenade\u003c\/code\u003e from the CFX portal associated\n with your purchase.\n \u003c\/li\u003e\n\n \u003cli\u003e\n Place the resource inside your FiveM server's\n \u003ccode\u003eresources\u003c\/code\u003e directory.\n \u003c\/li\u003e\n\n \u003cli\u003e\n Review \u003ccode\u003econfig.lua\u003c\/code\u003e and adjust supported values such as\n duration, smoke scale, render distance and damage behavior.\n \u003c\/li\u003e\n\n \u003cli\u003e\n Add the resource to \u003ccode\u003eserver.cfg\u003c\/code\u003e using the supplied\n resource name.\n \u003c\/li\u003e\n\n \u003cli\u003e\n Restart the resource or server and verify synchronization and visual\n behavior with multiple players before deployment.\n \u003c\/li\u003e\n\n \u003c\/ol\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n LINKS\n ======================================================= --\u003e\n\n \u003csection class=\"fml-smoke__section\"\u003e\n\n \u003cdiv class=\"fml-smoke__head\"\u003e\n\n \u003cdiv class=\"fml-smoke__index\"\u003e\n 10 \/ Get It\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-smoke__kicker\"\u003e\n Seeing the screenshots is one thing. Watching the cloud build is the good part.\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-smoke__section-title\"\u003e\n Watch the showcase, check the package and decide if vanilla smoke has survived long enough.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-smoke__links\"\u003e\n\n \u003ca class=\"fml-smoke__link fml-smoke__link--gold\" href=\"https:\/\/menanak47.tebex.io\/package\/7649796\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n View on Tebex\n \u003cspan aria-hidden=\"true\"\u003e↗\u003c\/span\u003e\n \u003c\/a\u003e\n\n\n \u003ca class=\"fml-smoke__link\" href=\"https:\/\/www.youtube.com\/watch?v=EZsR7zGW3Z0\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n Watch Showcase\n \u003cspan aria-hidden=\"true\"\u003e↗\u003c\/span\u003e\n \u003c\/a\u003e\n\n\n \u003ca class=\"fml-smoke__link\" href=\"https:\/\/discord.gg\/menanak47\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n Discord Support\n \u003cspan aria-hidden=\"true\"\u003e↗\u003c\/span\u003e\n \u003c\/a\u003e\n\n\n \u003ca class=\"fml-smoke__link\" href=\"https:\/\/forum.cfx.re\/t\/realistic-smoke-grenade-fivem-standalone\/5424231\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n Cfx.re Release\n \u003cspan aria-hidden=\"true\"\u003e↗\u003c\/span\u003e\n \u003c\/a\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n CLOSING\n ======================================================= --\u003e\n\n \u003csection class=\"fml-smoke__closing\"\u003e\n\n \u003cdiv class=\"fml-smoke__closing-label\"\u003e\n Realistic Smoke Grenade \/ FiveM Standalone\n \u003c\/div\u003e\n\n\n \u003ch2\u003e\n Throw one grenade and suddenly the entire scene has a different atmosphere.\n \u003c\/h2\u003e\n\n\n \u003cp\u003e\n Multi-emitter smoke, organic particle variation, ground-aware placement,\n staged expansion, smooth dissipation, projectile tracking, multiplayer\n synchronization, reconnect handling and distance culling turn a tiny\n gameplay object into something players actually react to.\n \u003c\/p\u003e\n\n \u003c\/section\u003e\n\n\n \u003cdiv class=\"fml-smoke__final\"\u003e\n Vanilla smoke says “effect”.\n \u003cem\u003eThis one says “where the hell did everybody go?”\u003c\/em\u003e\n \u003c\/div\u003e\n\n\u003c\/article\u003e","brand":"Menanak47","offers":[{"title":"Default Title","offer_id":45780391592045,"sku":null,"price":15.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/aea51c888881306c986e027e77f27bec1912931e.jpg?v=1788595524"},{"product_id":"soapy-s-storage-and-carwash-free-addon-map","title":"Soapy's Storage and Carwash - Free Addon Map","description":"\u003cstyle\u003e\n \/* =========================================================\n FIVEM-LAB — SOAPY'S STORAGE \u0026 CARWASH\n FREE MLO \/ SANDY SHORES \/ ROUTE 68\n ========================================================= *\/\n\n .fml-soapys {\n --gold:#ffd700;\n --white:#ffffff;\n --black:#050505;\n --text:rgba(255,255,255,.92);\n --muted:rgba(255,255,255,.66);\n --dim:rgba(255,255,255,.42);\n --line:rgba(255,255,255,.10);\n --line-soft:rgba(255,255,255,.055);\n --gold-line:rgba(255,215,0,.34);\n --panel:rgba(255,255,255,.022);\n\n width:100%;\n max-width:1180px;\n margin:0 auto;\n padding:18px 0 88px;\n\n color:var(--text);\n background:transparent;\n\n font-family:inherit;\n font-size:16px;\n line-height:1.7;\n }\n\n .fml-soapys,\n .fml-soapys *,\n .fml-soapys *::before,\n .fml-soapys *::after {\n box-sizing:border-box;\n }\n\n .fml-soapys h2,\n .fml-soapys h3,\n .fml-soapys p,\n .fml-soapys dl,\n .fml-soapys dt,\n .fml-soapys dd,\n .fml-soapys ol {\n margin:0;\n }\n\n .fml-soapys ol {\n padding:0;\n }\n\n .fml-soapys a {\n color:inherit;\n }\n\n .fml-soapys ::selection {\n color:#050505;\n background:var(--gold);\n }\n\n .fml-soapys code {\n padding:2px 6px;\n\n color:var(--gold);\n background:rgba(255,215,0,.055);\n\n border:1px solid rgba(255,215,0,.18);\n border-radius:3px;\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n }\n\n\n \/* =========================================================\n HERO\n ========================================================= *\/\n\n .fml-soapys__hero {\n position:relative;\n isolation:isolate;\n overflow:hidden;\n\n display:grid;\n grid-template-columns:minmax(0,1.04fr) minmax(330px,.72fr);\n gap:clamp(28px,5vw,64px);\n align-items:center;\n\n padding:clamp(36px,5.5vw,72px);\n\n border:1px solid var(--line);\n border-top-color:var(--gold-line);\n border-radius:7px;\n\n background:\n radial-gradient(\n circle at 91% 5%,\n rgba(255,215,0,.14),\n transparent 30%\n ),\n linear-gradient(\n 135deg,\n rgba(255,215,0,.034),\n transparent 48%\n ),\n rgba(0,0,0,.18);\n }\n\n .fml-soapys__hero::before {\n content:\"\";\n position:absolute;\n top:0;\n left:0;\n\n width:min(440px,72%);\n height:2px;\n\n background:var(--gold);\n box-shadow:0 0 24px rgba(255,215,0,.36);\n }\n\n .fml-soapys__eyebrow {\n display:flex;\n flex-wrap:wrap;\n gap:8px 16px;\n\n margin-bottom:24px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:900;\n letter-spacing:.15em;\n text-transform:uppercase;\n }\n\n .fml-soapys__eyebrow span + span {\n color:var(--dim);\n }\n\n .fml-soapys__eyebrow span + span::before {\n content:\"\/\";\n margin-right:16px;\n color:var(--gold);\n }\n\n .fml-soapys__title {\n margin:0 !important;\n\n color:var(--white) !important;\n\n font-size:clamp(42px,5.8vw,74px) !important;\n font-weight:950 !important;\n letter-spacing:-.052em;\n line-height:.95 !important;\n\n text-wrap:balance;\n }\n\n .fml-soapys__lead {\n max-width:800px;\n margin-top:26px !important;\n\n color:var(--muted) !important;\n\n font-size:clamp(18px,1.9vw,23px);\n font-weight:600;\n line-height:1.58;\n }\n\n .fml-soapys__lead strong {\n color:var(--white);\n }\n\n .fml-soapys__badges {\n display:flex;\n flex-wrap:wrap;\n gap:10px;\n\n margin-top:31px;\n }\n\n .fml-soapys__badge {\n display:inline-flex;\n align-items:center;\n\n min-height:37px;\n padding:0 13px;\n\n color:var(--white);\n background:rgba(255,255,255,.025);\n\n border:1px solid var(--line);\n border-radius:3px;\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.09em;\n text-transform:uppercase;\n }\n\n .fml-soapys__badge--gold {\n color:#050505;\n background:var(--gold);\n border-color:var(--gold);\n }\n\n .fml-soapys__meta {\n display:flex;\n flex-wrap:wrap;\n gap:10px 25px;\n\n margin-top:28px;\n padding-top:22px;\n\n border-top:1px solid var(--line);\n }\n\n .fml-soapys__meta span {\n position:relative;\n padding-left:17px;\n\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:850;\n letter-spacing:.09em;\n text-transform:uppercase;\n }\n\n .fml-soapys__meta span::before {\n content:\"\";\n position:absolute;\n top:.7em;\n left:0;\n\n width:7px;\n height:1px;\n\n background:var(--gold);\n }\n\n\n \/* HERO MEDIA *\/\n\n .fml-soapys__media {\n position:relative;\n overflow:hidden;\n\n min-height:395px;\n\n border:1px solid var(--line);\n border-radius:5px;\n\n background:#050505;\n }\n\n .fml-soapys__media img {\n display:block;\n\n width:100%;\n height:100%;\n min-height:395px;\n\n object-fit:cover;\n }\n\n .fml-soapys__media::after {\n content:\"\";\n position:absolute;\n inset:0;\n\n pointer-events:none;\n\n background:\n linear-gradient(\n 180deg,\n transparent 54%,\n rgba(0,0,0,.82)\n );\n }\n\n .fml-soapys__media-tag {\n position:absolute;\n z-index:2;\n right:15px;\n bottom:14px;\n left:15px;\n\n color:rgba(255,255,255,.72);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.1em;\n text-transform:uppercase;\n }\n\n\n \/* =========================================================\n SECTIONS\n ========================================================= *\/\n\n .fml-soapys__section {\n padding:clamp(54px,7vw,88px) 0;\n border-bottom:1px solid var(--line);\n }\n\n .fml-soapys__head {\n display:grid;\n grid-template-columns:minmax(125px,.24fr) minmax(0,1fr);\n gap:clamp(26px,5vw,68px);\n align-items:start;\n }\n\n .fml-soapys__index {\n padding-top:7px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:900;\n letter-spacing:.12em;\n text-transform:uppercase;\n }\n\n .fml-soapys__kicker {\n margin-bottom:13px;\n\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:850;\n letter-spacing:.14em;\n text-transform:uppercase;\n }\n\n .fml-soapys__section-title {\n max-width:950px;\n margin:0 !important;\n\n color:var(--white) !important;\n\n font-size:clamp(29px,3.9vw,47px) !important;\n font-weight:950 !important;\n letter-spacing:-.04em;\n line-height:1.05 !important;\n\n text-wrap:balance;\n }\n\n .fml-soapys__intro {\n max-width:900px;\n margin-top:20px !important;\n\n color:var(--muted) !important;\n\n font-size:clamp(16px,1.45vw,19px);\n line-height:1.74;\n }\n\n .fml-soapys__statement {\n display:grid;\n grid-template-columns:minmax(0,1fr) auto;\n gap:30px;\n align-items:end;\n\n margin-top:42px;\n padding-top:27px;\n\n border-top:1px solid var(--line);\n }\n\n .fml-soapys__statement p {\n max-width:850px;\n\n color:var(--text) !important;\n\n font-size:clamp(18px,2vw,23px);\n font-weight:650;\n line-height:1.5;\n }\n\n .fml-soapys__code-label {\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:900;\n letter-spacing:.12em;\n white-space:nowrap;\n }\n\n\n \/* =========================================================\n STATS\n ========================================================= *\/\n\n .fml-soapys__stats {\n display:grid;\n grid-template-columns:repeat(4,minmax(0,1fr));\n gap:12px;\n\n margin-top:42px;\n }\n\n .fml-soapys__stat {\n min-width:0;\n padding:23px;\n\n border:1px solid var(--line);\n border-top-color:var(--gold-line);\n border-radius:4px;\n\n background:var(--panel);\n }\n\n .fml-soapys__stat small {\n display:block;\n margin-bottom:17px;\n\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:8px;\n font-weight:900;\n letter-spacing:.1em;\n text-transform:uppercase;\n }\n\n .fml-soapys__stat strong {\n display:block;\n\n color:var(--gold);\n\n font-size:clamp(24px,2.8vw,36px);\n font-weight:950;\n letter-spacing:-.045em;\n line-height:1;\n }\n\n .fml-soapys__stat span {\n display:block;\n margin-top:10px;\n\n color:var(--muted);\n\n font-size:12px;\n line-height:1.5;\n }\n\n\n \/* =========================================================\n CARDS\n ========================================================= *\/\n\n .fml-soapys__grid {\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:14px;\n\n margin-top:42px;\n }\n\n .fml-soapys__card {\n position:relative;\n overflow:hidden;\n\n min-width:0;\n padding:clamp(24px,3vw,31px);\n\n border:1px solid var(--line);\n border-radius:4px;\n\n background:var(--panel);\n\n transition:\n transform .18s ease,\n border-color .18s ease,\n background .18s ease;\n }\n\n .fml-soapys__card::before {\n content:\"\";\n position:absolute;\n top:0;\n left:0;\n\n width:0;\n height:1px;\n\n background:var(--gold);\n\n transition:width .22s ease;\n }\n\n .fml-soapys__card:hover {\n transform:translateY(-2px);\n border-color:var(--gold-line);\n background:rgba(255,255,255,.038);\n }\n\n .fml-soapys__card:hover::before {\n width:100%;\n }\n\n .fml-soapys__card-top {\n display:flex;\n justify-content:space-between;\n gap:14px;\n\n margin-bottom:26px;\n }\n\n .fml-soapys__number {\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:950;\n }\n\n .fml-soapys__label {\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:8px;\n font-weight:800;\n letter-spacing:.09em;\n text-align:right;\n text-transform:uppercase;\n }\n\n .fml-soapys__card h3 {\n margin:0 0 11px !important;\n\n color:var(--white) !important;\n\n font-size:clamp(20px,2vw,25px) !important;\n font-weight:950 !important;\n letter-spacing:-.03em;\n line-height:1.15 !important;\n }\n\n .fml-soapys__card p {\n color:var(--muted) !important;\n\n font-size:14px;\n line-height:1.7;\n }\n\n\n \/* =========================================================\n BUSINESS IDEA\n ========================================================= *\/\n\n .fml-soapys__business {\n display:grid;\n grid-template-columns:minmax(0,1fr) 260px;\n gap:16px;\n\n margin-top:42px;\n }\n\n .fml-soapys__business-main,\n .fml-soapys__business-side {\n padding:clamp(26px,4vw,38px);\n\n border:1px solid var(--line);\n border-radius:5px;\n\n background:var(--panel);\n }\n\n .fml-soapys__business-main {\n border-color:var(--gold-line);\n\n background:\n linear-gradient(\n 130deg,\n rgba(255,215,0,.055),\n transparent 55%\n ),\n var(--panel);\n }\n\n .fml-soapys__business small {\n display:block;\n margin-bottom:11px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.11em;\n text-transform:uppercase;\n }\n\n .fml-soapys__business h3 {\n margin:0 0 13px !important;\n\n color:var(--white) !important;\n\n font-size:clamp(22px,3vw,32px) !important;\n font-weight:950 !important;\n letter-spacing:-.035em;\n line-height:1.1 !important;\n }\n\n .fml-soapys__business p {\n color:var(--muted) !important;\n\n font-size:14px;\n line-height:1.72;\n }\n\n .fml-soapys__business-side {\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n\n min-height:230px;\n }\n\n .fml-soapys__business-side strong {\n color:var(--gold);\n\n font-size:clamp(28px,4vw,42px);\n font-weight:950;\n letter-spacing:-.045em;\n line-height:1;\n }\n\n\n \/* =========================================================\n GALLERY\n ========================================================= *\/\n\n .fml-soapys__gallery {\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:14px;\n\n margin-top:42px;\n }\n\n .fml-soapys__image {\n overflow:hidden;\n\n border:1px solid var(--line);\n border-radius:5px;\n\n background:#050505;\n }\n\n .fml-soapys__image img {\n display:block;\n\n width:100%;\n height:100%;\n min-height:290px;\n\n object-fit:cover;\n\n transition:transform .3s ease;\n }\n\n .fml-soapys__image:hover img {\n transform:scale(1.015);\n }\n\n\n \/* =========================================================\n TECHNICAL\n ========================================================= *\/\n\n .fml-soapys__terminal {\n margin-top:42px;\n overflow:hidden;\n\n border:1px solid var(--gold-line);\n border-radius:4px;\n\n background:\n linear-gradient(\n 180deg,\n rgba(255,215,0,.026),\n transparent 30%\n ),\n rgba(0,0,0,.20);\n }\n\n .fml-soapys__terminal-head {\n display:flex;\n flex-wrap:wrap;\n justify-content:space-between;\n gap:10px 24px;\n\n padding:14px 18px;\n\n border-bottom:1px solid var(--line);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.09em;\n text-transform:uppercase;\n }\n\n .fml-soapys__terminal-head strong {\n color:var(--gold);\n }\n\n .fml-soapys__terminal-head span {\n color:var(--dim);\n }\n\n .fml-soapys__spec-grid {\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n }\n\n .fml-soapys__spec {\n min-width:0;\n padding:clamp(23px,3.5vw,32px);\n\n border-right:1px solid var(--line);\n border-bottom:1px solid var(--line);\n }\n\n .fml-soapys__spec:nth-child(2n) {\n border-right:0;\n }\n\n .fml-soapys__spec:nth-last-child(-n + 2) {\n border-bottom:0;\n }\n\n .fml-soapys__spec dt {\n margin-bottom:11px;\n\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:8px;\n font-weight:900;\n letter-spacing:.12em;\n text-transform:uppercase;\n }\n\n .fml-soapys__spec-value {\n display:block;\n\n color:var(--white);\n\n font-size:clamp(19px,2.3vw,28px);\n font-weight:950;\n letter-spacing:-.035em;\n line-height:1.1;\n }\n\n .fml-soapys__spec:first-child .fml-soapys__spec-value {\n color:var(--gold);\n }\n\n .fml-soapys__spec-copy {\n display:block;\n margin-top:9px;\n\n color:var(--muted);\n\n font-size:12px;\n line-height:1.58;\n }\n\n\n \/* =========================================================\n LICENSE\n ========================================================= *\/\n\n .fml-soapys__license {\n margin-top:42px;\n padding:clamp(26px,4vw,38px);\n\n border:1px solid var(--line);\n border-left:3px solid var(--gold);\n border-radius:4px;\n\n background:\n linear-gradient(\n 110deg,\n rgba(255,215,0,.05),\n transparent 52%\n ),\n rgba(0,0,0,.14);\n }\n\n .fml-soapys__license small {\n display:block;\n margin-bottom:12px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.11em;\n text-transform:uppercase;\n }\n\n .fml-soapys__license h3 {\n margin:0 0 13px !important;\n\n color:var(--white) !important;\n\n font-size:clamp(22px,3vw,31px) !important;\n font-weight:950 !important;\n letter-spacing:-.035em;\n }\n\n .fml-soapys__license p {\n max-width:920px;\n\n color:var(--muted) !important;\n\n font-size:13px;\n line-height:1.72;\n }\n\n\n \/* =========================================================\n LINKS\n ========================================================= *\/\n\n .fml-soapys__links {\n display:flex;\n flex-wrap:wrap;\n gap:12px;\n\n margin-top:30px;\n }\n\n .fml-soapys__link {\n display:inline-flex;\n align-items:center;\n justify-content:center;\n gap:10px;\n\n min-height:46px;\n padding:0 18px;\n\n color:var(--white) !important;\n background:rgba(255,255,255,.025);\n\n border:1px solid var(--line);\n border-radius:4px;\n\n font-size:11px;\n font-weight:900;\n letter-spacing:.04em;\n text-decoration:none !important;\n text-transform:uppercase;\n\n transition:\n transform .18s ease,\n border-color .18s ease,\n color .18s ease;\n }\n\n .fml-soapys__link:hover {\n transform:translateY(-2px);\n color:var(--gold) !important;\n border-color:var(--gold-line);\n }\n\n .fml-soapys__link--gold {\n color:#050505 !important;\n background:var(--gold);\n border-color:var(--gold);\n }\n\n .fml-soapys__link--gold:hover {\n color:#050505 !important;\n border-color:var(--gold);\n }\n\n\n \/* =========================================================\n CLOSING\n ========================================================= *\/\n\n .fml-soapys__closing {\n position:relative;\n overflow:hidden;\n\n margin-top:clamp(62px,8vw,100px);\n padding:clamp(38px,6vw,72px);\n\n border-top:1px solid var(--gold-line);\n border-bottom:1px solid var(--line);\n\n background:\n radial-gradient(\n circle at 100% 0,\n rgba(255,215,0,.12),\n transparent 34%\n ),\n rgba(255,255,255,.012);\n }\n\n .fml-soapys__closing-label {\n margin-bottom:19px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.13em;\n text-transform:uppercase;\n }\n\n .fml-soapys__closing h2 {\n max-width:950px;\n margin:0 !important;\n\n color:var(--white) !important;\n\n font-size:clamp(31px,4.4vw,52px) !important;\n font-weight:950 !important;\n letter-spacing:-.045em;\n line-height:1.03 !important;\n\n text-wrap:balance;\n }\n\n .fml-soapys__closing p {\n max-width:890px;\n margin-top:20px !important;\n\n color:var(--muted) !important;\n\n font-size:16px;\n line-height:1.74;\n }\n\n .fml-soapys__final {\n margin-top:clamp(44px,7vw,72px);\n\n color:var(--white);\n\n font-size:clamp(25px,3.7vw,44px);\n font-weight:950;\n letter-spacing:-.043em;\n line-height:1.08;\n text-align:center;\n\n text-wrap:balance;\n }\n\n .fml-soapys__final em {\n color:var(--gold);\n font-style:normal;\n }\n\n\n \/* =========================================================\n RESPONSIVE\n ========================================================= *\/\n\n @media (max-width:1000px) {\n .fml-soapys__hero {\n grid-template-columns:1fr;\n }\n\n .fml-soapys__media,\n .fml-soapys__media img {\n min-height:430px;\n }\n\n .fml-soapys__stats {\n grid-template-columns:repeat(2,minmax(0,1fr));\n }\n }\n\n @media (max-width:900px) {\n .fml-soapys__head {\n grid-template-columns:1fr;\n gap:15px;\n }\n\n .fml-soapys__business {\n grid-template-columns:1fr;\n }\n }\n\n @media (max-width:680px) {\n .fml-soapys {\n padding-top:8px;\n }\n\n .fml-soapys__hero {\n padding:29px 20px;\n }\n\n .fml-soapys__eyebrow {\n display:grid;\n gap:5px;\n }\n\n .fml-soapys__eyebrow span + span::before {\n display:none;\n }\n\n .fml-soapys__media,\n .fml-soapys__media img {\n min-height:270px;\n }\n\n .fml-soapys__statement,\n .fml-soapys__stats,\n .fml-soapys__grid,\n .fml-soapys__gallery,\n .fml-soapys__spec-grid {\n grid-template-columns:1fr;\n }\n\n .fml-soapys__code-label {\n white-space:normal;\n }\n\n .fml-soapys__spec {\n border-right:0;\n border-bottom:1px solid var(--line);\n }\n\n .fml-soapys__spec:nth-last-child(-n + 2) {\n border-bottom:1px solid var(--line);\n }\n\n .fml-soapys__spec:last-child {\n border-bottom:0;\n }\n\n .fml-soapys__links {\n flex-direction:column;\n }\n\n .fml-soapys__link {\n width:100%;\n }\n\n .fml-soapys__closing {\n padding:36px 21px;\n }\n }\n\n @media (prefers-reduced-motion:reduce) {\n .fml-soapys *,\n .fml-soapys *::before,\n .fml-soapys *::after {\n transition-duration:.01ms !important;\n animation-duration:.01ms !important;\n }\n }\n\u003c\/style\u003e\n\n\n\u003carticle class=\"fml-soapys\"\u003e\n\n \u003c!-- =======================================================\n HERO\n ======================================================= --\u003e\n\n \u003cheader class=\"fml-soapys__hero\"\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-soapys__eyebrow\"\u003e\n \u003cspan\u003eFree FiveM MLO\u003c\/span\u003e\n \u003cspan\u003eSandy Shores \/ Route 68\u003c\/span\u003e\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-soapys__title\"\u003e\n Soapy’s Storage \u0026amp; Carwash\n \u003c\/h2\u003e\n\n\n \u003cp class=\"fml-soapys__lead\"\u003e\n Your car looks terrible.\n Your apartment is full of junk.\n \u003cstrong\u003eConveniently, Soapy’s has a solution for both.\u003c\/strong\u003e\n This free FiveM MLO drops a carwash, storage business and rental office\n into the Sandy Shores \/ Route 68 area and turns another forgettable\n roadside spot into somewhere players might actually stop.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"fml-soapys__badges\"\u003e\n\n \u003cspan class=\"fml-soapys__badge fml-soapys__badge--gold\"\u003e\n Free\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-soapys__badge\"\u003e\n MLO\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-soapys__badge\"\u003e\n Carwash\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-soapys__badge\"\u003e\n Storage Units\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-soapys__meta\"\u003e\n \u003cspan\u003eRental office interior\u003c\/span\u003e\n \u003cspan\u003eWorking LODs\u003c\/span\u003e\n \u003cspan\u003eNo dependencies\u003c\/span\u003e\n \u003cspan\u003eSource available\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-soapys__media\"\u003e\n\n \u003cimg src=\"https:\/\/forum-cfx-re.akamaized.net\/original\/5X\/0\/3\/5\/9\/03594c9f119f3d6034124c785991cc9a8abdc236.jpeg\" alt=\"Soapy's Storage and Carwash FiveM MLO\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"fml-soapys__media-tag\"\u003e\n Wash the car · Rent the space · Pretend the boxes are organized\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/header\u003e\n\n\n \u003c!-- =======================================================\n OVERVIEW\n ======================================================= --\u003e\n\n \u003csection class=\"fml-soapys__section\"\u003e\n\n \u003cdiv class=\"fml-soapys__head\"\u003e\n\n \u003cdiv class=\"fml-soapys__index\"\u003e\n 00 \/ Soapy's\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-soapys__kicker\"\u003e\n Route 68 just got one more reason to pull over\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-soapys__section-title\"\u003e\n A carwash and storage business is exactly the kind of boring real-world place that makes RP cities feel less fake.\n \u003c\/h2\u003e\n\n\n \u003cp class=\"fml-soapys__intro\"\u003e\n Not every map addition needs to be a nightclub with laser beams or a\n mansion with seventeen bedrooms. Sometimes what a server needs is a\n believable little business sitting where players naturally drive past\n it — something useful, ordinary and easy to build stories around.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-soapys__statement\"\u003e\n\n \u003cp\u003e\n Soapy’s gives Sandy Shores a new everyday location: clean the car,\n rent a unit, use the office, meet somebody out back or finally find\n somewhere to put all the stuff your character has been “temporarily”\n storing for six months.\n \u003c\/p\u003e\n\n \u003cspan class=\"fml-soapys__code-label\"\u003e\n \/\/ VERY IMPORTANT STORAGE BUSINESS\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-soapys__stats\"\u003e\n\n \u003cdiv class=\"fml-soapys__stat\"\u003e\n\n \u003csmall\u003ePrice\u003c\/small\u003e\n\n \u003cstrong\u003eFREE\u003c\/strong\u003e\n\n \u003cspan\u003e\n Available through Tebex and GitHub.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-soapys__stat\"\u003e\n\n \u003csmall\u003eMap Type\u003c\/small\u003e\n\n \u003cstrong\u003eMLO\u003c\/strong\u003e\n\n \u003cspan\u003e\n Interior map resource for FiveM.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-soapys__stat\"\u003e\n\n \u003csmall\u003eInterior Rooms\u003c\/small\u003e\n\n \u003cstrong\u003e1\u003c\/strong\u003e\n\n \u003cspan\u003e\n One room is listed in the release information.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-soapys__stat\"\u003e\n\n \u003csmall\u003eDependencies\u003c\/small\u003e\n\n \u003cstrong\u003eNONE\u003c\/strong\u003e\n\n \u003cspan\u003e\n No additional dependency is listed.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n FEATURES\n ======================================================= --\u003e\n\n \u003csection class=\"fml-soapys__section\"\u003e\n\n \u003cdiv class=\"fml-soapys__head\"\u003e\n\n \u003cdiv class=\"fml-soapys__index\"\u003e\n 01 \/ What's Here\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-soapys__kicker\"\u003e\n Surprisingly useful for a place called Soapy's\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-soapys__section-title\"\u003e\n One roadside property. Several very different excuses for players to be there.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-soapys__grid\"\u003e\n\n \u003carticle class=\"fml-soapys__card\"\u003e\n\n \u003cdiv class=\"fml-soapys__card-top\"\u003e\n \u003cspan class=\"fml-soapys__number\"\u003e01\u003c\/span\u003e\n \u003cspan class=\"fml-soapys__label\"\u003eCars · Wash Bay\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eActual Carwash Location\u003c\/h3\u003e\n\n \u003cp\u003e\n Give vehicle owners somewhere physical to bring the car instead of\n making “clean vehicle” another command buried in a menu.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-soapys__card\"\u003e\n\n \u003cdiv class=\"fml-soapys__card-top\"\u003e\n \u003cspan class=\"fml-soapys__number\"\u003e02\u003c\/span\u003e\n \u003cspan class=\"fml-soapys__label\"\u003eStorage · Units\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eStorage Units\u003c\/h3\u003e\n\n \u003cp\u003e\n Storage units give the property an obvious RP purpose for personal\n storage, business use or whatever strange collection your players\n insist is completely normal.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-soapys__card\"\u003e\n\n \u003cdiv class=\"fml-soapys__card-top\"\u003e\n \u003cspan class=\"fml-soapys__number\"\u003e03\u003c\/span\u003e\n \u003cspan class=\"fml-soapys__label\"\u003eOffice · Rental\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eRental Office Interior\u003c\/h3\u003e\n\n \u003cp\u003e\n A new interior for the rental office gives staff, owners or players a\n proper place to handle storage-related roleplay instead of standing\n outside next to a marker.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-soapys__card\"\u003e\n\n \u003cdiv class=\"fml-soapys__card-top\"\u003e\n \u003cspan class=\"fml-soapys__number\"\u003e04\u003c\/span\u003e\n \u003cspan class=\"fml-soapys__label\"\u003eRoute 68 · Sandy Shores\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eA New Desert Stop\u003c\/h3\u003e\n\n \u003cp\u003e\n The map adds another point of interest around Sandy Shores and Route\n 68 — exactly the kind of area that benefits from more believable\n everyday businesses.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-soapys__card\"\u003e\n\n \u003cdiv class=\"fml-soapys__card-top\"\u003e\n \u003cspan class=\"fml-soapys__number\"\u003e05\u003c\/span\u003e\n \u003cspan class=\"fml-soapys__label\"\u003eLOD · Distance\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eWorking LODs\u003c\/h3\u003e\n\n \u003cp\u003e\n Optimized working LODs are included so the property can transition\n more naturally as players move through the surrounding area.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-soapys__card\"\u003e\n\n \u003cdiv class=\"fml-soapys__card-top\"\u003e\n \u003cspan class=\"fml-soapys__number\"\u003e06\u003c\/span\u003e\n \u003cspan class=\"fml-soapys__label\"\u003eOpen · Free\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eSource Available\u003c\/h3\u003e\n\n \u003cp\u003e\n The release is publicly available through GitHub as well as the free\n Tebex package, subject to the included license conditions.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n BUSINESS \/ RP USE\n ======================================================= --\u003e\n\n \u003csection class=\"fml-soapys__section\"\u003e\n\n \u003cdiv class=\"fml-soapys__head\"\u003e\n\n \u003cdiv class=\"fml-soapys__index\"\u003e\n 02 \/ RP\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-soapys__kicker\"\u003e\n The best part is how easy this place is to understand\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-soapys__section-title\"\u003e\n Nobody needs a tutorial to understand what happens at a carwash and storage yard.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-soapys__business\"\u003e\n\n \u003carticle class=\"fml-soapys__business-main\"\u003e\n\n \u003csmall\u003e\n \/\/ BUSINESS READY\n \u003c\/small\u003e\n\n \u003ch3\u003e\n Give a player the keys and suddenly you've got another believable local business.\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Soapy’s works naturally as a player-run property, a background\n business or simply a useful map location. Add your own storage,\n billing, vehicle cleaning or job script if you want deeper mechanics —\n the MLO itself gives those systems somewhere believable to happen.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003caside class=\"fml-soapys__business-side\"\u003e\n\n \u003csmall\u003e\n Local economy\n \u003c\/small\u003e\n\n \u003cstrong\u003e2-IN-1\u003c\/strong\u003e\n\n \u003csmall\u003e\n Carwash + storage property\n \u003c\/small\u003e\n\n \u003c\/aside\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-soapys__grid\"\u003e\n\n \u003carticle class=\"fml-soapys__card\"\u003e\n\n \u003cdiv class=\"fml-soapys__card-top\"\u003e\n \u003cspan class=\"fml-soapys__number\"\u003e01\u003c\/span\u003e\n \u003cspan class=\"fml-soapys__label\"\u003eBusiness · Owner\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003ePlayer-Owned Business\u003c\/h3\u003e\n\n \u003cp\u003e\n Turn the place into a small local business where somebody actually\n has to care whether the wash bay is open and who forgot to pay for\n Unit 12.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-soapys__card\"\u003e\n\n \u003cdiv class=\"fml-soapys__card-top\"\u003e\n \u003cspan class=\"fml-soapys__number\"\u003e02\u003c\/span\u003e\n \u003cspan class=\"fml-soapys__label\"\u003eVehicle · Meet\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eQuick Stop Before the Car Meet\u003c\/h3\u003e\n\n \u003cp\u003e\n There is always one person who arrives with a car that looks like it\n spent the afternoon driving through the Alamo Sea. Soapy’s can fix\n the visual embarrassment.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-soapys__card\"\u003e\n\n \u003cdiv class=\"fml-soapys__card-top\"\u003e\n \u003cspan class=\"fml-soapys__number\"\u003e03\u003c\/span\u003e\n \u003cspan class=\"fml-soapys__label\"\u003eStorage · Character\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eCharacter Storage RP\u003c\/h3\u003e\n\n \u003cp\u003e\n Storage units are perfect for characters between homes, businesses\n needing overflow space, collectors or anybody whose backstory somehow\n involves seventeen boxes and absolutely no questions.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-soapys__card\"\u003e\n\n \u003cdiv class=\"fml-soapys__card-top\"\u003e\n \u003cspan class=\"fml-soapys__number\"\u003e04\u003c\/span\u003e\n \u003cspan class=\"fml-soapys__label\"\u003eDesert · Community\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eMore Life Outside Los Santos\u003c\/h3\u003e\n\n \u003cp\u003e\n Not every interaction should happen downtown. Adding small functional\n businesses around Route 68 gives desert communities more places to\n exist between the usual gas station and sheriff's office.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n GALLERY\n ======================================================= --\u003e\n\n \u003csection class=\"fml-soapys__section\"\u003e\n\n \u003cdiv class=\"fml-soapys__head\"\u003e\n\n \u003cdiv class=\"fml-soapys__index\"\u003e\n 03 \/ Preview\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-soapys__kicker\"\u003e\n It's a storage yard. Somehow it still photographs pretty well.\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-soapys__section-title\"\u003e\n A simple roadside property that feels like it has always belonged in the area.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-soapys__gallery\"\u003e\n\n \u003cdiv class=\"fml-soapys__image\"\u003e\n\n \u003cimg src=\"https:\/\/forum-cfx-re.akamaized.net\/original\/5X\/b\/7\/0\/f\/b70f2a268e822cb7ce7b0935efe69b897604469b.jpeg\" alt=\"Soapy's Storage and Carwash FiveM exterior\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-soapys__image\"\u003e\n\n \u003cimg src=\"https:\/\/forum-cfx-re.akamaized.net\/original\/5X\/6\/5\/1\/c\/651c0c5531612215226fb19d4cde5d71cecc3751.jpeg\" alt=\"Soapy's FiveM storage units\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-soapys__image\"\u003e\n\n \u003cimg src=\"https:\/\/forum-cfx-re.akamaized.net\/original\/5X\/6\/8\/f\/1\/68f1acb4fb43323fccc5e36440b5ac2dbc539111.jpeg\" alt=\"Soapy's FiveM carwash map\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-soapys__image\"\u003e\n\n \u003cimg src=\"https:\/\/forum-cfx-re.akamaized.net\/original\/5X\/d\/7\/1\/b\/d71b407b5b215307e0f002b7f20a7902dd27f86a.jpeg\" alt=\"Soapy's storage rental office FiveM\" loading=\"lazy\"\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n TECHNICAL\n ======================================================= --\u003e\n\n \u003csection class=\"fml-soapys__section\"\u003e\n\n \u003cdiv class=\"fml-soapys__head\"\u003e\n\n \u003cdiv class=\"fml-soapys__index\"\u003e\n 04 \/ Technical\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-soapys__kicker\"\u003e\n The compatibility section is beautifully boring\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-soapys__section-title\"\u003e\n No framework dependency. No subscription. No giant setup checklist.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-soapys__terminal\"\u003e\n\n \u003cdiv class=\"fml-soapys__terminal-head\"\u003e\n\n \u003cstrong\u003e\n \/\/ SOAPYS_STORAGE_WASH\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n FiveM \/ Free MLO \/ Add-On Map\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdl class=\"fml-soapys__spec-grid\"\u003e\n\n \u003cdiv class=\"fml-soapys__spec\"\u003e\n\n \u003cdt\u003eResource Type\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-soapys__spec-value\"\u003e\n MLO\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-soapys__spec-copy\"\u003e\n FiveM map and interior resource.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-soapys__spec\"\u003e\n\n \u003cdt\u003ePrice\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-soapys__spec-value\"\u003e\n Free\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-soapys__spec-copy\"\u003e\n Free download through Tebex and GitHub.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-soapys__spec\"\u003e\n\n \u003cdt\u003eLocation\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-soapys__spec-value\"\u003e\n Route 68\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-soapys__spec-copy\"\u003e\n New point of interest around the Sandy Shores \/ Route 68 area.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-soapys__spec\"\u003e\n\n \u003cdt\u003eRooms\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-soapys__spec-value\"\u003e\n One\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-soapys__spec-copy\"\u003e\n The supplied release information lists one MLO room.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-soapys__spec\"\u003e\n\n \u003cdt\u003eLODs\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-soapys__spec-value\"\u003e\n Included\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-soapys__spec-copy\"\u003e\n Optimized working LODs are listed as part of the release.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-soapys__spec\"\u003e\n\n \u003cdt\u003eDependencies\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-soapys__spec-value\"\u003e\n None\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-soapys__spec-copy\"\u003e\n No framework or external dependency is listed.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-soapys__spec\"\u003e\n\n \u003cdt\u003eCode Access\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-soapys__spec-value\"\u003e\n Yes\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-soapys__spec-copy\"\u003e\n The project is publicly available through GitHub.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-soapys__spec\"\u003e\n\n \u003cdt\u003eSubscription\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-soapys__spec-value\"\u003e\n No\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-soapys__spec-copy\"\u003e\n No recurring subscription is listed.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-soapys__spec\"\u003e\n\n \u003cdt\u003eSupport\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-soapys__spec-value\"\u003e\n Not Included\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-soapys__spec-copy\"\u003e\n The original technical table lists support as unavailable.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-soapys__spec\"\u003e\n\n \u003cdt\u003eCredits\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-soapys__spec-value\"\u003e\n Community\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-soapys__spec-copy\"\u003e\n Map work credited to Lamont Cranston with branding and visual\n reworks supported by Popcorn RP.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n \u003c\/dl\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n LICENSE\n ======================================================= --\u003e\n\n \u003csection class=\"fml-soapys__section\"\u003e\n\n \u003cdiv class=\"fml-soapys__head\"\u003e\n\n \u003cdiv class=\"fml-soapys__index\"\u003e\n 05 \/ License\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-soapys__kicker\"\u003e\n Free does not mean “do literally anything with it”\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-soapys__section-title\"\u003e\n Use it, modify it, build with it — just respect the included license.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-soapys__license\"\u003e\n\n \u003csmall\u003e\n \/\/ LICENSE SUMMARY\n \u003c\/small\u003e\n\n \u003ch3\u003e\n Commercial server use is allowed. Reselling the included assets is not.\n \u003c\/h3\u003e\n\n \u003cp\u003e\n The supplied license permits use, modification, merging, publishing and\n distribution, including use inside commercial projects, provided the\n project does not directly profit from selling or reselling the included\n models\/assets. Copies or substantial portions must retain the copyright\n and permission notice. The resource is provided without warranty.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n GET IT\n ======================================================= --\u003e\n\n \u003csection class=\"fml-soapys__section\"\u003e\n\n \u003cdiv class=\"fml-soapys__head\"\u003e\n\n \u003cdiv class=\"fml-soapys__index\"\u003e\n 06 \/ Get It\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-soapys__kicker\"\u003e\n The price is zero, so this decision is getting suspiciously easy\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-soapys__section-title\"\u003e\n Download it, throw it into Sandy Shores and give Route 68 another place people can actually use.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-soapys__links\"\u003e\n\n \u003ca class=\"fml-soapys__link fml-soapys__link--gold\" href=\"https:\/\/popcornrp-store.tebex.io\/package\/7601924\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n Download Free\n \u003cspan aria-hidden=\"true\"\u003e↗\u003c\/span\u003e\n \u003c\/a\u003e\n\n\n \u003ca class=\"fml-soapys__link\" href=\"https:\/\/github.com\/alberttheprince\/soapysstoragewash\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n GitHub Source\n \u003cspan aria-hidden=\"true\"\u003e↗\u003c\/span\u003e\n \u003c\/a\u003e\n\n\n \u003ca class=\"fml-soapys__link\" href=\"https:\/\/youtu.be\/xNDchnDljhM\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n Watch Preview\n \u003cspan aria-hidden=\"true\"\u003e↗\u003c\/span\u003e\n \u003c\/a\u003e\n\n\n \u003ca class=\"fml-soapys__link\" href=\"https:\/\/discord.gg\/popcornroleplay\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n Popcorn RP\n \u003cspan aria-hidden=\"true\"\u003e↗\u003c\/span\u003e\n \u003c\/a\u003e\n\n\n \u003ca class=\"fml-soapys__link\" href=\"https:\/\/forum.cfx.re\/t\/soapys-storage-and-carwash-free-addon-map\/5424577\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n Cfx.re Release\n \u003cspan aria-hidden=\"true\"\u003e↗\u003c\/span\u003e\n \u003c\/a\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n CLOSING\n ======================================================= --\u003e\n\n \u003csection class=\"fml-soapys__closing\"\u003e\n\n \u003cdiv class=\"fml-soapys__closing-label\"\u003e\n Soapy's Storage \u0026amp; Carwash \/ Free FiveM MLO\n \u003c\/div\u003e\n\n\n \u003ch2\u003e\n Wash your terrible car. Store your questionable belongings. Route 68 has seen worse.\n \u003c\/h2\u003e\n\n\n \u003cp\u003e\n Soapy’s Storage \u0026amp; Carwash adds a carwash, storage units, a rental\n office interior and another believable point of interest to the Sandy\n Shores area — with working LODs, no listed dependencies and a free\n community release available through both Tebex and GitHub.\n \u003c\/p\u003e\n\n \u003c\/section\u003e\n\n\n \u003cdiv class=\"fml-soapys__final\"\u003e\n It's free.\n \u003cem\u003eYour dirty car is officially out of excuses.\u003c\/em\u003e\n \u003c\/div\u003e\n\n\u003c\/article\u003e","brand":"Popcornrp Store","offers":[{"title":"Default Title","offer_id":45780393853037,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/03594c9f119f3d6034124c785991cc9a8abdc236.jpg?v=1788595778"},{"product_id":"crime-scene-cleaner-multiplayer-job-6-tasks-upgrades-quests","title":"Crime Scene Cleaner Multiplayer Job | +6 tasks, Upgrades, Quests","description":"\u003cstyle\u003e\n \/* =========================================================\n FIVEM-LAB — CRIME SCENE CLEANER\n MULTIPLAYER JOB \/ CREW \/ PROGRESSION\n ========================================================= *\/\n\n .fml-csc {\n --gold:#ffd700;\n --white:#fff;\n --black:#050505;\n --text:rgba(255,255,255,.92);\n --muted:rgba(255,255,255,.65);\n --dim:rgba(255,255,255,.40);\n --line:rgba(255,255,255,.10);\n --line-soft:rgba(255,255,255,.055);\n --gold-line:rgba(255,215,0,.34);\n --panel:rgba(255,255,255,.022);\n\n width:100%;\n max-width:1180px;\n margin:0 auto;\n padding:18px 0 88px;\n\n color:var(--text);\n background:transparent;\n font-family:inherit;\n line-height:1.7;\n }\n\n .fml-csc,\n .fml-csc *,\n .fml-csc *::before,\n .fml-csc *::after {\n box-sizing:border-box;\n }\n\n .fml-csc h2,\n .fml-csc h3,\n .fml-csc p,\n .fml-csc dl,\n .fml-csc dt,\n .fml-csc dd {\n margin:0;\n }\n\n .fml-csc a {\n color:inherit;\n }\n\n .fml-csc ::selection {\n color:#050505;\n background:var(--gold);\n }\n\n .fml-csc__mono {\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n }\n\n\n \/* HERO *\/\n\n .fml-csc__hero {\n position:relative;\n overflow:hidden;\n\n display:grid;\n grid-template-columns:minmax(0,1.03fr) minmax(330px,.72fr);\n gap:clamp(28px,5vw,64px);\n align-items:center;\n\n padding:clamp(36px,5.5vw,72px);\n\n border:1px solid var(--line);\n border-top-color:var(--gold-line);\n border-radius:7px;\n\n background:\n radial-gradient(\n circle at 90% 5%,\n rgba(255,215,0,.14),\n transparent 30%\n ),\n linear-gradient(\n 135deg,\n rgba(255,215,0,.034),\n transparent 48%\n ),\n rgba(0,0,0,.18);\n }\n\n .fml-csc__hero::before {\n content:\"\";\n position:absolute;\n top:0;\n left:0;\n\n width:min(440px,72%);\n height:2px;\n\n background:var(--gold);\n box-shadow:0 0 24px rgba(255,215,0,.34);\n }\n\n .fml-csc__eyebrow {\n display:flex;\n flex-wrap:wrap;\n gap:8px 16px;\n\n margin-bottom:24px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:900;\n letter-spacing:.15em;\n text-transform:uppercase;\n }\n\n .fml-csc__eyebrow span + span {\n color:var(--dim);\n }\n\n .fml-csc__eyebrow span + span::before {\n content:\"\/\";\n margin-right:16px;\n color:var(--gold);\n }\n\n .fml-csc__title {\n color:var(--white) !important;\n\n font-size:clamp(42px,5.8vw,74px) !important;\n font-weight:950 !important;\n letter-spacing:-.052em;\n line-height:.95 !important;\n\n text-wrap:balance;\n }\n\n .fml-csc__lead {\n max-width:810px;\n margin-top:26px !important;\n\n color:var(--muted) !important;\n\n font-size:clamp(18px,1.9vw,23px);\n font-weight:600;\n line-height:1.58;\n }\n\n .fml-csc__lead strong {\n color:var(--white);\n }\n\n .fml-csc__badges {\n display:flex;\n flex-wrap:wrap;\n gap:10px;\n\n margin-top:31px;\n }\n\n .fml-csc__badge {\n display:inline-flex;\n align-items:center;\n\n min-height:37px;\n padding:0 13px;\n\n border:1px solid var(--line);\n border-radius:3px;\n\n background:rgba(255,255,255,.025);\n color:var(--white);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.09em;\n text-transform:uppercase;\n }\n\n .fml-csc__badge--gold {\n color:#050505;\n background:var(--gold);\n border-color:var(--gold);\n }\n\n .fml-csc__meta {\n display:flex;\n flex-wrap:wrap;\n gap:10px 24px;\n\n margin-top:28px;\n padding-top:22px;\n\n border-top:1px solid var(--line);\n }\n\n .fml-csc__meta span {\n position:relative;\n padding-left:17px;\n\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:850;\n letter-spacing:.09em;\n text-transform:uppercase;\n }\n\n .fml-csc__meta span::before {\n content:\"\";\n position:absolute;\n top:.7em;\n left:0;\n\n width:7px;\n height:1px;\n background:var(--gold);\n }\n\n .fml-csc__media {\n position:relative;\n overflow:hidden;\n\n min-height:400px;\n\n border:1px solid var(--line);\n border-radius:5px;\n\n background:#050505;\n }\n\n .fml-csc__media img {\n display:block;\n\n width:100%;\n height:100%;\n min-height:400px;\n\n object-fit:cover;\n }\n\n .fml-csc__media::after {\n content:\"\";\n position:absolute;\n inset:0;\n\n background:\n linear-gradient(\n 180deg,\n transparent 54%,\n rgba(0,0,0,.82)\n );\n\n pointer-events:none;\n }\n\n .fml-csc__media-tag {\n position:absolute;\n z-index:2;\n right:15px;\n bottom:14px;\n left:15px;\n\n color:rgba(255,255,255,.72);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.10em;\n text-transform:uppercase;\n }\n\n\n \/* SECTIONS *\/\n\n .fml-csc__section {\n padding:clamp(54px,7vw,88px) 0;\n border-bottom:1px solid var(--line);\n }\n\n .fml-csc__head {\n display:grid;\n grid-template-columns:minmax(125px,.24fr) minmax(0,1fr);\n gap:clamp(26px,5vw,68px);\n align-items:start;\n }\n\n .fml-csc__index {\n padding-top:7px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:900;\n letter-spacing:.12em;\n text-transform:uppercase;\n }\n\n .fml-csc__kicker {\n margin-bottom:13px;\n\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:850;\n letter-spacing:.14em;\n text-transform:uppercase;\n }\n\n .fml-csc__section-title {\n max-width:950px;\n\n color:var(--white) !important;\n\n font-size:clamp(29px,3.9vw,47px) !important;\n font-weight:950 !important;\n letter-spacing:-.04em;\n line-height:1.05 !important;\n\n text-wrap:balance;\n }\n\n .fml-csc__intro {\n max-width:900px;\n margin-top:20px !important;\n\n color:var(--muted) !important;\n\n font-size:clamp(16px,1.45vw,19px);\n line-height:1.74;\n }\n\n .fml-csc__statement {\n display:grid;\n grid-template-columns:minmax(0,1fr) auto;\n gap:30px;\n align-items:end;\n\n margin-top:42px;\n padding-top:27px;\n\n border-top:1px solid var(--line);\n }\n\n .fml-csc__statement p {\n max-width:860px;\n\n color:var(--text) !important;\n\n font-size:clamp(18px,2vw,23px);\n font-weight:650;\n line-height:1.5;\n }\n\n .fml-csc__code-label {\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:900;\n letter-spacing:.12em;\n white-space:nowrap;\n }\n\n\n \/* STATS *\/\n\n .fml-csc__stats {\n display:grid;\n grid-template-columns:repeat(4,minmax(0,1fr));\n gap:12px;\n\n margin-top:42px;\n }\n\n .fml-csc__stat {\n padding:23px;\n\n border:1px solid var(--line);\n border-top-color:var(--gold-line);\n border-radius:4px;\n\n background:var(--panel);\n }\n\n .fml-csc__stat small {\n display:block;\n margin-bottom:17px;\n\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:8px;\n font-weight:900;\n letter-spacing:.1em;\n text-transform:uppercase;\n }\n\n .fml-csc__stat strong {\n display:block;\n\n color:var(--gold);\n\n font-size:clamp(24px,2.8vw,36px);\n font-weight:950;\n letter-spacing:-.045em;\n line-height:1;\n }\n\n .fml-csc__stat span {\n display:block;\n margin-top:10px;\n\n color:var(--muted);\n\n font-size:12px;\n line-height:1.5;\n }\n\n\n \/* CARDS *\/\n\n .fml-csc__grid {\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:14px;\n\n margin-top:42px;\n }\n\n .fml-csc__card {\n position:relative;\n overflow:hidden;\n\n padding:clamp(24px,3vw,31px);\n\n border:1px solid var(--line);\n border-radius:4px;\n\n background:var(--panel);\n\n transition:\n transform .18s ease,\n border-color .18s ease,\n background .18s ease;\n }\n\n .fml-csc__card::before {\n content:\"\";\n position:absolute;\n top:0;\n left:0;\n\n width:0;\n height:1px;\n\n background:var(--gold);\n\n transition:width .22s ease;\n }\n\n .fml-csc__card:hover {\n transform:translateY(-2px);\n border-color:var(--gold-line);\n background:rgba(255,255,255,.038);\n }\n\n .fml-csc__card:hover::before {\n width:100%;\n }\n\n .fml-csc__card-top {\n display:flex;\n justify-content:space-between;\n gap:14px;\n\n margin-bottom:26px;\n }\n\n .fml-csc__number {\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:950;\n }\n\n .fml-csc__label {\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:8px;\n font-weight:800;\n letter-spacing:.09em;\n text-align:right;\n text-transform:uppercase;\n }\n\n .fml-csc__card h3 {\n margin:0 0 11px !important;\n\n color:var(--white) !important;\n\n font-size:clamp(20px,2vw,25px) !important;\n font-weight:950 !important;\n letter-spacing:-.03em;\n line-height:1.15 !important;\n }\n\n .fml-csc__card p {\n color:var(--muted) !important;\n\n font-size:14px;\n line-height:1.7;\n }\n\n\n \/* FEATURE PANEL *\/\n\n .fml-csc__panel {\n display:grid;\n grid-template-columns:minmax(0,1fr) 260px;\n gap:16px;\n\n margin-top:42px;\n }\n\n .fml-csc__panel-main,\n .fml-csc__panel-side {\n padding:clamp(26px,4vw,38px);\n\n border:1px solid var(--line);\n border-radius:5px;\n\n background:var(--panel);\n }\n\n .fml-csc__panel-main {\n border-color:var(--gold-line);\n\n background:\n linear-gradient(\n 130deg,\n rgba(255,215,0,.055),\n transparent 55%\n ),\n var(--panel);\n }\n\n .fml-csc__panel small {\n display:block;\n margin-bottom:11px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.11em;\n text-transform:uppercase;\n }\n\n .fml-csc__panel h3 {\n margin:0 0 13px !important;\n\n color:var(--white) !important;\n\n font-size:clamp(22px,3vw,32px) !important;\n font-weight:950 !important;\n letter-spacing:-.035em;\n line-height:1.1 !important;\n }\n\n .fml-csc__panel p {\n color:var(--muted) !important;\n\n font-size:14px;\n line-height:1.72;\n }\n\n .fml-csc__panel-side {\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n\n min-height:230px;\n }\n\n .fml-csc__panel-side strong {\n color:var(--gold);\n\n font-size:clamp(27px,4vw,42px);\n font-weight:950;\n letter-spacing:-.045em;\n line-height:1;\n }\n\n\n \/* PROGRESSION *\/\n\n .fml-csc__progress {\n display:grid;\n grid-template-columns:repeat(4,minmax(0,1fr));\n gap:12px;\n\n margin-top:42px;\n }\n\n .fml-csc__progress-item {\n padding:22px;\n\n border:1px solid var(--line);\n border-top-color:var(--gold-line);\n border-radius:4px;\n\n background:var(--panel);\n }\n\n .fml-csc__progress-item small {\n display:block;\n margin-bottom:24px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n }\n\n .fml-csc__progress-item h3 {\n margin:0 0 8px !important;\n\n color:var(--white) !important;\n\n font-size:18px !important;\n font-weight:950 !important;\n }\n\n .fml-csc__progress-item p {\n color:var(--muted) !important;\n\n font-size:12px;\n line-height:1.6;\n }\n\n\n \/* GALLERY *\/\n\n .fml-csc__gallery {\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:14px;\n\n margin-top:42px;\n }\n\n .fml-csc__image {\n overflow:hidden;\n\n border:1px solid var(--line);\n border-radius:5px;\n\n background:#050505;\n }\n\n .fml-csc__image img {\n display:block;\n\n width:100%;\n height:100%;\n min-height:290px;\n\n object-fit:cover;\n\n transition:transform .3s ease;\n }\n\n .fml-csc__image:hover img {\n transform:scale(1.015);\n }\n\n\n \/* TECH *\/\n\n .fml-csc__terminal {\n margin-top:42px;\n overflow:hidden;\n\n border:1px solid var(--gold-line);\n border-radius:4px;\n\n background:\n linear-gradient(\n 180deg,\n rgba(255,215,0,.026),\n transparent 30%\n ),\n rgba(0,0,0,.20);\n }\n\n .fml-csc__terminal-head {\n display:flex;\n flex-wrap:wrap;\n justify-content:space-between;\n gap:10px 24px;\n\n padding:14px 18px;\n\n border-bottom:1px solid var(--line);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.09em;\n text-transform:uppercase;\n }\n\n .fml-csc__terminal-head strong {\n color:var(--gold);\n }\n\n .fml-csc__terminal-head span {\n color:var(--dim);\n }\n\n .fml-csc__spec-grid {\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n }\n\n .fml-csc__spec {\n padding:clamp(23px,3.5vw,32px);\n\n border-right:1px solid var(--line);\n border-bottom:1px solid var(--line);\n }\n\n .fml-csc__spec:nth-child(2n) {\n border-right:0;\n }\n\n .fml-csc__spec:nth-last-child(-n + 2) {\n border-bottom:0;\n }\n\n .fml-csc__spec dt {\n margin-bottom:11px;\n\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:8px;\n font-weight:900;\n letter-spacing:.12em;\n text-transform:uppercase;\n }\n\n .fml-csc__spec-value {\n display:block;\n\n color:var(--white);\n\n font-size:clamp(19px,2.3vw,28px);\n font-weight:950;\n letter-spacing:-.035em;\n line-height:1.1;\n }\n\n .fml-csc__spec:first-child .fml-csc__spec-value {\n color:var(--gold);\n }\n\n .fml-csc__spec-copy {\n display:block;\n margin-top:9px;\n\n color:var(--muted);\n\n font-size:12px;\n line-height:1.58;\n }\n\n\n \/* LINKS *\/\n\n .fml-csc__links {\n display:flex;\n flex-wrap:wrap;\n gap:12px;\n\n margin-top:30px;\n }\n\n .fml-csc__link {\n display:inline-flex;\n align-items:center;\n justify-content:center;\n gap:10px;\n\n min-height:46px;\n padding:0 18px;\n\n color:var(--white) !important;\n background:rgba(255,255,255,.025);\n\n border:1px solid var(--line);\n border-radius:4px;\n\n font-size:11px;\n font-weight:900;\n letter-spacing:.04em;\n text-decoration:none !important;\n text-transform:uppercase;\n\n transition:\n transform .18s ease,\n border-color .18s ease,\n color .18s ease;\n }\n\n .fml-csc__link:hover {\n transform:translateY(-2px);\n color:var(--gold) !important;\n border-color:var(--gold-line);\n }\n\n .fml-csc__link--gold {\n color:#050505 !important;\n background:var(--gold);\n border-color:var(--gold);\n }\n\n .fml-csc__link--gold:hover {\n color:#050505 !important;\n }\n\n\n \/* CLOSING *\/\n\n .fml-csc__closing {\n position:relative;\n overflow:hidden;\n\n margin-top:clamp(62px,8vw,100px);\n padding:clamp(38px,6vw,72px);\n\n border-top:1px solid var(--gold-line);\n border-bottom:1px solid var(--line);\n\n background:\n radial-gradient(\n circle at 100% 0,\n rgba(255,215,0,.12),\n transparent 34%\n ),\n rgba(255,255,255,.012);\n }\n\n .fml-csc__closing-label {\n margin-bottom:19px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.13em;\n text-transform:uppercase;\n }\n\n .fml-csc__closing h2 {\n max-width:950px;\n\n color:var(--white) !important;\n\n font-size:clamp(31px,4.4vw,52px) !important;\n font-weight:950 !important;\n letter-spacing:-.045em;\n line-height:1.03 !important;\n\n text-wrap:balance;\n }\n\n .fml-csc__closing p {\n max-width:890px;\n margin-top:20px !important;\n\n color:var(--muted) !important;\n\n font-size:16px;\n line-height:1.74;\n }\n\n .fml-csc__final {\n margin-top:clamp(44px,7vw,72px);\n\n color:var(--white);\n\n font-size:clamp(25px,3.7vw,44px);\n font-weight:950;\n letter-spacing:-.043em;\n line-height:1.08;\n text-align:center;\n\n text-wrap:balance;\n }\n\n .fml-csc__final em {\n color:var(--gold);\n font-style:normal;\n }\n\n\n \/* RESPONSIVE *\/\n\n @media (max-width:1000px) {\n .fml-csc__hero {\n grid-template-columns:1fr;\n }\n\n .fml-csc__media,\n .fml-csc__media img {\n min-height:430px;\n }\n\n .fml-csc__stats,\n .fml-csc__progress {\n grid-template-columns:repeat(2,minmax(0,1fr));\n }\n }\n\n @media (max-width:900px) {\n .fml-csc__head {\n grid-template-columns:1fr;\n gap:15px;\n }\n\n .fml-csc__panel {\n grid-template-columns:1fr;\n }\n }\n\n @media (max-width:680px) {\n .fml-csc {\n padding-top:8px;\n }\n\n .fml-csc__hero {\n padding:29px 20px;\n }\n\n .fml-csc__eyebrow {\n display:grid;\n gap:5px;\n }\n\n .fml-csc__eyebrow span + span::before {\n display:none;\n }\n\n .fml-csc__media,\n .fml-csc__media img {\n min-height:270px;\n }\n\n .fml-csc__statement,\n .fml-csc__stats,\n .fml-csc__grid,\n .fml-csc__progress,\n .fml-csc__gallery,\n .fml-csc__spec-grid {\n grid-template-columns:1fr;\n }\n\n .fml-csc__code-label {\n white-space:normal;\n }\n\n .fml-csc__spec {\n border-right:0;\n border-bottom:1px solid var(--line);\n }\n\n .fml-csc__spec:nth-last-child(-n + 2) {\n border-bottom:1px solid var(--line);\n }\n\n .fml-csc__spec:last-child {\n border-bottom:0;\n }\n\n .fml-csc__links {\n flex-direction:column;\n }\n\n .fml-csc__link {\n width:100%;\n }\n\n .fml-csc__closing {\n padding:36px 21px;\n }\n }\n\u003c\/style\u003e\n\n\n\u003carticle class=\"fml-csc\"\u003e\n\n \u003c!-- HERO --\u003e\n\n \u003cheader class=\"fml-csc__hero\"\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-csc__eyebrow\"\u003e\n \u003cspan\u003eFiveM Multiplayer Job\u003c\/span\u003e\n \u003cspan\u003eBrusie Studio\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-csc__title\"\u003e\n Crime Scene Cleaner\n \u003c\/h2\u003e\n\n \u003cp class=\"fml-csc__lead\"\u003e\n Los Santos has no shortage of chaos.\n \u003cstrong\u003eTurns out somebody has to deal with what comes after.\u003c\/strong\u003e\n Crime Scene Cleaner takes a job idea that sounds simple and turns it\n into a proper multiplayer progression system with crews, interactive\n scenes, levels, quests, upgrades and enough variety that people might\n actually volunteer for another shift.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"fml-csc__badges\"\u003e\n\n \u003cspan class=\"fml-csc__badge fml-csc__badge--gold\"\u003e\n Multiplayer Job\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-csc__badge\"\u003e\n ESX\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-csc__badge\"\u003e\n QBCore\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-csc__badge\"\u003e\n QBox\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-csc__meta\"\u003e\n \u003cspan\u003eLobby system\u003c\/span\u003e\n \u003cspan\u003eDaily + weekly quests\u003c\/span\u003e\n \u003cspan\u003eScene creator\u003c\/span\u003e\n \u003cspan\u003e0.00ms idle\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-csc__media\"\u003e\n\n \u003cimg src=\"https:\/\/forum-cfx-re.akamaized.net\/original\/5X\/8\/0\/4\/3\/8043b9a7a30bf910056e1c7fc8bf6eb48ea15777.jpeg\" alt=\"Crime Scene Cleaner Multiplayer Job for FiveM\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"fml-csc__media-tag\"\u003e\n Get the contract · Call the crew · Fix the scene\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/header\u003e\n\n\n \u003c!-- WHY --\u003e\n\n \u003csection class=\"fml-csc__section\"\u003e\n\n \u003cdiv class=\"fml-csc__head\"\u003e\n\n \u003cdiv class=\"fml-csc__index\"\u003e\n 00 \/ Why\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-csc__kicker\"\u003e\n Because “drive here and press E” has had a very long career\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-csc__section-title\"\u003e\n Give players a job with enough going on that they actually talk while doing it.\n \u003c\/h2\u003e\n\n \u003cp class=\"fml-csc__intro\"\u003e\n The interesting part is not the cleaning theme by itself. It is the\n structure around it. Players can work together, share rewards,\n complete different activities inside the same contract and keep\n building their character through repeated shifts.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-csc__statement\"\u003e\n\n \u003cp\u003e\n One person handles one part of the scene, another moves to the next\n objective, somebody starts arguing about the payout split — suddenly\n you've got an actual multiplayer job instead of four people silently\n following the same checkpoint marker.\n \u003c\/p\u003e\n\n \u003cspan class=\"fml-csc__code-label\"\u003e\n \/\/ TEAMWORK, BUT WITH INVOICES\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-csc__stats\"\u003e\n\n \u003cdiv class=\"fml-csc__stat\"\u003e\n \u003csmall\u003eEscrow Edition\u003c\/small\u003e\n \u003cstrong\u003e$39.99\u003c\/strong\u003e\n \u003cspan\u003eListed protected-version price.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-csc__stat\"\u003e\n \u003csmall\u003eOpen Source\u003c\/small\u003e\n \u003cstrong\u003e$119.97\u003c\/strong\u003e\n \u003cspan\u003eListed open-source version price.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-csc__stat\"\u003e\n \u003csmall\u003eFrameworks\u003c\/small\u003e\n \u003cstrong\u003e3\u003c\/strong\u003e\n \u003cspan\u003eESX, QBCore and QBox.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-csc__stat\"\u003e\n \u003csmall\u003eIdle Usage\u003c\/small\u003e\n \u003cstrong\u003e0.00 ms\u003c\/strong\u003e\n \u003cspan\u003eFigure stated by the developer.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- CREW --\u003e\n\n \u003csection class=\"fml-csc__section\"\u003e\n\n \u003cdiv class=\"fml-csc__head\"\u003e\n\n \u003cdiv class=\"fml-csc__index\"\u003e\n 01 \/ Crew\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-csc__kicker\"\u003e\n Yes, the multiplayer part is actually multiplayer\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-csc__section-title\"\u003e\n Invite the crew, split the money and work through the same scene together.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-csc__panel\"\u003e\n\n \u003cdiv class=\"fml-csc__panel-main\"\u003e\n\n \u003csmall\u003e\n \/\/ CREW LOBBY\n \u003c\/small\u003e\n\n \u003ch3\u003e\n No pretending everybody is on the same job.\n \u003c\/h3\u003e\n\n \u003cp\u003e\n The built-in lobby handles invites, leaving and removing members,\n while contract progression stays synchronized between the players\n taking part. The lobby owner can also control percentage-based reward\n distribution.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003caside class=\"fml-csc__panel-side\"\u003e\n\n \u003csmall\u003e\n Payout split\n \u003c\/small\u003e\n\n \u003cstrong\u003eCUSTOM\u003c\/strong\u003e\n\n \u003csmall\u003e\n Controlled by the lobby owner\n \u003c\/small\u003e\n\n \u003c\/aside\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-csc__grid\"\u003e\n\n \u003carticle class=\"fml-csc__card\"\u003e\n\n \u003cdiv class=\"fml-csc__card-top\"\u003e\n \u003cspan class=\"fml-csc__number\"\u003e01\u003c\/span\u003e\n \u003cspan class=\"fml-csc__label\"\u003eInvite · Kick · Leave\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eLobby Controls That Make Sense\u003c\/h3\u003e\n\n \u003cp\u003e\n Form the group through an actual interface instead of gathering\n everybody around one NPC and hoping the resource recognizes who's\n meant to be working.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-csc__card\"\u003e\n\n \u003cdiv class=\"fml-csc__card-top\"\u003e\n \u003cspan class=\"fml-csc__number\"\u003e02\u003c\/span\u003e\n \u003cspan class=\"fml-csc__label\"\u003eSync · Crew\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eOne Scene, Shared Progress\u003c\/h3\u003e\n\n \u003cp\u003e\n The crew progresses through the same job state, helping cooperative\n work actually feel cooperative.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-csc__card\"\u003e\n\n \u003cdiv class=\"fml-csc__card-top\"\u003e\n \u003cspan class=\"fml-csc__number\"\u003e03\u003c\/span\u003e\n \u003cspan class=\"fml-csc__label\"\u003eMoney · Split\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eEverybody Wants a Bigger Cut\u003c\/h3\u003e\n\n \u003cp\u003e\n Percentage-based reward sharing gives the lobby owner control over\n how earnings are divided between crew members.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-csc__card\"\u003e\n\n \u003cdiv class=\"fml-csc__card-top\"\u003e\n \u003cspan class=\"fml-csc__number\"\u003e04\u003c\/span\u003e\n \u003cspan class=\"fml-csc__label\"\u003eRepeat · Together\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eA Reason to Bring the Same Crew Back\u003c\/h3\u003e\n\n \u003cp\u003e\n Jobs, progression and shared activity create the kind of loop where a\n group can naturally become “the cleaning crew” instead of randomly\n teaming up for one delivery.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- TASKS --\u003e\n\n \u003csection class=\"fml-csc__section\"\u003e\n\n \u003cdiv class=\"fml-csc__head\"\u003e\n\n \u003cdiv class=\"fml-csc__index\"\u003e\n 02 \/ Tasks\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-csc__kicker\"\u003e\n Standing still beside a marker is not an interaction\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-csc__section-title\"\u003e\n Give players actual little jobs inside the job.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-csc__grid\"\u003e\n\n \u003carticle class=\"fml-csc__card\"\u003e\n \u003cdiv class=\"fml-csc__card-top\"\u003e\n \u003cspan class=\"fml-csc__number\"\u003e01\u003c\/span\u003e\n \u003cspan class=\"fml-csc__label\"\u003eCleaning\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eRestore the Scene\u003c\/h3\u003e\n\n \u003cp\u003e\n Cleaning objectives use dedicated interactions and visual effects so\n the work feels like something the player is actually doing rather\n than a timer pretending to be gameplay.\n \u003c\/p\u003e\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-csc__card\"\u003e\n \u003cdiv class=\"fml-csc__card-top\"\u003e\n \u003cspan class=\"fml-csc__number\"\u003e02\u003c\/span\u003e\n \u003cspan class=\"fml-csc__label\"\u003eCamera · Evidence\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eDocument Before You Pack Up\u003c\/h3\u003e\n\n \u003cp\u003e\n Certain scene elements can involve camera-based documentation before\n collection, adding more rhythm to the contract than simply removing\n props one after another.\n \u003c\/p\u003e\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-csc__card\"\u003e\n \u003cdiv class=\"fml-csc__card-top\"\u003e\n \u003cspan class=\"fml-csc__number\"\u003e03\u003c\/span\u003e\n \u003cspan class=\"fml-csc__label\"\u003eFurniture · Physics\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003ePut the Place Back Together\u003c\/h3\u003e\n\n \u003cp\u003e\n Physics-based furniture repositioning makes the environment itself\n part of the work instead of an untouchable backdrop.\n \u003c\/p\u003e\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-csc__card\"\u003e\n \u003cdiv class=\"fml-csc__card-top\"\u003e\n \u003cspan class=\"fml-csc__number\"\u003e04\u003c\/span\u003e\n \u003cspan class=\"fml-csc__label\"\u003eAdvanced · Contracts\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eSome Jobs Get More Complicated\u003c\/h3\u003e\n\n \u003cp\u003e\n Higher-risk contracts can introduce extra security-themed objectives\n and interactive UI elements, helping the alternative progression path\n feel different rather than just paying more for the same work.\n \u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- PROGRESSION --\u003e\n\n \u003csection class=\"fml-csc__section\"\u003e\n\n \u003cdiv class=\"fml-csc__head\"\u003e\n\n \u003cdiv class=\"fml-csc__index\"\u003e\n 03 \/ Progress\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-csc__kicker\"\u003e\n A shift should matter after the payout notification disappears\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-csc__section-title\"\u003e\n Levels, quests and upgrades turn the job into something players can actually stick with.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-csc__progress\"\u003e\n\n \u003cdiv class=\"fml-csc__progress-item\"\u003e\n \u003csmall\u003e01 \/ EXP\u003c\/small\u003e\n \u003ch3\u003eLevel Up\u003c\/h3\u003e\n \u003cp\u003eCompleted work contributes to character progression.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-csc__progress-item\"\u003e\n \u003csmall\u003e02 \/ DAILY\u003c\/small\u003e\n \u003ch3\u003eDaily Quests\u003c\/h3\u003e\n \u003cp\u003eShort-term goals can reward money and EXP.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-csc__progress-item\"\u003e\n \u003csmall\u003e03 \/ WEEKLY\u003c\/small\u003e\n \u003ch3\u003eWeekly Quests\u003c\/h3\u003e\n \u003cp\u003eLonger objectives give regular players another reason to return.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-csc__progress-item\"\u003e\n \u003csmall\u003e04 \/ UPGRADE\u003c\/small\u003e\n \u003ch3\u003eBuy Upgrades\u003c\/h3\u003e\n \u003cp\u003eProgress can improve efficiency instead of only increasing a number.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-csc__statement\"\u003e\n\n \u003cp\u003e\n It also tracks working time across sessions. So if somebody proudly\n announces they've spent twenty-three hours cleaning virtual apartments,\n the script can apparently back them up.\n \u003c\/p\u003e\n\n \u003cspan class=\"fml-csc__code-label\"\u003e\n \/\/ CAREER CHOICES WERE MADE\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- CREATOR --\u003e\n\n \u003csection class=\"fml-csc__section\"\u003e\n\n \u003cdiv class=\"fml-csc__head\"\u003e\n\n \u003cdiv class=\"fml-csc__index\"\u003e\n 04 \/ Creator\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-csc__kicker\"\u003e\n Default content is nice. Making your own is nicer.\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-csc__section-title\"\u003e\n Build new scenes around your own map instead of waiting for somebody else to do it.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-csc__panel\"\u003e\n\n \u003cdiv class=\"fml-csc__panel-main\"\u003e\n\n \u003csmall\u003e\n \/\/ IN-GAME SCENE CREATOR\n \u003c\/small\u003e\n\n \u003ch3\u003e\n Make another contract without opening a coordinate spreadsheet.\n \u003c\/h3\u003e\n\n \u003cp\u003e\n The admin creator can place and configure tasks directly inside the\n game, using visual placement tools such as gizmo controls, raycasting\n and surface snapping.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003caside class=\"fml-csc__panel-side\"\u003e\n\n \u003csmall\u003e\n Scene support\n \u003c\/small\u003e\n\n \u003cstrong\u003eIN + OUT\u003c\/strong\u003e\n\n \u003csmall\u003e\n Interior and exterior locations\n \u003c\/small\u003e\n\n \u003c\/aside\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-csc__grid\"\u003e\n\n \u003carticle class=\"fml-csc__card\"\u003e\n \u003cdiv class=\"fml-csc__card-top\"\u003e\n \u003cspan class=\"fml-csc__number\"\u003e01\u003c\/span\u003e\n \u003cspan class=\"fml-csc__label\"\u003eGizmo · UI\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eBuild Scenes Visually\u003c\/h3\u003e\n\n \u003cp\u003e\n Position new task elements where they belong instead of repeatedly\n guessing coordinates, restarting and discovering the prop is somehow\n inside a wall.\n \u003c\/p\u003e\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-csc__card\"\u003e\n \u003cdiv class=\"fml-csc__card-top\"\u003e\n \u003cspan class=\"fml-csc__number\"\u003e02\u003c\/span\u003e\n \u003cspan class=\"fml-csc__label\"\u003eInterior · Exterior\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eUse More of Your Map\u003c\/h3\u003e\n\n \u003cp\u003e\n Interior and exterior support gives custom MLOs, houses, businesses\n and outdoor locations a chance to become part of the job rotation.\n \u003c\/p\u003e\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-csc__card\"\u003e\n \u003cdiv class=\"fml-csc__card-top\"\u003e\n \u003cspan class=\"fml-csc__number\"\u003e03\u003c\/span\u003e\n \u003cspan class=\"fml-csc__label\"\u003eBonus · Events\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eBoost the Job for Events\u003c\/h3\u003e\n\n \u003cp\u003e\n Global multipliers can be scheduled or activated for limited-time\n server events and boosted earning periods.\n \u003c\/p\u003e\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-csc__card\"\u003e\n \u003cdiv class=\"fml-csc__card-top\"\u003e\n \u003cspan class=\"fml-csc__number\"\u003e04\u003c\/span\u003e\n \u003cspan class=\"fml-csc__label\"\u003eReplay · Content\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eKeep Adding Work\u003c\/h3\u003e\n\n \u003cp\u003e\n A reusable creator matters because the best job script is the one\n players cannot completely memorize after three evenings.\n \u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- PREVIEW --\u003e\n\n \u003csection class=\"fml-csc__section\"\u003e\n\n \u003cdiv class=\"fml-csc__head\"\u003e\n\n \u003cdiv class=\"fml-csc__index\"\u003e\n 05 \/ Preview\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-csc__kicker\"\u003e\n The screenshots make more sense once you realize all of this belongs to one job\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-csc__section-title\"\u003e\n Crew UI, progression, scene interactions and custom tasks all living inside the same gameplay loop.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-csc__gallery\"\u003e\n\n \u003cdiv class=\"fml-csc__image\"\u003e\n \u003cimg src=\"https:\/\/forum-cfx-re.akamaized.net\/original\/5X\/d\/b\/c\/9\/dbc95fe6a7e1528b80776f6d25dcfb6b14dcf99b.jpeg\" alt=\"Crime Scene Cleaner FiveM gameplay\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-csc__image\"\u003e\n \u003cimg src=\"https:\/\/forum-cfx-re.akamaized.net\/original\/5X\/f\/3\/4\/0\/f3403f655e7e2a65240177c96d9709235a7cc6e2.jpeg\" alt=\"Crime Scene Cleaner FiveM UI\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-csc__image\"\u003e\n \u003cimg src=\"https:\/\/forum-cfx-re.akamaized.net\/original\/5X\/7\/b\/9\/3\/7b933885ec71aed6f513d6b153cd8db737476a1a.jpeg\" alt=\"Crime Scene Cleaner FiveM task\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-csc__image\"\u003e\n \u003cimg src=\"https:\/\/forum-cfx-re.akamaized.net\/original\/5X\/2\/d\/b\/7\/2db76dc3ad846824da850dbbd4a60d35c2a5e884.jpeg\" alt=\"Crime Scene Cleaner multiplayer scene\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- TECH --\u003e\n\n \u003csection class=\"fml-csc__section\"\u003e\n\n \u003cdiv class=\"fml-csc__head\"\u003e\n\n \u003cdiv class=\"fml-csc__index\"\u003e\n 06 \/ Technical\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-csc__kicker\"\u003e\n The part everybody scrolls to five seconds before buying\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-csc__section-title\"\u003e\n ESX, QBCore or QBox — with open bridge files for integration.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-csc__terminal\"\u003e\n\n \u003cdiv class=\"fml-csc__terminal-head\"\u003e\n \u003cstrong\u003e\/\/ CRIME_SCENE_CLEANER\u003c\/strong\u003e\n \u003cspan\u003eBrusie Studio \/ FiveM Job\u003c\/span\u003e\n \u003c\/div\u003e\n\n\n \u003cdl class=\"fml-csc__spec-grid\"\u003e\n\n \u003cdiv class=\"fml-csc__spec\"\u003e\n \u003cdt\u003eFrameworks\u003c\/dt\u003e\n \u003cdd\u003e\n \u003cspan class=\"fml-csc__spec-value\"\u003eESX \/ QB \/ QBox\u003c\/span\u003e\n \u003cspan class=\"fml-csc__spec-copy\"\u003e\n Supported through open bridge files.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-csc__spec\"\u003e\n \u003cdt\u003eRequirements\u003c\/dt\u003e\n \u003cdd\u003e\n \u003cspan class=\"fml-csc__spec-value\"\u003eox_lib + oxmysql\u003c\/span\u003e\n \u003cspan class=\"fml-csc__spec-copy\"\u003e\n Listed alongside a compatible framework.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-csc__spec\"\u003e\n \u003cdt\u003eUI\u003c\/dt\u003e\n \u003cdd\u003e\n \u003cspan class=\"fml-csc__spec-value\"\u003eReact\u003c\/span\u003e\n \u003cspan class=\"fml-csc__spec-copy\"\u003e\n Responsive React-based interface.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-csc__spec\"\u003e\n \u003cdt\u003eIdle Performance\u003c\/dt\u003e\n \u003cdd\u003e\n \u003cspan class=\"fml-csc__spec-value\"\u003e0.00 ms\u003c\/span\u003e\n \u003cspan class=\"fml-csc__spec-copy\"\u003e\n Figure stated in the developer release.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-csc__spec\"\u003e\n \u003cdt\u003eNotifications\u003c\/dt\u003e\n \u003cdd\u003e\n \u003cspan class=\"fml-csc__spec-value\"\u003eMulti Support\u003c\/span\u003e\n \u003cspan class=\"fml-csc__spec-copy\"\u003e\n Includes compatibility options for systems such as ox_lib,\n mythic, QB and ESX.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-csc__spec\"\u003e\n \u003cdt\u003eIncluded Content\u003c\/dt\u003e\n \u003cdd\u003e\n \u003cspan class=\"fml-csc__spec-value\"\u003eProps + Vehicles\u003c\/span\u003e\n \u003cspan class=\"fml-csc__spec-copy\"\u003e\n Required vehicle models, custom props and animations are listed\n as included.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-csc__spec\"\u003e\n \u003cdt\u003eCode Options\u003c\/dt\u003e\n \u003cdd\u003e\n \u003cspan class=\"fml-csc__spec-value\"\u003eEscrow \/ Source\u003c\/span\u003e\n \u003cspan class=\"fml-csc__spec-copy\"\u003e\n Both protected and Open Source purchase editions are offered.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-csc__spec\"\u003e\n \u003cdt\u003eApprox. Lines\u003c\/dt\u003e\n \u003cdd\u003e\n \u003cspan class=\"fml-csc__spec-value\"\u003e7,000+\u003c\/span\u003e\n \u003cspan class=\"fml-csc__spec-copy\"\u003e\n Approximate line count stated by the creator.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-csc__spec\"\u003e\n \u003cdt\u003eSubscription\u003c\/dt\u003e\n \u003cdd\u003e\n \u003cspan class=\"fml-csc__spec-value\"\u003eNo\u003c\/span\u003e\n \u003cspan class=\"fml-csc__spec-copy\"\u003e\n No recurring subscription is listed.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-csc__spec\"\u003e\n \u003cdt\u003eSupport\u003c\/dt\u003e\n \u003cdd\u003e\n \u003cspan class=\"fml-csc__spec-value\"\u003eAvailable\u003c\/span\u003e\n \u003cspan class=\"fml-csc__spec-copy\"\u003e\n Developer support is provided through Brusie Studio.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n \u003c\/div\u003e\n\n \u003c\/dl\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- LINKS --\u003e\n\n \u003csection class=\"fml-csc__section\"\u003e\n\n \u003cdiv class=\"fml-csc__head\"\u003e\n\n \u003cdiv class=\"fml-csc__index\"\u003e\n 07 \/ Get It\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-csc__kicker\"\u003e\n Protected version or full source — depends how deep you want to go\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-csc__section-title\"\u003e\n Watch the showcase, check the docs and choose the version that makes sense for your server.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-csc__links\"\u003e\n\n \u003ca class=\"fml-csc__link fml-csc__link--gold\" href=\"https:\/\/brusie.studio\/packages\/7589155\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n Escrow · $39.99 ↗\n \u003c\/a\u003e\n\n \u003ca class=\"fml-csc__link\" href=\"https:\/\/brusie.studio\/packages\/7589156\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n Open Source · $119.97 ↗\n \u003c\/a\u003e\n\n \u003ca class=\"fml-csc__link\" href=\"https:\/\/www.youtube.com\/watch?v=PsP7muCVk_U\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n Watch Showcase ↗\n \u003c\/a\u003e\n\n \u003ca class=\"fml-csc__link\" href=\"https:\/\/docs.brusie.studio\/bs-crimescenecleanerjob\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n Documentation ↗\n \u003c\/a\u003e\n\n \u003ca class=\"fml-csc__link\" href=\"https:\/\/discord.gg\/VtzdZVPXsF\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n Discord Support ↗\n \u003c\/a\u003e\n\n \u003ca class=\"fml-csc__link\" href=\"https:\/\/forum.cfx.re\/t\/crime-scene-cleaner-multiplayer-job-6-tasks-upgrades-quests\/5424232\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n Cfx.re Release ↗\n \u003c\/a\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- CLOSING --\u003e\n\n \u003csection class=\"fml-csc__closing\"\u003e\n\n \u003cdiv class=\"fml-csc__closing-label\"\u003e\n Crime Scene Cleaner \/ Brusie Studio\n \u003c\/div\u003e\n\n \u003ch2\u003e\n A weird job idea. A surprisingly serious gameplay loop.\n \u003c\/h2\u003e\n\n \u003cp\u003e\n Multiplayer crews, interactive tasks, shared progression, daily and\n weekly quests, upgrades, multiple career paths and a built-in scene\n creator give Crime Scene Cleaner enough structure to become an actual\n part of your server instead of a resource players try once and forget.\n \u003c\/p\u003e\n\n \u003c\/section\u003e\n\n\n \u003cdiv class=\"fml-csc__final\"\u003e\n The city makes the mess.\n \u003cem\u003eYour players finally get paid to deal with it.\u003c\/em\u003e\n \u003c\/div\u003e\n\n\u003c\/article\u003e","brand":"Brusie","offers":[{"title":"Default Title","offer_id":45780402569325,"sku":null,"price":39.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/8043b9a7a30bf910056e1c7fc8bf6eb48ea15777.jpg?v=1788596420"},{"product_id":"standalone-esx-mk-tattoos-advanced-tattoo-studio-modern-ui-live-preview","title":"[Standalone \/ ESX] MK Tattoos | Advanced Tattoo Studio | Modern UI | Live Preview","description":"\u003cstyle\u003e\n \/* =========================================================\n FIVEM-LAB — MK TATTOOS\n ADVANCED TATTOO STUDIO \/ ESX \/ ILLENIUM APPEARANCE\n ========================================================= *\/\n\n .fml-mk-tattoos {\n --gold:#ffd700;\n --white:#ffffff;\n --black:#050505;\n --text:rgba(255,255,255,.92);\n --muted:rgba(255,255,255,.66);\n --dim:rgba(255,255,255,.42);\n --line:rgba(255,255,255,.10);\n --line-soft:rgba(255,255,255,.055);\n --gold-line:rgba(255,215,0,.34);\n --panel:rgba(255,255,255,.022);\n\n width:100%;\n max-width:1180px;\n margin:0 auto;\n padding:18px 0 88px;\n\n color:var(--text);\n background:transparent;\n font-family:inherit;\n font-size:16px;\n line-height:1.7;\n }\n\n .fml-mk-tattoos,\n .fml-mk-tattoos *,\n .fml-mk-tattoos *::before,\n .fml-mk-tattoos *::after {\n box-sizing:border-box;\n }\n\n .fml-mk-tattoos h2,\n .fml-mk-tattoos h3,\n .fml-mk-tattoos p,\n .fml-mk-tattoos dl,\n .fml-mk-tattoos dt,\n .fml-mk-tattoos dd {\n margin:0;\n }\n\n .fml-mk-tattoos a {\n color:inherit;\n }\n\n .fml-mk-tattoos ::selection {\n color:#050505;\n background:var(--gold);\n }\n\n .fml-mk-tattoos code {\n padding:2px 6px;\n\n color:var(--gold);\n background:rgba(255,215,0,.055);\n\n border:1px solid rgba(255,215,0,.18);\n border-radius:3px;\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n }\n\n\n \/* =========================================================\n HERO\n ========================================================= *\/\n\n .fml-mk-tattoos__hero {\n position:relative;\n isolation:isolate;\n overflow:hidden;\n\n display:grid;\n grid-template-columns:minmax(0,1.03fr) minmax(330px,.72fr);\n gap:clamp(28px,5vw,64px);\n align-items:center;\n\n padding:clamp(36px,5.5vw,72px);\n\n border:1px solid var(--line);\n border-top-color:var(--gold-line);\n border-radius:7px;\n\n background:\n radial-gradient(\n circle at 91% 5%,\n rgba(255,215,0,.14),\n transparent 30%\n ),\n linear-gradient(\n 135deg,\n rgba(255,215,0,.034),\n transparent 48%\n ),\n rgba(0,0,0,.18);\n }\n\n .fml-mk-tattoos__hero::before {\n content:\"\";\n position:absolute;\n top:0;\n left:0;\n\n width:min(440px,72%);\n height:2px;\n\n background:var(--gold);\n box-shadow:0 0 24px rgba(255,215,0,.36);\n }\n\n .fml-mk-tattoos__eyebrow {\n display:flex;\n flex-wrap:wrap;\n gap:8px 16px;\n\n margin-bottom:24px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:900;\n letter-spacing:.15em;\n text-transform:uppercase;\n }\n\n .fml-mk-tattoos__eyebrow span + span {\n color:var(--dim);\n }\n\n .fml-mk-tattoos__eyebrow span + span::before {\n content:\"\/\";\n margin-right:16px;\n color:var(--gold);\n }\n\n .fml-mk-tattoos__title {\n margin:0 !important;\n\n color:var(--white) !important;\n\n font-size:clamp(43px,6vw,76px) !important;\n font-weight:950 !important;\n letter-spacing:-.052em;\n line-height:.95 !important;\n\n text-wrap:balance;\n }\n\n .fml-mk-tattoos__lead {\n max-width:810px;\n margin-top:27px !important;\n\n color:var(--muted) !important;\n\n font-size:clamp(18px,1.9vw,23px);\n font-weight:600;\n line-height:1.58;\n }\n\n .fml-mk-tattoos__lead strong {\n color:var(--white);\n }\n\n .fml-mk-tattoos__badges {\n display:flex;\n flex-wrap:wrap;\n gap:10px;\n\n margin-top:31px;\n }\n\n .fml-mk-tattoos__badge {\n display:inline-flex;\n align-items:center;\n\n min-height:37px;\n padding:0 13px;\n\n color:var(--white);\n background:rgba(255,255,255,.025);\n\n border:1px solid var(--line);\n border-radius:3px;\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.09em;\n text-transform:uppercase;\n }\n\n .fml-mk-tattoos__badge--gold {\n color:#050505;\n background:var(--gold);\n border-color:var(--gold);\n }\n\n .fml-mk-tattoos__meta {\n display:flex;\n flex-wrap:wrap;\n gap:10px 25px;\n\n margin-top:28px;\n padding-top:22px;\n\n border-top:1px solid var(--line);\n }\n\n .fml-mk-tattoos__meta span {\n position:relative;\n padding-left:17px;\n\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:850;\n letter-spacing:.09em;\n text-transform:uppercase;\n }\n\n .fml-mk-tattoos__meta span::before {\n content:\"\";\n position:absolute;\n top:.7em;\n left:0;\n\n width:7px;\n height:1px;\n background:var(--gold);\n }\n\n\n \/* HERO MEDIA *\/\n\n .fml-mk-tattoos__media {\n position:relative;\n overflow:hidden;\n\n min-height:400px;\n\n border:1px solid var(--line);\n border-radius:5px;\n\n background:#050505;\n }\n\n .fml-mk-tattoos__media img {\n display:block;\n\n width:100%;\n height:100%;\n min-height:400px;\n\n object-fit:cover;\n }\n\n .fml-mk-tattoos__media::after {\n content:\"\";\n position:absolute;\n inset:0;\n\n pointer-events:none;\n\n background:\n linear-gradient(\n 180deg,\n transparent 54%,\n rgba(0,0,0,.82)\n );\n }\n\n .fml-mk-tattoos__media-tag {\n position:absolute;\n z-index:2;\n right:15px;\n bottom:14px;\n left:15px;\n\n color:rgba(255,255,255,.72);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.1em;\n text-transform:uppercase;\n }\n\n\n \/* =========================================================\n SECTIONS\n ========================================================= *\/\n\n .fml-mk-tattoos__section {\n padding:clamp(54px,7vw,88px) 0;\n border-bottom:1px solid var(--line);\n }\n\n .fml-mk-tattoos__head {\n display:grid;\n grid-template-columns:minmax(125px,.24fr) minmax(0,1fr);\n gap:clamp(26px,5vw,68px);\n align-items:start;\n }\n\n .fml-mk-tattoos__index {\n padding-top:7px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:900;\n letter-spacing:.12em;\n text-transform:uppercase;\n }\n\n .fml-mk-tattoos__kicker {\n margin-bottom:13px;\n\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:850;\n letter-spacing:.14em;\n text-transform:uppercase;\n }\n\n .fml-mk-tattoos__section-title {\n max-width:950px;\n margin:0 !important;\n\n color:var(--white) !important;\n\n font-size:clamp(29px,3.9vw,47px) !important;\n font-weight:950 !important;\n letter-spacing:-.04em;\n line-height:1.05 !important;\n\n text-wrap:balance;\n }\n\n .fml-mk-tattoos__intro {\n max-width:900px;\n margin-top:20px !important;\n\n color:var(--muted) !important;\n\n font-size:clamp(16px,1.45vw,19px);\n line-height:1.74;\n }\n\n .fml-mk-tattoos__statement {\n display:grid;\n grid-template-columns:minmax(0,1fr) auto;\n gap:30px;\n align-items:end;\n\n margin-top:42px;\n padding-top:27px;\n\n border-top:1px solid var(--line);\n }\n\n .fml-mk-tattoos__statement p {\n max-width:860px;\n\n color:var(--text) !important;\n\n font-size:clamp(18px,2vw,23px);\n font-weight:650;\n line-height:1.5;\n }\n\n .fml-mk-tattoos__code-label {\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:900;\n letter-spacing:.12em;\n white-space:nowrap;\n }\n\n\n \/* =========================================================\n STATS\n ========================================================= *\/\n\n .fml-mk-tattoos__stats {\n display:grid;\n grid-template-columns:repeat(4,minmax(0,1fr));\n gap:12px;\n\n margin-top:42px;\n }\n\n .fml-mk-tattoos__stat {\n min-width:0;\n padding:23px;\n\n border:1px solid var(--line);\n border-top-color:var(--gold-line);\n border-radius:4px;\n\n background:var(--panel);\n }\n\n .fml-mk-tattoos__stat small {\n display:block;\n margin-bottom:17px;\n\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:8px;\n font-weight:900;\n letter-spacing:.1em;\n text-transform:uppercase;\n }\n\n .fml-mk-tattoos__stat strong {\n display:block;\n\n color:var(--gold);\n\n font-size:clamp(23px,2.8vw,36px);\n font-weight:950;\n letter-spacing:-.045em;\n line-height:1;\n }\n\n .fml-mk-tattoos__stat span {\n display:block;\n margin-top:10px;\n\n color:var(--muted);\n\n font-size:12px;\n line-height:1.5;\n }\n\n\n \/* =========================================================\n CARDS\n ========================================================= *\/\n\n .fml-mk-tattoos__grid {\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:14px;\n\n margin-top:42px;\n }\n\n .fml-mk-tattoos__card {\n position:relative;\n overflow:hidden;\n\n min-width:0;\n padding:clamp(24px,3vw,31px);\n\n border:1px solid var(--line);\n border-radius:4px;\n\n background:var(--panel);\n\n transition:\n transform .18s ease,\n border-color .18s ease,\n background .18s ease;\n }\n\n .fml-mk-tattoos__card::before {\n content:\"\";\n position:absolute;\n top:0;\n left:0;\n\n width:0;\n height:1px;\n\n background:var(--gold);\n\n transition:width .22s ease;\n }\n\n .fml-mk-tattoos__card:hover {\n transform:translateY(-2px);\n border-color:var(--gold-line);\n background:rgba(255,255,255,.038);\n }\n\n .fml-mk-tattoos__card:hover::before {\n width:100%;\n }\n\n .fml-mk-tattoos__card-top {\n display:flex;\n justify-content:space-between;\n gap:14px;\n\n margin-bottom:26px;\n }\n\n .fml-mk-tattoos__number {\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:950;\n }\n\n .fml-mk-tattoos__label {\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:8px;\n font-weight:800;\n letter-spacing:.09em;\n text-align:right;\n text-transform:uppercase;\n }\n\n .fml-mk-tattoos__card h3 {\n margin:0 0 11px !important;\n\n color:var(--white) !important;\n\n font-size:clamp(20px,2vw,25px) !important;\n font-weight:950 !important;\n letter-spacing:-.03em;\n line-height:1.15 !important;\n }\n\n .fml-mk-tattoos__card p {\n color:var(--muted) !important;\n\n font-size:14px;\n line-height:1.7;\n }\n\n\n \/* =========================================================\n STUDIO PANEL\n ========================================================= *\/\n\n .fml-mk-tattoos__studio {\n display:grid;\n grid-template-columns:minmax(0,1fr) 270px;\n gap:16px;\n\n margin-top:42px;\n }\n\n .fml-mk-tattoos__studio-main,\n .fml-mk-tattoos__studio-side {\n padding:clamp(26px,4vw,38px);\n\n border:1px solid var(--line);\n border-radius:5px;\n\n background:var(--panel);\n }\n\n .fml-mk-tattoos__studio-main {\n border-color:var(--gold-line);\n\n background:\n linear-gradient(\n 130deg,\n rgba(255,215,0,.055),\n transparent 55%\n ),\n var(--panel);\n }\n\n .fml-mk-tattoos__studio small {\n display:block;\n margin-bottom:11px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.11em;\n text-transform:uppercase;\n }\n\n .fml-mk-tattoos__studio h3 {\n margin:0 0 13px !important;\n\n color:var(--white) !important;\n\n font-size:clamp(22px,3vw,32px) !important;\n font-weight:950 !important;\n letter-spacing:-.035em;\n line-height:1.1 !important;\n }\n\n .fml-mk-tattoos__studio p {\n color:var(--muted) !important;\n\n font-size:14px;\n line-height:1.72;\n }\n\n .fml-mk-tattoos__studio-side {\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n\n min-height:230px;\n }\n\n .fml-mk-tattoos__studio-side strong {\n color:var(--gold);\n\n font-size:clamp(27px,4vw,42px);\n font-weight:950;\n letter-spacing:-.045em;\n line-height:1;\n }\n\n\n \/* =========================================================\n FLOW\n ========================================================= *\/\n\n .fml-mk-tattoos__flow {\n display:grid;\n grid-template-columns:repeat(4,minmax(0,1fr));\n gap:10px;\n\n margin-top:42px;\n }\n\n .fml-mk-tattoos__flow-item {\n padding:22px 18px;\n\n border:1px solid var(--line);\n border-top-color:var(--gold-line);\n border-radius:4px;\n\n background:var(--panel);\n }\n\n .fml-mk-tattoos__flow-item small {\n display:block;\n margin-bottom:25px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n }\n\n .fml-mk-tattoos__flow-item strong {\n display:block;\n\n color:var(--white);\n\n font-size:17px;\n font-weight:950;\n }\n\n .fml-mk-tattoos__flow-item span {\n display:block;\n margin-top:7px;\n\n color:var(--muted);\n\n font-size:11px;\n line-height:1.5;\n }\n\n\n \/* =========================================================\n TECHNICAL\n ========================================================= *\/\n\n .fml-mk-tattoos__terminal {\n margin-top:42px;\n overflow:hidden;\n\n border:1px solid var(--gold-line);\n border-radius:4px;\n\n background:\n linear-gradient(\n 180deg,\n rgba(255,215,0,.026),\n transparent 30%\n ),\n rgba(0,0,0,.20);\n }\n\n .fml-mk-tattoos__terminal-head {\n display:flex;\n flex-wrap:wrap;\n justify-content:space-between;\n gap:10px 24px;\n\n padding:14px 18px;\n\n border-bottom:1px solid var(--line);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.09em;\n text-transform:uppercase;\n }\n\n .fml-mk-tattoos__terminal-head strong {\n color:var(--gold);\n }\n\n .fml-mk-tattoos__terminal-head span {\n color:var(--dim);\n }\n\n .fml-mk-tattoos__spec-grid {\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n }\n\n .fml-mk-tattoos__spec {\n min-width:0;\n padding:clamp(23px,3.5vw,32px);\n\n border-right:1px solid var(--line);\n border-bottom:1px solid var(--line);\n }\n\n .fml-mk-tattoos__spec:nth-child(2n) {\n border-right:0;\n }\n\n .fml-mk-tattoos__spec:nth-last-child(-n + 2) {\n border-bottom:0;\n }\n\n .fml-mk-tattoos__spec dt {\n margin-bottom:11px;\n\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:8px;\n font-weight:900;\n letter-spacing:.12em;\n text-transform:uppercase;\n }\n\n .fml-mk-tattoos__spec-value {\n display:block;\n\n color:var(--white);\n\n font-size:clamp(19px,2.3vw,28px);\n font-weight:950;\n letter-spacing:-.035em;\n line-height:1.1;\n }\n\n .fml-mk-tattoos__spec:first-child\n .fml-mk-tattoos__spec-value {\n color:var(--gold);\n }\n\n .fml-mk-tattoos__spec-copy {\n display:block;\n margin-top:9px;\n\n color:var(--muted);\n\n font-size:12px;\n line-height:1.58;\n }\n\n\n \/* =========================================================\n LINKS\n ========================================================= *\/\n\n .fml-mk-tattoos__links {\n display:flex;\n flex-wrap:wrap;\n gap:12px;\n\n margin-top:30px;\n }\n\n .fml-mk-tattoos__link {\n display:inline-flex;\n align-items:center;\n justify-content:center;\n gap:10px;\n\n min-height:46px;\n padding:0 18px;\n\n color:var(--white) !important;\n background:rgba(255,255,255,.025);\n\n border:1px solid var(--line);\n border-radius:4px;\n\n font-size:11px;\n font-weight:900;\n letter-spacing:.04em;\n text-decoration:none !important;\n text-transform:uppercase;\n\n transition:\n transform .18s ease,\n border-color .18s ease,\n color .18s ease;\n }\n\n .fml-mk-tattoos__link:hover {\n transform:translateY(-2px);\n color:var(--gold) !important;\n border-color:var(--gold-line);\n }\n\n .fml-mk-tattoos__link--gold {\n color:#050505 !important;\n background:var(--gold);\n border-color:var(--gold);\n }\n\n .fml-mk-tattoos__link--gold:hover {\n color:#050505 !important;\n }\n\n\n \/* =========================================================\n CLOSING\n ========================================================= *\/\n\n .fml-mk-tattoos__closing {\n position:relative;\n overflow:hidden;\n\n margin-top:clamp(62px,8vw,100px);\n padding:clamp(38px,6vw,72px);\n\n border-top:1px solid var(--gold-line);\n border-bottom:1px solid var(--line);\n\n background:\n radial-gradient(\n circle at 100% 0,\n rgba(255,215,0,.12),\n transparent 34%\n ),\n rgba(255,255,255,.012);\n }\n\n .fml-mk-tattoos__closing-label {\n margin-bottom:19px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.13em;\n text-transform:uppercase;\n }\n\n .fml-mk-tattoos__closing h2 {\n max-width:950px;\n margin:0 !important;\n\n color:var(--white) !important;\n\n font-size:clamp(31px,4.4vw,52px) !important;\n font-weight:950 !important;\n letter-spacing:-.045em;\n line-height:1.03 !important;\n\n text-wrap:balance;\n }\n\n .fml-mk-tattoos__closing p {\n max-width:890px;\n margin-top:20px !important;\n\n color:var(--muted) !important;\n\n font-size:16px;\n line-height:1.74;\n }\n\n .fml-mk-tattoos__final {\n margin-top:clamp(44px,7vw,72px);\n\n color:var(--white);\n\n font-size:clamp(25px,3.7vw,44px);\n font-weight:950;\n letter-spacing:-.043em;\n line-height:1.08;\n text-align:center;\n\n text-wrap:balance;\n }\n\n .fml-mk-tattoos__final em {\n color:var(--gold);\n font-style:normal;\n }\n\n\n \/* =========================================================\n RESPONSIVE\n ========================================================= *\/\n\n @media (max-width:1000px) {\n .fml-mk-tattoos__hero {\n grid-template-columns:1fr;\n }\n\n .fml-mk-tattoos__media,\n .fml-mk-tattoos__media img {\n min-height:430px;\n }\n\n .fml-mk-tattoos__stats,\n .fml-mk-tattoos__flow {\n grid-template-columns:repeat(2,minmax(0,1fr));\n }\n }\n\n @media (max-width:900px) {\n .fml-mk-tattoos__head {\n grid-template-columns:1fr;\n gap:15px;\n }\n\n .fml-mk-tattoos__studio {\n grid-template-columns:1fr;\n }\n }\n\n @media (max-width:680px) {\n .fml-mk-tattoos {\n padding-top:8px;\n }\n\n .fml-mk-tattoos__hero {\n padding:29px 20px;\n }\n\n .fml-mk-tattoos__eyebrow {\n display:grid;\n gap:5px;\n }\n\n .fml-mk-tattoos__eyebrow span + span::before {\n display:none;\n }\n\n .fml-mk-tattoos__media,\n .fml-mk-tattoos__media img {\n min-height:270px;\n }\n\n .fml-mk-tattoos__statement,\n .fml-mk-tattoos__stats,\n .fml-mk-tattoos__grid,\n .fml-mk-tattoos__flow,\n .fml-mk-tattoos__spec-grid {\n grid-template-columns:1fr;\n }\n\n .fml-mk-tattoos__code-label {\n white-space:normal;\n }\n\n .fml-mk-tattoos__spec {\n border-right:0;\n border-bottom:1px solid var(--line);\n }\n\n .fml-mk-tattoos__spec:nth-last-child(-n + 2) {\n border-bottom:1px solid var(--line);\n }\n\n .fml-mk-tattoos__spec:last-child {\n border-bottom:0;\n }\n\n .fml-mk-tattoos__links {\n flex-direction:column;\n }\n\n .fml-mk-tattoos__link {\n width:100%;\n }\n\n .fml-mk-tattoos__closing {\n padding:36px 21px;\n }\n }\n\n @media (prefers-reduced-motion:reduce) {\n .fml-mk-tattoos *,\n .fml-mk-tattoos *::before,\n .fml-mk-tattoos *::after {\n transition-duration:.01ms !important;\n animation-duration:.01ms !important;\n }\n }\n\u003c\/style\u003e\n\n\n\u003carticle class=\"fml-mk-tattoos\"\u003e\n\n \u003c!-- =======================================================\n HERO\n ======================================================= --\u003e\n\n \u003cheader class=\"fml-mk-tattoos__hero\"\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-mk-tattoos__eyebrow\"\u003e\n \u003cspan\u003eFiveM Tattoo Studio\u003c\/span\u003e\n \u003cspan\u003eESX Legacy\u003c\/span\u003e\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-mk-tattoos__title\"\u003e\n MK Tattoos\n \u003c\/h2\u003e\n\n\n \u003cp class=\"fml-mk-tattoos__lead\"\u003e\n A tattoo is supposed to be permanent.\n \u003cstrong\u003eHaving it disappear because somebody changed their outfit is slightly less convincing.\u003c\/strong\u003e\n MK Tattoos turns the usual FiveM tattoo menu into a proper studio\n experience: browse the catalog, see the ink on your character before\n paying and keep it after relogs, restarts and appearance reloads.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"fml-mk-tattoos__badges\"\u003e\n\n \u003cspan class=\"fml-mk-tattoos__badge fml-mk-tattoos__badge--gold\"\u003e\n Live Preview\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-mk-tattoos__badge\"\u003e\n Persistent Tattoos\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-mk-tattoos__badge\"\u003e\n ESX Legacy\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-mk-tattoos__badge\"\u003e\n Illenium Appearance\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mk-tattoos__meta\"\u003e\n \u003cspan\u003eVersion 1.0.4\u003c\/span\u003e\n \u003cspan\u003eCustom shop locations\u003c\/span\u003e\n \u003cspan\u003eServer-side validation\u003c\/span\u003e\n \u003cspan\u003eCFX Asset Escrow\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mk-tattoos__media\"\u003e\n\n \u003cimg src=\"https:\/\/forum-cfx-re.akamaized.net\/original\/5X\/c\/b\/f\/d\/cbfde99d895d81f0db437c5813d4ad4505faa93d.jpeg\" alt=\"MK Tattoos advanced tattoo studio for FiveM\" loading=\"lazy\"\u003e\n\n \u003cdiv class=\"fml-mk-tattoos__media-tag\"\u003e\n Pick it · Preview it · Pay for the regret\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/header\u003e\n\n\n \u003c!-- =======================================================\n EXPERIENCE\n ======================================================= --\u003e\n\n \u003csection class=\"fml-mk-tattoos__section\"\u003e\n\n \u003cdiv class=\"fml-mk-tattoos__head\"\u003e\n\n \u003cdiv class=\"fml-mk-tattoos__index\"\u003e\n 00 \/ Studio\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-mk-tattoos__kicker\"\u003e\n Tattoos deserve more than a dropdown and a purchase button\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-mk-tattoos__section-title\"\u003e\n Let players actually look at the tattoo before making it part of the character.\n \u003c\/h2\u003e\n\n\n \u003cp class=\"fml-mk-tattoos__intro\"\u003e\n MK Tattoos gives the tattoo shop its own visual flow instead of\n treating body customization like another inventory transaction.\n Players browse available designs through a dedicated interface,\n preview them directly on the character and only then decide whether\n the ink deserves the money.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mk-tattoos__statement\"\u003e\n\n \u003cp\u003e\n No more buying something because the name sounded cool and discovering\n three seconds later that the tattoo is enormous, sideways and somehow\n sitting exactly where the shirt covers it.\n \u003c\/p\u003e\n\n \u003cspan class=\"fml-mk-tattoos__code-label\"\u003e\n \/\/ LOOK FIRST · REGRET LATER\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mk-tattoos__stats\"\u003e\n\n \u003cdiv class=\"fml-mk-tattoos__stat\"\u003e\n\n \u003csmall\u003eCurrent Version\u003c\/small\u003e\n\n \u003cstrong\u003e1.0.4\u003c\/strong\u003e\n\n \u003cspan\u003e\n Version stated in the current release information.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mk-tattoos__stat\"\u003e\n\n \u003csmall\u003eFramework\u003c\/small\u003e\n\n \u003cstrong\u003eESX\u003c\/strong\u003e\n\n \u003cspan\u003e\n Built for ESX Legacy environments.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mk-tattoos__stat\"\u003e\n\n \u003csmall\u003eSource Size\u003c\/small\u003e\n\n \u003cstrong\u003e3,000+\u003c\/strong\u003e\n\n \u003cspan\u003e\n Approximate line count listed by the developer.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mk-tattoos__stat\"\u003e\n\n \u003csmall\u003eSubscription\u003c\/small\u003e\n\n \u003cstrong\u003eNO\u003c\/strong\u003e\n\n \u003cspan\u003e\n No recurring subscription is listed.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n FLOW\n ======================================================= --\u003e\n\n \u003csection class=\"fml-mk-tattoos__section\"\u003e\n\n \u003cdiv class=\"fml-mk-tattoos__head\"\u003e\n\n \u003cdiv class=\"fml-mk-tattoos__index\"\u003e\n 01 \/ Flow\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-mk-tattoos__kicker\"\u003e\n The tattoo shop finally behaves like an actual shop\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-mk-tattoos__section-title\"\u003e\n Browse. Preview. Commit. Walk out looking like the character you had in mind.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mk-tattoos__flow\"\u003e\n\n \u003cdiv class=\"fml-mk-tattoos__flow-item\"\u003e\n\n \u003csmall\u003e01 \/ BROWSE\u003c\/small\u003e\n\n \u003cstrong\u003eChoose the Design\u003c\/strong\u003e\n\n \u003cspan\u003e\n Browse available tattoos through the dedicated custom UI.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mk-tattoos__flow-item\"\u003e\n\n \u003csmall\u003e02 \/ PREVIEW\u003c\/small\u003e\n\n \u003cstrong\u003eSee It Live\u003c\/strong\u003e\n\n \u003cspan\u003e\n Preview the tattoo directly on the character before purchase.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mk-tattoos__flow-item\"\u003e\n\n \u003csmall\u003e03 \/ BUY\u003c\/small\u003e\n\n \u003cstrong\u003eConfirm the Ink\u003c\/strong\u003e\n\n \u003cspan\u003e\n Purchases are handled with server-side ownership validation.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mk-tattoos__flow-item\"\u003e\n\n \u003csmall\u003e04 \/ KEEP\u003c\/small\u003e\n\n \u003cstrong\u003eIt Stays There\u003c\/strong\u003e\n\n \u003cspan\u003e\n Purchased tattoos are stored and automatically reapplied.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n PERSISTENCE\n ======================================================= --\u003e\n\n \u003csection class=\"fml-mk-tattoos__section\"\u003e\n\n \u003cdiv class=\"fml-mk-tattoos__head\"\u003e\n\n \u003cdiv class=\"fml-mk-tattoos__index\"\u003e\n 02 \/ Persistence\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-mk-tattoos__kicker\"\u003e\n Permanent ink should probably survive a reconnect\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-mk-tattoos__section-title\"\u003e\n Change clothes. Reload the skin. Restart the resource. The tattoo does not suddenly develop commitment issues.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mk-tattoos__studio\"\u003e\n\n \u003carticle class=\"fml-mk-tattoos__studio-main\"\u003e\n\n \u003csmall\u003e\n \/\/ PERSISTENT CHARACTER DATA\n \u003c\/small\u003e\n\n \u003ch3\u003e\n Buy it once. Keep it on the character.\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Purchased tattoos are stored permanently and automatically reapplied\n when the player's appearance is loaded again. That includes normal\n reconnects, resource restarts and appearance reloads through the\n supported character system.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003caside class=\"fml-mk-tattoos__studio-side\"\u003e\n\n \u003csmall\u003e\n Persistence\n \u003c\/small\u003e\n\n \u003cstrong\u003eSAVED\u003c\/strong\u003e\n\n \u003csmall\u003e\n Relog · Restart · Skin reload\n \u003c\/small\u003e\n\n \u003c\/aside\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mk-tattoos__statement\"\u003e\n\n \u003cp\u003e\n This is one of those features nobody applauds when it works.\n They absolutely notice when it doesn't.\n \u003c\/p\u003e\n\n \u003cspan class=\"fml-mk-tattoos__code-label\"\u003e\n \/\/ STILL TATTOOED\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n APPEARANCE\n ======================================================= --\u003e\n\n \u003csection class=\"fml-mk-tattoos__section\"\u003e\n\n \u003cdiv class=\"fml-mk-tattoos__head\"\u003e\n\n \u003cdiv class=\"fml-mk-tattoos__index\"\u003e\n 03 \/ Appearance\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-mk-tattoos__kicker\"\u003e\n No need to throw away the appearance system you already use\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-mk-tattoos__section-title\"\u003e\n Built to work with illenium-appearance instead of trying to replace it.\n \u003c\/h2\u003e\n\n\n \u003cp class=\"fml-mk-tattoos__intro\"\u003e\n MK Tattoos integrates with \u003ccode\u003eillenium-appearance\u003c\/code\u003e, allowing\n tattoo ownership to stay connected to the player's character\n customization flow instead of becoming a completely separate island.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mk-tattoos__grid\"\u003e\n\n \u003carticle class=\"fml-mk-tattoos__card\"\u003e\n\n \u003cdiv class=\"fml-mk-tattoos__card-top\"\u003e\n \u003cspan class=\"fml-mk-tattoos__number\"\u003e01\u003c\/span\u003e\n \u003cspan class=\"fml-mk-tattoos__label\"\u003eAppearance · Reload\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eOutfit Changes Don't Wipe the Ink\u003c\/h3\u003e\n\n \u003cp\u003e\n Tattoos can be reapplied after appearance reloads, helping the\n character keep the same visual identity when clothing and skin data\n are refreshed.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-mk-tattoos__card\"\u003e\n\n \u003cdiv class=\"fml-mk-tattoos__card-top\"\u003e\n \u003cspan class=\"fml-mk-tattoos__number\"\u003e02\u003c\/span\u003e\n \u003cspan class=\"fml-mk-tattoos__label\"\u003ePosition · Preview\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003ePut the Character Where the Tattoo Can Actually Be Seen\u003c\/h3\u003e\n\n \u003cp\u003e\n The system includes smooth character positioning and preview behavior\n so players can inspect designs instead of trying to judge body art\n while the camera is staring at the back of their head.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-mk-tattoos__card\"\u003e\n\n \u003cdiv class=\"fml-mk-tattoos__card-top\"\u003e\n \u003cspan class=\"fml-mk-tattoos__number\"\u003e03\u003c\/span\u003e\n \u003cspan class=\"fml-mk-tattoos__label\"\u003eAnimations · Shop\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eMake the Shop Feel Like a Place\u003c\/h3\u003e\n\n \u003cp\u003e\n Clean animations and interaction flow help the tattoo studio feel\n like part of roleplay rather than a configuration menu that happens\n to be standing inside a building.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-mk-tattoos__card\"\u003e\n\n \u003cdiv class=\"fml-mk-tattoos__card-top\"\u003e\n \u003cspan class=\"fml-mk-tattoos__number\"\u003e04\u003c\/span\u003e\n \u003cspan class=\"fml-mk-tattoos__label\"\u003eOwnership · Server\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003ePurchases Are Checked Server-Side\u003c\/h3\u003e\n\n \u003cp\u003e\n Ownership and purchase validation are handled server-side rather than\n trusting the client with the important part of the transaction.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n CONFIGURATION\n ======================================================= --\u003e\n\n \u003csection class=\"fml-mk-tattoos__section\"\u003e\n\n \u003cdiv class=\"fml-mk-tattoos__head\"\u003e\n\n \u003cdiv class=\"fml-mk-tattoos__index\"\u003e\n 04 \/ Configure\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-mk-tattoos__kicker\"\u003e\n Your tattoo economy should not be decided by somebody else's server\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-mk-tattoos__section-title\"\u003e\n Put the shops where you want them, charge what makes sense and decide what each studio can offer.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mk-tattoos__grid\"\u003e\n\n \u003carticle class=\"fml-mk-tattoos__card\"\u003e\n\n \u003cdiv class=\"fml-mk-tattoos__card-top\"\u003e\n \u003cspan class=\"fml-mk-tattoos__number\"\u003e01\u003c\/span\u003e\n \u003cspan class=\"fml-mk-tattoos__label\"\u003eLocations\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eCustom Tattoo Shops\u003c\/h3\u003e\n\n \u003cp\u003e\n Configure tattoo shop locations around your own map rather than being\n locked into one hard-coded studio.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-mk-tattoos__card\"\u003e\n\n \u003cdiv class=\"fml-mk-tattoos__card-top\"\u003e\n \u003cspan class=\"fml-mk-tattoos__number\"\u003e02\u003c\/span\u003e\n \u003cspan class=\"fml-mk-tattoos__label\"\u003ePrices\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eYour Economy, Your Prices\u003c\/h3\u003e\n\n \u003cp\u003e\n Tattoo pricing can be configured so a tiny wrist design and a bigger\n character decision do not have to cost whatever the default happens\n to say.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-mk-tattoos__card\"\u003e\n\n \u003cdiv class=\"fml-mk-tattoos__card-top\"\u003e\n \u003cspan class=\"fml-mk-tattoos__number\"\u003e03\u003c\/span\u003e\n \u003cspan class=\"fml-mk-tattoos__label\"\u003eCategories\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eOrganize the Catalog\u003c\/h3\u003e\n\n \u003cp\u003e\n Categories can be configured to keep larger tattoo libraries easier\n to browse.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-mk-tattoos__card\"\u003e\n\n \u003cdiv class=\"fml-mk-tattoos__card-top\"\u003e\n \u003cspan class=\"fml-mk-tattoos__number\"\u003e04\u003c\/span\u003e\n \u003cspan class=\"fml-mk-tattoos__label\"\u003eCollections\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eControl What's Available\u003c\/h3\u003e\n\n \u003cp\u003e\n Available tattoo collections can be configured through accessible\n configuration files while the protected core remains under CFX Asset\n Escrow.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n ROLEPLAY\n ======================================================= --\u003e\n\n \u003csection class=\"fml-mk-tattoos__section\"\u003e\n\n \u003cdiv class=\"fml-mk-tattoos__head\"\u003e\n\n \u003cdiv class=\"fml-mk-tattoos__index\"\u003e\n 05 \/ RP\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-mk-tattoos__kicker\"\u003e\n Character customization gets way better when it becomes part of the story\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-mk-tattoos__section-title\"\u003e\n A tattoo shop can be more than somewhere players visit once during character creation.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mk-tattoos__grid\"\u003e\n\n \u003carticle class=\"fml-mk-tattoos__card\"\u003e\n\n \u003cdiv class=\"fml-mk-tattoos__card-top\"\u003e\n \u003cspan class=\"fml-mk-tattoos__number\"\u003e01\u003c\/span\u003e\n \u003cspan class=\"fml-mk-tattoos__label\"\u003eCharacter · Story\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eLet Characters Change Over Time\u003c\/h3\u003e\n\n \u003cp\u003e\n New tattoo after joining a crew, memorial ink after a major RP arc or\n simply a terrible late-night decision — persistent tattoos give those\n choices somewhere to stay.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-mk-tattoos__card\"\u003e\n\n \u003cdiv class=\"fml-mk-tattoos__card-top\"\u003e\n \u003cspan class=\"fml-mk-tattoos__number\"\u003e02\u003c\/span\u003e\n \u003cspan class=\"fml-mk-tattoos__label\"\u003eBusiness · Studio\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eGive Tattoo MLOs Something to Do\u003c\/h3\u003e\n\n \u003cp\u003e\n Pair the script with a tattoo studio interior and the location stops\n being decorative. Players now have an actual reason to walk through\n the door.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-mk-tattoos__card\"\u003e\n\n \u003cdiv class=\"fml-mk-tattoos__card-top\"\u003e\n \u003cspan class=\"fml-mk-tattoos__number\"\u003e03\u003c\/span\u003e\n \u003cspan class=\"fml-mk-tattoos__label\"\u003eIdentity · Style\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eMake Characters Easier to Recognize\u003c\/h3\u003e\n\n \u003cp\u003e\n Tattoos add another layer of visual identity beyond clothing and\n hairstyles — especially for characters who have been on the server\n long enough to develop a history.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-mk-tattoos__card\"\u003e\n\n \u003cdiv class=\"fml-mk-tattoos__card-top\"\u003e\n \u003cspan class=\"fml-mk-tattoos__number\"\u003e04\u003c\/span\u003e\n \u003cspan class=\"fml-mk-tattoos__label\"\u003ePreview · Decision\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eMake the Purchase Part of the Moment\u003c\/h3\u003e\n\n \u003cp\u003e\n Live preview gives the player time to actually look at the design,\n compare options and decide instead of turning body customization into\n blind shopping.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n TECHNICAL\n ======================================================= --\u003e\n\n \u003csection class=\"fml-mk-tattoos__section\"\u003e\n\n \u003cdiv class=\"fml-mk-tattoos__head\"\u003e\n\n \u003cdiv class=\"fml-mk-tattoos__index\"\u003e\n 06 \/ Technical\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-mk-tattoos__kicker\"\u003e\n The boring part that becomes very interesting five minutes before installation\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-mk-tattoos__section-title\"\u003e\n ESX Legacy, illenium-appearance and oxmysql are the pieces you'll need.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mk-tattoos__terminal\"\u003e\n\n \u003cdiv class=\"fml-mk-tattoos__terminal-head\"\u003e\n\n \u003cstrong\u003e\n \/\/ MK_TATTOOS_V1.0.4\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n FiveM \/ ESX \/ Tattoo Studio\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdl class=\"fml-mk-tattoos__spec-grid\"\u003e\n\n \u003cdiv class=\"fml-mk-tattoos__spec\"\u003e\n\n \u003cdt\u003eFramework\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-mk-tattoos__spec-value\"\u003e\n ESX Legacy\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-mk-tattoos__spec-copy\"\u003e\n ESX Legacy is listed as the supported framework.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mk-tattoos__spec\"\u003e\n\n \u003cdt\u003eAppearance\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-mk-tattoos__spec-value\"\u003e\n illenium-appearance\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-mk-tattoos__spec-copy\"\u003e\n Required appearance system and supported for tattoo persistence.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mk-tattoos__spec\"\u003e\n\n \u003cdt\u003eDatabase\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-mk-tattoos__spec-value\"\u003e\n oxmysql\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-mk-tattoos__spec-copy\"\u003e\n Required database resource.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mk-tattoos__spec\"\u003e\n\n \u003cdt\u003eCurrent Version\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-mk-tattoos__spec-value\"\u003e\n 1.0.4\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-mk-tattoos__spec-copy\"\u003e\n Current version stated in the supplied product information.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mk-tattoos__spec\"\u003e\n\n \u003cdt\u003eCode Access\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-mk-tattoos__spec-value\"\u003e\n Config Files\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-mk-tattoos__spec-copy\"\u003e\n Configuration files are accessible; the core resource is protected.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mk-tattoos__spec\"\u003e\n\n \u003cdt\u003eProtection\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-mk-tattoos__spec-value\"\u003e\n CFX Escrow\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-mk-tattoos__spec-copy\"\u003e\n Core logic is protected through CFX Asset Escrow.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mk-tattoos__spec\"\u003e\n\n \u003cdt\u003eApprox. Lines\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-mk-tattoos__spec-value\"\u003e\n 3,000+\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-mk-tattoos__spec-copy\"\u003e\n Approximate line count listed by the developer.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mk-tattoos__spec\"\u003e\n\n \u003cdt\u003eSubscription\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-mk-tattoos__spec-value\"\u003e\n No\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-mk-tattoos__spec-copy\"\u003e\n No recurring subscription is listed.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mk-tattoos__spec\"\u003e\n\n \u003cdt\u003ePersistence\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-mk-tattoos__spec-value\"\u003e\n Included\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-mk-tattoos__spec-copy\"\u003e\n Tattoos are stored and reapplied after relog, restart and\n appearance reload.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mk-tattoos__spec\"\u003e\n\n \u003cdt\u003eSupport\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-mk-tattoos__spec-value\"\u003e\n Yes\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-mk-tattoos__spec-copy\"\u003e\n Support and suggestions are handled through the developer's\n Discord.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n \u003c\/dl\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n ROADMAP\n ======================================================= --\u003e\n\n \u003csection class=\"fml-mk-tattoos__section\"\u003e\n\n \u003cdiv class=\"fml-mk-tattoos__head\"\u003e\n\n \u003cdiv class=\"fml-mk-tattoos__index\"\u003e\n 07 \/ Next\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-mk-tattoos__kicker\"\u003e\n Planned next update\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-mk-tattoos__section-title\"\u003e\n Custom tattoo importing is planned to get easier.\n \u003c\/h2\u003e\n\n\n \u003cp class=\"fml-mk-tattoos__intro\"\u003e\n The developer lists an \u003cstrong\u003eEasy-Import of Custom Tattoos\u003c\/strong\u003e\n system as the next planned update. It is a roadmap item rather than a\n current v1.0.4 feature.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n GET IT\n ======================================================= --\u003e\n\n \u003csection class=\"fml-mk-tattoos__section\"\u003e\n\n \u003cdiv class=\"fml-mk-tattoos__head\"\u003e\n\n \u003cdiv class=\"fml-mk-tattoos__index\"\u003e\n 08 \/ Get It\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-mk-tattoos__kicker\"\u003e\n Your tattoo shop deserves something better than the 2018 dropdown experience\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-mk-tattoos__section-title\"\u003e\n Watch the preview, check the current package and let players see the ink before they commit.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mk-tattoos__links\"\u003e\n\n \u003ca class=\"fml-mk-tattoos__link fml-mk-tattoos__link--gold\" href=\"https:\/\/mkturescripts.tebex.store\/\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n View on Tebex\n \u003cspan aria-hidden=\"true\"\u003e↗\u003c\/span\u003e\n \u003c\/a\u003e\n\n\n \u003ca class=\"fml-mk-tattoos__link\" href=\"https:\/\/youtu.be\/QTB5GmIcSao\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n Watch Preview\n \u003cspan aria-hidden=\"true\"\u003e↗\u003c\/span\u003e\n \u003c\/a\u003e\n\n\n \u003ca class=\"fml-mk-tattoos__link\" href=\"https:\/\/discord.gg\/qqrEmqpprf\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n Discord Support\n \u003cspan aria-hidden=\"true\"\u003e↗\u003c\/span\u003e\n \u003c\/a\u003e\n\n\n \u003ca class=\"fml-mk-tattoos__link\" href=\"https:\/\/forum.cfx.re\/t\/paid-standalone-esx-mk-tattoos-advanced-tattoo-studio-modern-ui-live-preview\/5424812\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n Cfx.re Release\n \u003cspan aria-hidden=\"true\"\u003e↗\u003c\/span\u003e\n \u003c\/a\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n CLOSING\n ======================================================= --\u003e\n\n \u003csection class=\"fml-mk-tattoos__closing\"\u003e\n\n \u003cdiv class=\"fml-mk-tattoos__closing-label\"\u003e\n MK Tattoos \/ Advanced FiveM Tattoo Studio\n \u003c\/div\u003e\n\n\n \u003ch2\u003e\n Character customization gets a lot more personal when the choice is supposed to stay.\n \u003c\/h2\u003e\n\n\n \u003cp\u003e\n MK Tattoos combines a modern browsing interface, live character preview,\n persistent tattoo ownership, configurable shops and pricing,\n illenium-appearance integration and server-side purchase validation into\n one focused tattoo system for ESX Legacy servers.\n \u003c\/p\u003e\n\n \u003c\/section\u003e\n\n\n \u003cdiv class=\"fml-mk-tattoos__final\"\u003e\n Preview before buying.\n \u003cem\u003eBecause laser removal isn't in the config.\u003c\/em\u003e\n \u003c\/div\u003e\n\n\u003c\/article\u003e","brand":"Mkturescripts","offers":[{"title":"Default Title","offer_id":45780503822445,"sku":null,"price":16.26,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/cbfde99d895d81f0db437c5813d4ad4505faa93d.jpg?v=1788599417"},{"product_id":"um-t-shirt-designer","title":"UM T-Shirt Designer","description":"\u003cstyle\u003e\n \/* =========================================================\n FIVEM-LAB — UM T-SHIRT DESIGNER\n 3D CLOTHING STUDIO \/ MULTI-FRAMEWORK\n ========================================================= *\/\n\n .fml-um-tshirt {\n --gold:#ffd700;\n --white:#ffffff;\n --black:#050505;\n --text:rgba(255,255,255,.92);\n --muted:rgba(255,255,255,.66);\n --dim:rgba(255,255,255,.42);\n --line:rgba(255,255,255,.10);\n --line-soft:rgba(255,255,255,.055);\n --gold-line:rgba(255,215,0,.34);\n --panel:rgba(255,255,255,.022);\n\n width:100%;\n max-width:1180px;\n margin:0 auto;\n padding:18px 0 88px;\n\n color:var(--text);\n background:transparent;\n font-family:inherit;\n font-size:16px;\n line-height:1.7;\n }\n\n .fml-um-tshirt,\n .fml-um-tshirt *,\n .fml-um-tshirt *::before,\n .fml-um-tshirt *::after {\n box-sizing:border-box;\n }\n\n .fml-um-tshirt h2,\n .fml-um-tshirt h3,\n .fml-um-tshirt p,\n .fml-um-tshirt dl,\n .fml-um-tshirt dt,\n .fml-um-tshirt dd {\n margin:0;\n }\n\n .fml-um-tshirt a {\n color:inherit;\n }\n\n .fml-um-tshirt ::selection {\n color:#050505;\n background:var(--gold);\n }\n\n .fml-um-tshirt code {\n padding:2px 6px;\n\n color:var(--gold);\n background:rgba(255,215,0,.055);\n\n border:1px solid rgba(255,215,0,.18);\n border-radius:3px;\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n }\n\n\n \/* =========================================================\n HERO\n ========================================================= *\/\n\n .fml-um-tshirt__hero {\n position:relative;\n overflow:hidden;\n\n display:grid;\n grid-template-columns:minmax(0,1.03fr) minmax(330px,.72fr);\n gap:clamp(28px,5vw,64px);\n align-items:center;\n\n padding:clamp(36px,5.5vw,72px);\n\n border:1px solid var(--line);\n border-top-color:var(--gold-line);\n border-radius:7px;\n\n background:\n radial-gradient(\n circle at 91% 5%,\n rgba(255,215,0,.14),\n transparent 30%\n ),\n linear-gradient(\n 135deg,\n rgba(255,215,0,.034),\n transparent 48%\n ),\n rgba(0,0,0,.18);\n }\n\n .fml-um-tshirt__hero::before {\n content:\"\";\n position:absolute;\n top:0;\n left:0;\n\n width:min(440px,72%);\n height:2px;\n\n background:var(--gold);\n box-shadow:0 0 24px rgba(255,215,0,.36);\n }\n\n .fml-um-tshirt__eyebrow {\n display:flex;\n flex-wrap:wrap;\n gap:8px 16px;\n\n margin-bottom:24px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:900;\n letter-spacing:.15em;\n text-transform:uppercase;\n }\n\n .fml-um-tshirt__eyebrow span + span {\n color:var(--dim);\n }\n\n .fml-um-tshirt__eyebrow span + span::before {\n content:\"\/\";\n margin-right:16px;\n color:var(--gold);\n }\n\n .fml-um-tshirt__title {\n color:var(--white) !important;\n\n font-size:clamp(42px,5.8vw,74px) !important;\n font-weight:950 !important;\n letter-spacing:-.052em;\n line-height:.95 !important;\n\n text-wrap:balance;\n }\n\n .fml-um-tshirt__lead {\n max-width:820px;\n margin-top:27px !important;\n\n color:var(--muted) !important;\n\n font-size:clamp(18px,1.9vw,23px);\n font-weight:600;\n line-height:1.58;\n }\n\n .fml-um-tshirt__lead strong {\n color:var(--white);\n }\n\n .fml-um-tshirt__badges {\n display:flex;\n flex-wrap:wrap;\n gap:10px;\n\n margin-top:31px;\n }\n\n .fml-um-tshirt__badge {\n display:inline-flex;\n align-items:center;\n\n min-height:37px;\n padding:0 13px;\n\n color:var(--white);\n background:rgba(255,255,255,.025);\n\n border:1px solid var(--line);\n border-radius:3px;\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.09em;\n text-transform:uppercase;\n }\n\n .fml-um-tshirt__badge--gold {\n color:#050505;\n background:var(--gold);\n border-color:var(--gold);\n }\n\n .fml-um-tshirt__meta {\n display:flex;\n flex-wrap:wrap;\n gap:10px 25px;\n\n margin-top:28px;\n padding-top:22px;\n\n border-top:1px solid var(--line);\n }\n\n .fml-um-tshirt__meta span {\n position:relative;\n padding-left:17px;\n\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:850;\n letter-spacing:.09em;\n text-transform:uppercase;\n }\n\n .fml-um-tshirt__meta span::before {\n content:\"\";\n position:absolute;\n top:.7em;\n left:0;\n\n width:7px;\n height:1px;\n background:var(--gold);\n }\n\n\n \/* HERO MEDIA *\/\n\n .fml-um-tshirt__media {\n position:relative;\n overflow:hidden;\n\n min-height:400px;\n\n border:1px solid var(--line);\n border-radius:5px;\n\n background:#050505;\n }\n\n .fml-um-tshirt__media img {\n display:block;\n\n width:100%;\n height:100%;\n min-height:400px;\n\n object-fit:cover;\n }\n\n .fml-um-tshirt__media::after {\n content:\"\";\n position:absolute;\n inset:0;\n\n pointer-events:none;\n\n background:\n linear-gradient(\n 180deg,\n transparent 54%,\n rgba(0,0,0,.82)\n );\n }\n\n .fml-um-tshirt__media-tag {\n position:absolute;\n z-index:2;\n right:15px;\n bottom:14px;\n left:15px;\n\n color:rgba(255,255,255,.72);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.1em;\n text-transform:uppercase;\n }\n\n\n \/* =========================================================\n SECTION BASE\n ========================================================= *\/\n\n .fml-um-tshirt__section {\n padding:clamp(54px,7vw,88px) 0;\n border-bottom:1px solid var(--line);\n }\n\n .fml-um-tshirt__head {\n display:grid;\n grid-template-columns:minmax(125px,.24fr) minmax(0,1fr);\n gap:clamp(26px,5vw,68px);\n align-items:start;\n }\n\n .fml-um-tshirt__index {\n padding-top:7px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:900;\n letter-spacing:.12em;\n text-transform:uppercase;\n }\n\n .fml-um-tshirt__kicker {\n margin-bottom:13px;\n\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:850;\n letter-spacing:.14em;\n text-transform:uppercase;\n }\n\n .fml-um-tshirt__section-title {\n max-width:950px;\n\n color:var(--white) !important;\n\n font-size:clamp(29px,3.9vw,47px) !important;\n font-weight:950 !important;\n letter-spacing:-.04em;\n line-height:1.05 !important;\n\n text-wrap:balance;\n }\n\n .fml-um-tshirt__intro {\n max-width:900px;\n margin-top:20px !important;\n\n color:var(--muted) !important;\n\n font-size:clamp(16px,1.45vw,19px);\n line-height:1.74;\n }\n\n .fml-um-tshirt__statement {\n display:grid;\n grid-template-columns:minmax(0,1fr) auto;\n gap:30px;\n align-items:end;\n\n margin-top:42px;\n padding-top:27px;\n\n border-top:1px solid var(--line);\n }\n\n .fml-um-tshirt__statement p {\n max-width:860px;\n\n color:var(--text) !important;\n\n font-size:clamp(18px,2vw,23px);\n font-weight:650;\n line-height:1.5;\n }\n\n .fml-um-tshirt__code-label {\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:900;\n letter-spacing:.12em;\n white-space:nowrap;\n }\n\n\n \/* =========================================================\n STATS\n ========================================================= *\/\n\n .fml-um-tshirt__stats {\n display:grid;\n grid-template-columns:repeat(4,minmax(0,1fr));\n gap:12px;\n\n margin-top:42px;\n }\n\n .fml-um-tshirt__stat {\n min-width:0;\n padding:23px;\n\n border:1px solid var(--line);\n border-top-color:var(--gold-line);\n border-radius:4px;\n\n background:var(--panel);\n }\n\n .fml-um-tshirt__stat small {\n display:block;\n margin-bottom:17px;\n\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:8px;\n font-weight:900;\n letter-spacing:.1em;\n text-transform:uppercase;\n }\n\n .fml-um-tshirt__stat strong {\n display:block;\n\n color:var(--gold);\n\n font-size:clamp(23px,2.8vw,36px);\n font-weight:950;\n letter-spacing:-.045em;\n line-height:1;\n }\n\n .fml-um-tshirt__stat span {\n display:block;\n margin-top:10px;\n\n color:var(--muted);\n\n font-size:12px;\n line-height:1.5;\n }\n\n\n \/* =========================================================\n CARDS\n ========================================================= *\/\n\n .fml-um-tshirt__grid {\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:14px;\n\n margin-top:42px;\n }\n\n .fml-um-tshirt__card {\n position:relative;\n overflow:hidden;\n\n padding:clamp(24px,3vw,31px);\n\n border:1px solid var(--line);\n border-radius:4px;\n\n background:var(--panel);\n\n transition:\n transform .18s ease,\n border-color .18s ease,\n background .18s ease;\n }\n\n .fml-um-tshirt__card::before {\n content:\"\";\n position:absolute;\n top:0;\n left:0;\n\n width:0;\n height:1px;\n\n background:var(--gold);\n\n transition:width .22s ease;\n }\n\n .fml-um-tshirt__card:hover {\n transform:translateY(-2px);\n border-color:var(--gold-line);\n background:rgba(255,255,255,.038);\n }\n\n .fml-um-tshirt__card:hover::before {\n width:100%;\n }\n\n .fml-um-tshirt__card-top {\n display:flex;\n justify-content:space-between;\n gap:14px;\n\n margin-bottom:26px;\n }\n\n .fml-um-tshirt__number {\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:950;\n }\n\n .fml-um-tshirt__label {\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:8px;\n font-weight:800;\n letter-spacing:.09em;\n text-align:right;\n text-transform:uppercase;\n }\n\n .fml-um-tshirt__card h3 {\n margin:0 0 11px !important;\n\n color:var(--white) !important;\n\n font-size:clamp(20px,2vw,25px) !important;\n font-weight:950 !important;\n letter-spacing:-.03em;\n line-height:1.15 !important;\n }\n\n .fml-um-tshirt__card p {\n color:var(--muted) !important;\n\n font-size:14px;\n line-height:1.7;\n }\n\n\n \/* =========================================================\n DESIGN STUDIO PANEL\n ========================================================= *\/\n\n .fml-um-tshirt__studio {\n display:grid;\n grid-template-columns:minmax(0,1fr) 270px;\n gap:16px;\n\n margin-top:42px;\n }\n\n .fml-um-tshirt__studio-main,\n .fml-um-tshirt__studio-side {\n padding:clamp(26px,4vw,38px);\n\n border:1px solid var(--line);\n border-radius:5px;\n\n background:var(--panel);\n }\n\n .fml-um-tshirt__studio-main {\n border-color:var(--gold-line);\n\n background:\n linear-gradient(\n 130deg,\n rgba(255,215,0,.055),\n transparent 55%\n ),\n var(--panel);\n }\n\n .fml-um-tshirt__studio small {\n display:block;\n margin-bottom:11px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.11em;\n text-transform:uppercase;\n }\n\n .fml-um-tshirt__studio h3 {\n margin:0 0 13px !important;\n\n color:var(--white) !important;\n\n font-size:clamp(22px,3vw,32px) !important;\n font-weight:950 !important;\n letter-spacing:-.035em;\n line-height:1.1 !important;\n }\n\n .fml-um-tshirt__studio p {\n color:var(--muted) !important;\n\n font-size:14px;\n line-height:1.72;\n }\n\n .fml-um-tshirt__studio-side {\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n\n min-height:230px;\n }\n\n .fml-um-tshirt__studio-side strong {\n color:var(--gold);\n\n font-size:clamp(28px,4vw,43px);\n font-weight:950;\n letter-spacing:-.045em;\n line-height:1;\n }\n\n\n \/* =========================================================\n TEMPLATES\n ========================================================= *\/\n\n .fml-um-tshirt__templates {\n display:grid;\n grid-template-columns:repeat(4,minmax(0,1fr));\n gap:10px;\n\n margin-top:42px;\n }\n\n .fml-um-tshirt__template {\n padding:22px 18px;\n\n border:1px solid var(--line);\n border-top-color:var(--gold-line);\n border-radius:4px;\n\n background:var(--panel);\n }\n\n .fml-um-tshirt__template small {\n display:block;\n margin-bottom:24px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n }\n\n .fml-um-tshirt__template strong {\n display:block;\n\n color:var(--white);\n\n font-size:17px;\n font-weight:950;\n }\n\n .fml-um-tshirt__template span {\n display:block;\n margin-top:7px;\n\n color:var(--muted);\n\n font-size:11px;\n line-height:1.5;\n }\n\n\n \/* =========================================================\n GALLERY\n ========================================================= *\/\n\n .fml-um-tshirt__gallery {\n display:grid;\n grid-template-columns:1fr;\n gap:14px;\n\n margin-top:42px;\n }\n\n .fml-um-tshirt__image {\n overflow:hidden;\n\n border:1px solid var(--line);\n border-radius:5px;\n\n background:#050505;\n }\n\n .fml-um-tshirt__image img {\n display:block;\n\n width:100%;\n height:auto;\n\n transition:transform .3s ease;\n }\n\n .fml-um-tshirt__image:hover img {\n transform:scale(1.01);\n }\n\n\n \/* =========================================================\n WARNING \/ EARLY ACCESS\n ========================================================= *\/\n\n .fml-um-tshirt__notice {\n margin-top:42px;\n padding:clamp(26px,4vw,38px);\n\n border:1px solid var(--gold-line);\n border-left:3px solid var(--gold);\n border-radius:4px;\n\n background:\n linear-gradient(\n 110deg,\n rgba(255,215,0,.055),\n transparent 55%\n ),\n rgba(255,255,255,.015);\n }\n\n .fml-um-tshirt__notice small {\n display:block;\n margin-bottom:12px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.11em;\n text-transform:uppercase;\n }\n\n .fml-um-tshirt__notice h3 {\n margin:0 0 13px !important;\n\n color:var(--white) !important;\n\n font-size:clamp(22px,3vw,31px) !important;\n font-weight:950 !important;\n letter-spacing:-.035em;\n }\n\n .fml-um-tshirt__notice p {\n max-width:930px;\n\n color:var(--muted) !important;\n\n font-size:13px;\n line-height:1.72;\n }\n\n\n \/* =========================================================\n TECH\n ========================================================= *\/\n\n .fml-um-tshirt__terminal {\n margin-top:42px;\n overflow:hidden;\n\n border:1px solid var(--gold-line);\n border-radius:4px;\n\n background:\n linear-gradient(\n 180deg,\n rgba(255,215,0,.026),\n transparent 30%\n ),\n rgba(0,0,0,.20);\n }\n\n .fml-um-tshirt__terminal-head {\n display:flex;\n flex-wrap:wrap;\n justify-content:space-between;\n gap:10px 24px;\n\n padding:14px 18px;\n\n border-bottom:1px solid var(--line);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.09em;\n text-transform:uppercase;\n }\n\n .fml-um-tshirt__terminal-head strong {\n color:var(--gold);\n }\n\n .fml-um-tshirt__terminal-head span {\n color:var(--dim);\n }\n\n .fml-um-tshirt__spec-grid {\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n }\n\n .fml-um-tshirt__spec {\n padding:clamp(23px,3.5vw,32px);\n\n border-right:1px solid var(--line);\n border-bottom:1px solid var(--line);\n }\n\n .fml-um-tshirt__spec:nth-child(2n) {\n border-right:0;\n }\n\n .fml-um-tshirt__spec:nth-last-child(-n + 2) {\n border-bottom:0;\n }\n\n .fml-um-tshirt__spec dt {\n margin-bottom:11px;\n\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:8px;\n font-weight:900;\n letter-spacing:.12em;\n text-transform:uppercase;\n }\n\n .fml-um-tshirt__spec-value {\n display:block;\n\n color:var(--white);\n\n font-size:clamp(19px,2.3vw,28px);\n font-weight:950;\n letter-spacing:-.035em;\n line-height:1.1;\n }\n\n .fml-um-tshirt__spec:first-child\n .fml-um-tshirt__spec-value {\n color:var(--gold);\n }\n\n .fml-um-tshirt__spec-copy {\n display:block;\n margin-top:9px;\n\n color:var(--muted);\n\n font-size:12px;\n line-height:1.58;\n }\n\n\n \/* =========================================================\n LINKS\n ========================================================= *\/\n\n .fml-um-tshirt__links {\n display:flex;\n flex-wrap:wrap;\n gap:12px;\n\n margin-top:30px;\n }\n\n .fml-um-tshirt__link {\n display:inline-flex;\n align-items:center;\n justify-content:center;\n gap:10px;\n\n min-height:46px;\n padding:0 18px;\n\n color:var(--white) !important;\n background:rgba(255,255,255,.025);\n\n border:1px solid var(--line);\n border-radius:4px;\n\n font-size:11px;\n font-weight:900;\n letter-spacing:.04em;\n text-decoration:none !important;\n text-transform:uppercase;\n\n transition:\n transform .18s ease,\n border-color .18s ease,\n color .18s ease;\n }\n\n .fml-um-tshirt__link:hover {\n transform:translateY(-2px);\n color:var(--gold) !important;\n border-color:var(--gold-line);\n }\n\n .fml-um-tshirt__link--gold {\n color:#050505 !important;\n background:var(--gold);\n border-color:var(--gold);\n }\n\n .fml-um-tshirt__link--gold:hover {\n color:#050505 !important;\n }\n\n\n \/* =========================================================\n CLOSING\n ========================================================= *\/\n\n .fml-um-tshirt__closing {\n position:relative;\n overflow:hidden;\n\n margin-top:clamp(62px,8vw,100px);\n padding:clamp(38px,6vw,72px);\n\n border-top:1px solid var(--gold-line);\n border-bottom:1px solid var(--line);\n\n background:\n radial-gradient(\n circle at 100% 0,\n rgba(255,215,0,.12),\n transparent 34%\n ),\n rgba(255,255,255,.012);\n }\n\n .fml-um-tshirt__closing-label {\n margin-bottom:19px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.13em;\n text-transform:uppercase;\n }\n\n .fml-um-tshirt__closing h2 {\n max-width:950px;\n\n color:var(--white) !important;\n\n font-size:clamp(31px,4.4vw,52px) !important;\n font-weight:950 !important;\n letter-spacing:-.045em;\n line-height:1.03 !important;\n\n text-wrap:balance;\n }\n\n .fml-um-tshirt__closing p {\n max-width:890px;\n margin-top:20px !important;\n\n color:var(--muted) !important;\n\n font-size:16px;\n line-height:1.74;\n }\n\n .fml-um-tshirt__final {\n margin-top:clamp(44px,7vw,72px);\n\n color:var(--white);\n\n font-size:clamp(25px,3.7vw,44px);\n font-weight:950;\n letter-spacing:-.043em;\n line-height:1.08;\n text-align:center;\n\n text-wrap:balance;\n }\n\n .fml-um-tshirt__final em {\n color:var(--gold);\n font-style:normal;\n }\n\n\n \/* =========================================================\n RESPONSIVE\n ========================================================= *\/\n\n @media (max-width:1000px) {\n .fml-um-tshirt__hero {\n grid-template-columns:1fr;\n }\n\n .fml-um-tshirt__media,\n .fml-um-tshirt__media img {\n min-height:430px;\n }\n\n .fml-um-tshirt__stats,\n .fml-um-tshirt__templates {\n grid-template-columns:repeat(2,minmax(0,1fr));\n }\n }\n\n @media (max-width:900px) {\n .fml-um-tshirt__head {\n grid-template-columns:1fr;\n gap:15px;\n }\n\n .fml-um-tshirt__studio {\n grid-template-columns:1fr;\n }\n }\n\n @media (max-width:680px) {\n .fml-um-tshirt {\n padding-top:8px;\n }\n\n .fml-um-tshirt__hero {\n padding:29px 20px;\n }\n\n .fml-um-tshirt__eyebrow {\n display:grid;\n gap:5px;\n }\n\n .fml-um-tshirt__eyebrow span + span::before {\n display:none;\n }\n\n .fml-um-tshirt__media,\n .fml-um-tshirt__media img {\n min-height:270px;\n }\n\n .fml-um-tshirt__statement,\n .fml-um-tshirt__stats,\n .fml-um-tshirt__grid,\n .fml-um-tshirt__templates,\n .fml-um-tshirt__spec-grid {\n grid-template-columns:1fr;\n }\n\n .fml-um-tshirt__code-label {\n white-space:normal;\n }\n\n .fml-um-tshirt__spec {\n border-right:0;\n border-bottom:1px solid var(--line);\n }\n\n .fml-um-tshirt__spec:nth-last-child(-n + 2) {\n border-bottom:1px solid var(--line);\n }\n\n .fml-um-tshirt__spec:last-child {\n border-bottom:0;\n }\n\n .fml-um-tshirt__links {\n flex-direction:column;\n }\n\n .fml-um-tshirt__link {\n width:100%;\n }\n\n .fml-um-tshirt__closing {\n padding:36px 21px;\n }\n }\n\n @media (prefers-reduced-motion:reduce) {\n .fml-um-tshirt *,\n .fml-um-tshirt *::before,\n .fml-um-tshirt *::after {\n transition-duration:.01ms !important;\n animation-duration:.01ms !important;\n }\n }\n\u003c\/style\u003e\n\n\n\u003carticle class=\"fml-um-tshirt\"\u003e\n\n \u003c!-- =======================================================\n HERO\n ======================================================= --\u003e\n\n \u003cheader class=\"fml-um-tshirt__hero\"\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-um-tshirt__eyebrow\"\u003e\n \u003cspan\u003eFiveM Clothing Creator\u003c\/span\u003e\n \u003cspan\u003eUM T-Shirt Designer\u003c\/span\u003e\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-um-tshirt__title\"\u003e\n Design the Shirt. Wear It Five Minutes Later.\n \u003c\/h2\u003e\n\n\n \u003cp class=\"fml-um-tshirt__lead\"\u003e\n Forget uploading a texture, restarting the resource and opening\n Photoshop because somebody wanted their crew logo two centimeters\n lower.\n \u003cstrong\u003eUM T-Shirt Designer puts the whole design studio inside FiveM.\u003c\/strong\u003e\n Paint directly on the shirt, throw on a logo, add text, change colors,\n rotate the model and watch the result appear on your character while\n you're still editing it.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"fml-um-tshirt__badges\"\u003e\n\n \u003cspan class=\"fml-um-tshirt__badge fml-um-tshirt__badge--gold\"\u003e\n Live 3D Designer\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-um-tshirt__badge\"\u003e\n 22 Kit Templates\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-um-tshirt__badge\"\u003e\n Logos + Text\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-um-tshirt__badge\"\u003e\n ESX \/ QB \/ QBox \/ Standalone\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-um-tshirt__meta\"\u003e\n \u003cspan\u003e5 character slots\u003c\/span\u003e\n \u003cspan\u003ereal-time multiplayer sync\u003c\/span\u003e\n \u003cspan\u003eoxmysql persistence\u003c\/span\u003e\n \u003cspan\u003emale + female shirts\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-um-tshirt__media\"\u003e\n\n \u003cimg src=\"https:\/\/forum-cfx-re.akamaized.net\/original\/5X\/6\/1\/1\/a\/611adac85080338ce08cada4d5826bfa82964ed6.gif\" alt=\"UM T-Shirt Designer FiveM 3D clothing creator\" loading=\"lazy\" width=\"600\" height=\"337\"\u003e\n\n \u003cdiv class=\"fml-um-tshirt__media-tag\"\u003e\n Draw it · Move it · Wear it\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/header\u003e\n\n\n \u003c!-- =======================================================\n WHY\n ======================================================= --\u003e\n\n \u003csection class=\"fml-um-tshirt__section\"\u003e\n\n \u003cdiv class=\"fml-um-tshirt__head\"\u003e\n\n \u003cdiv class=\"fml-um-tshirt__index\"\u003e\n 00 \/ The Idea\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-um-tshirt__kicker\"\u003e\n Custom clothing without turning every little edit into developer work\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-um-tshirt__section-title\"\u003e\n Your players get the fun part. Your staff gets fewer “can you make me this shirt?” tickets.\n \u003c\/h2\u003e\n\n\n \u003cp class=\"fml-um-tshirt__intro\"\u003e\n UM T-Shirt Designer moves clothing creativity out of external tools\n and directly into gameplay. A player can start with a template,\n change individual shirt zones, import a logo, write custom text or\n simply paint over the real shirt model using the built-in brush.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-um-tshirt__statement\"\u003e\n\n \u003cp\u003e\n Crew merch. Football kits. Business uniforms. Event shirts. Dumb inside\n jokes printed across somebody's back at 3 AM. Once players can build\n clothing themselves, they will absolutely find reasons to use it.\n \u003c\/p\u003e\n\n \u003cspan class=\"fml-um-tshirt__code-label\"\u003e\n \/\/ PHOTOSHOP HAS LEFT THE CHAT\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-um-tshirt__stats\"\u003e\n\n \u003cdiv class=\"fml-um-tshirt__stat\"\u003e\n \u003csmall\u003eKit Templates\u003c\/small\u003e\n \u003cstrong\u003e22\u003c\/strong\u003e\n \u003cspan\u003eReady-made football-inspired pattern layouts.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-um-tshirt__stat\"\u003e\n \u003csmall\u003eLogos Per Design\u003c\/small\u003e\n \u003cstrong\u003eUp to 4\u003c\/strong\u003e\n \u003cspan\u003ePosition and resize external image logos.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-um-tshirt__stat\"\u003e\n \u003csmall\u003eWardrobe Slots\u003c\/small\u003e\n \u003cstrong\u003e5\u003c\/strong\u003e\n \u003cspan\u003eFive saved design slots per character by default.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-um-tshirt__stat\"\u003e\n \u003csmall\u003eFramework Mode\u003c\/small\u003e\n \u003cstrong\u003e4 Ways\u003c\/strong\u003e\n \u003cspan\u003eQBox, QBCore, ESX or standalone.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n 3D STUDIO\n ======================================================= --\u003e\n\n \u003csection class=\"fml-um-tshirt__section\"\u003e\n\n \u003cdiv class=\"fml-um-tshirt__head\"\u003e\n\n \u003cdiv class=\"fml-um-tshirt__index\"\u003e\n 01 \/ Studio\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-um-tshirt__kicker\"\u003e\n Not a flat PNG editor pretending to be 3D\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-um-tshirt__section-title\"\u003e\n You're painting the actual GTA shirt mesh while looking at it in 3D.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-um-tshirt__studio\"\u003e\n\n \u003carticle class=\"fml-um-tshirt__studio-main\"\u003e\n\n \u003csmall\u003e\n \/\/ LIVE 3D VIEWPORT\n \u003c\/small\u003e\n\n \u003ch3\u003e\n Rotate it. Zoom in. Draw directly where you want it.\n \u003c\/h3\u003e\n\n \u003cp\u003e\n The design studio uses the real shirt mesh inside a 3D viewport.\n Players can use the brush, rotate the model, zoom closer and see each\n change reflected on their character in real time. No export step.\n No guessing how a flat texture will wrap around the body.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003caside class=\"fml-um-tshirt__studio-side\"\u003e\n\n \u003csmall\u003e\n Front-end stack\n \u003c\/small\u003e\n\n \u003cstrong\u003e3D LIVE\u003c\/strong\u003e\n\n \u003csmall\u003e\n Svelte 5 · three.js · Vite\n \u003c\/small\u003e\n\n \u003c\/aside\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-um-tshirt__grid\"\u003e\n\n \u003carticle class=\"fml-um-tshirt__card\"\u003e\n\n \u003cdiv class=\"fml-um-tshirt__card-top\"\u003e\n \u003cspan class=\"fml-um-tshirt__number\"\u003e01\u003c\/span\u003e\n \u003cspan class=\"fml-um-tshirt__label\"\u003eBrush · Draw\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003ePaint Straight Onto the Shirt\u003c\/h3\u003e\n\n \u003cp\u003e\n Use the built-in brush to draw directly on the garment. What you see\n in the editor is tied to the shirt itself, so designing feels closer\n to customizing an object than editing a mystery texture file.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-um-tshirt__card\"\u003e\n\n \u003cdiv class=\"fml-um-tshirt__card-top\"\u003e\n \u003cspan class=\"fml-um-tshirt__number\"\u003e02\u003c\/span\u003e\n \u003cspan class=\"fml-um-tshirt__label\"\u003eRotate · Zoom\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eCheck the Whole Shirt\u003c\/h3\u003e\n\n \u003cp\u003e\n Rotate around the model and zoom into smaller details instead of\n discovering after purchase that the best part of the logo somehow\n ended up under somebody's armpit.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-um-tshirt__card\"\u003e\n\n \u003cdiv class=\"fml-um-tshirt__card-top\"\u003e\n \u003cspan class=\"fml-um-tshirt__number\"\u003e03\u003c\/span\u003e\n \u003cspan class=\"fml-um-tshirt__label\"\u003eCharacter · Live\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eSee It on the Character Immediately\u003c\/h3\u003e\n\n \u003cp\u003e\n Changes appear on the player's character while designing, cutting out\n the usual loop of edit, save, reload, check, hate it, repeat.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-um-tshirt__card\"\u003e\n\n \u003cdiv class=\"fml-um-tshirt__card-top\"\u003e\n \u003cspan class=\"fml-um-tshirt__number\"\u003e04\u003c\/span\u003e\n \u003cspan class=\"fml-um-tshirt__label\"\u003eMale · Female\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eAddon Shirts Are Detected Automatically\u003c\/h3\u003e\n\n \u003cp\u003e\n The system supports separate male and female shirt setups and can\n automatically detect the addon shirts used for each gender.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n KIT TEMPLATES\n ======================================================= --\u003e\n\n \u003csection class=\"fml-um-tshirt__section\"\u003e\n\n \u003cdiv class=\"fml-um-tshirt__head\"\u003e\n\n \u003cdiv class=\"fml-um-tshirt__index\"\u003e\n 02 \/ Templates\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-um-tshirt__kicker\"\u003e\n Because not everybody wants to start from a blank white shirt\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-um-tshirt__section-title\"\u003e\n Pick a layout, hit it with your colors and you've already got the bones of a proper kit.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-um-tshirt__templates\"\u003e\n\n \u003cdiv class=\"fml-um-tshirt__template\"\u003e\n \u003csmall\u003e01\u003c\/small\u003e\n \u003cstrong\u003eStripes\u003c\/strong\u003e\n \u003cspan\u003eClassic vertical and kit-style visual patterns.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-um-tshirt__template\"\u003e\n \u003csmall\u003e02\u003c\/small\u003e\n \u003cstrong\u003eSashes\u003c\/strong\u003e\n \u003cspan\u003eDiagonal layouts for cleaner statement designs.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-um-tshirt__template\"\u003e\n \u003csmall\u003e03\u003c\/small\u003e\n \u003cstrong\u003eChevrons\u003c\/strong\u003e\n \u003cspan\u003eSharper geometric football-inspired setups.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-um-tshirt__template\"\u003e\n \u003csmall\u003e04\u003c\/small\u003e\n \u003cstrong\u003eQuarters\u003c\/strong\u003e\n \u003cspan\u003eSplit-zone designs with separate color control.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-um-tshirt__template\"\u003e\n \u003csmall\u003e05\u003c\/small\u003e\n \u003cstrong\u003eCheckers\u003c\/strong\u003e\n \u003cspan\u003eFor the player who decided subtle was boring.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-um-tshirt__template\"\u003e\n \u003csmall\u003e06\u003c\/small\u003e\n \u003cstrong\u003eGradients\u003c\/strong\u003e\n \u003cspan\u003eSmoother color transitions without building them manually.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-um-tshirt__template\"\u003e\n \u003csmall\u003e07\u003c\/small\u003e\n \u003cstrong\u003eZone Colors\u003c\/strong\u003e\n \u003cspan\u003eIndependent base, sleeve and collar colors.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-um-tshirt__template\"\u003e\n \u003csmall\u003e08\u003c\/small\u003e\n \u003cstrong\u003e22 Total\u003c\/strong\u003e\n \u003cspan\u003eA broader library beyond the examples shown here.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-um-tshirt__statement\"\u003e\n\n \u003cp\u003e\n Base color, sleeves and collar can be handled independently with palette\n controls and hex input. Don't want one of the design layers?\n Turn it off instead of rebuilding the whole shirt.\n \u003c\/p\u003e\n\n \u003cspan class=\"fml-um-tshirt__code-label\"\u003e\n \/\/ START FAST · TWEAK EVERYTHING\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n LOGOS + TEXT\n ======================================================= --\u003e\n\n \u003csection class=\"fml-um-tshirt__section\"\u003e\n\n \u003cdiv class=\"fml-um-tshirt__head\"\u003e\n\n \u003cdiv class=\"fml-um-tshirt__index\"\u003e\n 03 \/ Branding\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-um-tshirt__kicker\"\u003e\n This is where server merch starts getting dangerous\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-um-tshirt__section-title\"\u003e\n Import logos, write whatever you want and move everything around like actual design objects.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-um-tshirt__grid\"\u003e\n\n \u003carticle class=\"fml-um-tshirt__card\"\u003e\n\n \u003cdiv class=\"fml-um-tshirt__card-top\"\u003e\n \u003cspan class=\"fml-um-tshirt__number\"\u003e01\u003c\/span\u003e\n \u003cspan class=\"fml-um-tshirt__label\"\u003eImage URL · Logo\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eBring Your Own Logo\u003c\/h3\u003e\n\n \u003cp\u003e\n Load a logo from an image URL and place it on the shirt as an object.\n Great for businesses, teams, crews, communities and that one guy who\n absolutely needs his Discord avatar on a T-shirt.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-um-tshirt__card\"\u003e\n\n \u003cdiv class=\"fml-um-tshirt__card-top\"\u003e\n \u003cspan class=\"fml-um-tshirt__number\"\u003e02\u003c\/span\u003e\n \u003cspan class=\"fml-um-tshirt__label\"\u003eDrag · Resize\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eMove It Until It Looks Right\u003c\/h3\u003e\n\n \u003cp\u003e\n Logos can be dragged, resized from the corners and deleted without\n rebuilding the entire design.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-um-tshirt__card\"\u003e\n\n \u003cdiv class=\"fml-um-tshirt__card-top\"\u003e\n \u003cspan class=\"fml-um-tshirt__number\"\u003e03\u003c\/span\u003e\n \u003cspan class=\"fml-um-tshirt__label\"\u003eUp to 4\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eFour Logos Per Design\u003c\/h3\u003e\n\n \u003cp\u003e\n Each shirt can store up to four logo objects, with their placement\n restored when the design is loaded again.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-um-tshirt__card\"\u003e\n\n \u003cdiv class=\"fml-um-tshirt__card-top\"\u003e\n \u003cspan class=\"fml-um-tshirt__number\"\u003e04\u003c\/span\u003e\n \u003cspan class=\"fml-um-tshirt__label\"\u003eText · Fonts\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eWrite on the Shirt Too\u003c\/h3\u003e\n\n \u003cp\u003e\n Add custom text using five built-in fonts, choose the color and size,\n then move or resize it like any other design object.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-um-tshirt__card\"\u003e\n\n \u003cdiv class=\"fml-um-tshirt__card-top\"\u003e\n \u003cspan class=\"fml-um-tshirt__number\"\u003e05\u003c\/span\u003e\n \u003cspan class=\"fml-um-tshirt__label\"\u003eEdit · Live\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eChanged Your Mind? Edit It.\u003c\/h3\u003e\n\n \u003cp\u003e\n Existing text can be updated live, including wording and font,\n without deleting everything and starting again.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-um-tshirt__card\"\u003e\n\n \u003cdiv class=\"fml-um-tshirt__card-top\"\u003e\n \u003cspan class=\"fml-um-tshirt__number\"\u003e06\u003c\/span\u003e\n \u003cspan class=\"fml-um-tshirt__label\"\u003eBrand · Crew · Event\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eOne Tool, Lots of Merch\u003c\/h3\u003e\n\n \u003cp\u003e\n Football shirts, company uniforms, faction clothing, race-team kits,\n event merch or custom community shirts can all come from the same\n editor instead of separate clothing packs.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n WARDROBE\n ======================================================= --\u003e\n\n \u003csection class=\"fml-um-tshirt__section\"\u003e\n\n \u003cdiv class=\"fml-um-tshirt__head\"\u003e\n\n \u003cdiv class=\"fml-um-tshirt__index\"\u003e\n 04 \/ Wardrobe\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-um-tshirt__kicker\"\u003e\n One custom shirt was never going to be enough\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-um-tshirt__section-title\"\u003e\n Every character gets a small personal wardrobe of saved designs.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-um-tshirt__studio\"\u003e\n\n \u003carticle class=\"fml-um-tshirt__studio-main\"\u003e\n\n \u003csmall\u003e\n \/\/ CHARACTER DESIGN SLOTS\n \u003c\/small\u003e\n\n \u003ch3\u003e\n Save it now. Come back and ruin it creatively later.\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Each character gets five design slots by default. Players can switch\n between saved shirts, reopen an existing design for editing and\n choose which one is currently worn. Saved design data is restored on\n login and character switching.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003caside class=\"fml-um-tshirt__studio-side\"\u003e\n\n \u003csmall\u003e\n Default slots\n \u003c\/small\u003e\n\n \u003cstrong\u003e5\u003c\/strong\u003e\n\n \u003csmall\u003e\n Configurable wardrobe count\n \u003c\/small\u003e\n\n \u003c\/aside\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n MULTIPLAYER\n ======================================================= --\u003e\n\n \u003csection class=\"fml-um-tshirt__section\"\u003e\n\n \u003cdiv class=\"fml-um-tshirt__head\"\u003e\n\n \u003cdiv class=\"fml-um-tshirt__index\"\u003e\n 05 \/ Multiplayer\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-um-tshirt__kicker\"\u003e\n Custom clothing isn't very exciting if only the person wearing it can see it\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-um-tshirt__section-title\"\u003e\n Designs sync to nearby players without trying to keep every custom shirt in the city rendered forever.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-um-tshirt__grid\"\u003e\n\n \u003carticle class=\"fml-um-tshirt__card\"\u003e\n\n \u003cdiv class=\"fml-um-tshirt__card-top\"\u003e\n \u003cspan class=\"fml-um-tshirt__number\"\u003e01\u003c\/span\u003e\n \u003cspan class=\"fml-um-tshirt__label\"\u003eNearby · Sync\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eOther Players See the Design\u003c\/h3\u003e\n\n \u003cp\u003e\n Custom shirts are synchronized to nearby clients automatically,\n turning the editor into an actual multiplayer clothing system rather\n than a local-only visual trick.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-um-tshirt__card\"\u003e\n\n \u003cdiv class=\"fml-um-tshirt__card-top\"\u003e\n \u003cspan class=\"fml-um-tshirt__number\"\u003e02\u003c\/span\u003e\n \u003cspan class=\"fml-um-tshirt__label\"\u003eClosest · Render\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eRender What's Around You\u003c\/h3\u003e\n\n \u003cp\u003e\n Clients focus on nearby visible designs instead of trying to hold\n every custom shirt on the server at once.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-um-tshirt__card\"\u003e\n\n \u003cdiv class=\"fml-um-tshirt__card-top\"\u003e\n \u003cspan class=\"fml-um-tshirt__number\"\u003e03\u003c\/span\u003e\n \u003cspan class=\"fml-um-tshirt__label\"\u003eRelease · Distance\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eWalk Away, Free the Resource\u003c\/h3\u003e\n\n \u003cp\u003e\n Designs belonging to players who leave the relevant range can be\n released client-side instead of hanging around unnecessarily.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-um-tshirt__card\"\u003e\n\n \u003cdiv class=\"fml-um-tshirt__card-top\"\u003e\n \u003cspan class=\"fml-um-tshirt__number\"\u003e04\u003c\/span\u003e\n \u003cspan class=\"fml-um-tshirt__label\"\u003eConfig · Budget\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eControl the Visible-Design Budget\u003c\/h3\u003e\n\n \u003cp\u003e\n Sync range and visible-design limits are configurable so server owners\n can tune the system around their own environment.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-um-tshirt__notice\"\u003e\n\n \u003csmall\u003e\n \/\/ EARLY ACCESS LIMIT\n \u003c\/small\u003e\n\n \u003ch3\u003e\n Current release: 20 simultaneous visibility channels.\n \u003c\/h3\u003e\n\n \u003cp\u003e\n In the current Early Access build, up to 20 players server-wide can wear\n custom designs visibly at the same time. This is a simultaneous\n visibility limit, not a limit on the total number of designs stored\n across the server. The developer states that the channel count will\n increase as the included clothing pack expands in future updates.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n STORAGE + FRAMEWORKS\n ======================================================= --\u003e\n\n \u003csection class=\"fml-um-tshirt__section\"\u003e\n\n \u003cdiv class=\"fml-um-tshirt__head\"\u003e\n\n \u003cdiv class=\"fml-um-tshirt__index\"\u003e\n 06 \/ Persistence\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-um-tshirt__kicker\"\u003e\n Spending twenty minutes on a shirt should probably survive a reconnect\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-um-tshirt__section-title\"\u003e\n Designs come back with the character instead of disappearing with the session.\n \u003c\/h2\u003e\n\n\n \u003cp class=\"fml-um-tshirt__intro\"\u003e\n Shirt layouts, layers, logos and text objects are stored through\n \u003ccode\u003eoxmysql\u003c\/code\u003e and restored when the character returns.\n Database tables are also created and migrated automatically when the\n resource first starts.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-um-tshirt__statement\"\u003e\n\n \u003cp\u003e\n The framework bridge handles character identity and load\/unload events,\n with automatic detection available for QBox, QBCore and ESX setups.\n Prefer standalone? That's supported too.\n \u003c\/p\u003e\n\n \u003cspan class=\"fml-um-tshirt__code-label\"\u003e\n \/\/ DESIGN SAVED · DRIP PRESERVED\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n CONFIG\n ======================================================= --\u003e\n\n \u003csection class=\"fml-um-tshirt__section\"\u003e\n\n \u003cdiv class=\"fml-um-tshirt__head\"\u003e\n\n \u003cdiv class=\"fml-um-tshirt__index\"\u003e\n 07 \/ Config\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-um-tshirt__kicker\"\u003e\n The editor looks fancy. The important server settings are still in one place.\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-um-tshirt__section-title\"\u003e\n Tune the camera, wardrobe size, sync distance and clothing setup without digging through the whole resource.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-um-tshirt__grid\"\u003e\n\n \u003carticle class=\"fml-um-tshirt__card\"\u003e\n\n \u003cdiv class=\"fml-um-tshirt__card-top\"\u003e\n \u003cspan class=\"fml-um-tshirt__number\"\u003e01\u003c\/span\u003e\n \u003cspan class=\"fml-um-tshirt__label\"\u003eCamera\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eControl the Design View\u003c\/h3\u003e\n\n \u003cp\u003e\n FOV, distance, offset and depth-of-field behavior are configurable,\n letting you tune how the shirt is presented during editing.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-um-tshirt__card\"\u003e\n\n \u003cdiv class=\"fml-um-tshirt__card-top\"\u003e\n \u003cspan class=\"fml-um-tshirt__number\"\u003e02\u003c\/span\u003e\n \u003cspan class=\"fml-um-tshirt__label\"\u003eSlots\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eChange Wardrobe Capacity\u003c\/h3\u003e\n\n \u003cp\u003e\n The default five-slot wardrobe count can be adjusted if your server\n wants more or fewer saved designs per character.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-um-tshirt__card\"\u003e\n\n \u003cdiv class=\"fml-um-tshirt__card-top\"\u003e\n \u003cspan class=\"fml-um-tshirt__number\"\u003e03\u003c\/span\u003e\n \u003cspan class=\"fml-um-tshirt__label\"\u003eSync Range\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eDecide How Far Designs Matter\u003c\/h3\u003e\n\n \u003cp\u003e\n Nearby synchronization range and the visible-design budget are\n configurable from the resource settings.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-um-tshirt__card\"\u003e\n\n \u003cdiv class=\"fml-um-tshirt__card-top\"\u003e\n \u003cspan class=\"fml-um-tshirt__number\"\u003e04\u003c\/span\u003e\n \u003cspan class=\"fml-um-tshirt__label\"\u003eLocalization\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eTranslate the Interface\u003c\/h3\u003e\n\n \u003cp\u003e\n Built-in localization uses the \u003ccode\u003eox_lib\u003c\/code\u003e locale system, so\n the UI can be translated for your own community.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n TECHNICAL\n ======================================================= --\u003e\n\n \u003csection class=\"fml-um-tshirt__section\"\u003e\n\n \u003cdiv class=\"fml-um-tshirt__head\"\u003e\n\n \u003cdiv class=\"fml-um-tshirt__index\"\u003e\n 08 \/ Technical\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-um-tshirt__kicker\"\u003e\n The section you open immediately after saying “okay this is actually cool”\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-um-tshirt__section-title\"\u003e\n Multi-framework support, persistent storage and only two listed dependencies.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-um-tshirt__terminal\"\u003e\n\n \u003cdiv class=\"fml-um-tshirt__terminal-head\"\u003e\n\n \u003cstrong\u003e\n \/\/ UM_TSHIRT_DESIGNER\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n FiveM \/ Clothing Creator \/ 3D UI\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdl class=\"fml-um-tshirt__spec-grid\"\u003e\n\n \u003cdiv class=\"fml-um-tshirt__spec\"\u003e\n\n \u003cdt\u003eFrameworks\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-um-tshirt__spec-value\"\u003e\n QBox \/ QB \/ ESX \/ Standalone\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-um-tshirt__spec-copy\"\u003e\n Supports qbx_core, qb-core, ESX and fully standalone operation.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-um-tshirt__spec\"\u003e\n\n \u003cdt\u003eFramework Detection\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-um-tshirt__spec-value\"\u003e\n Auto \/ Manual\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-um-tshirt__spec-copy\"\u003e\n Framework can be detected automatically or configured manually.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-um-tshirt__spec\"\u003e\n\n \u003cdt\u003eRequirements\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-um-tshirt__spec-value\"\u003e\n ox_lib + oxmysql\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-um-tshirt__spec-copy\"\u003e\n These are the two listed resource dependencies.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-um-tshirt__spec\"\u003e\n\n \u003cdt\u003eStorage\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-um-tshirt__spec-value\"\u003e\n Persistent\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-um-tshirt__spec-copy\"\u003e\n Designs, layers, logos and text objects are stored in the\n database and restored on character load.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-um-tshirt__spec\"\u003e\n\n \u003cdt\u003eDatabase Setup\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-um-tshirt__spec-value\"\u003e\n Automatic\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-um-tshirt__spec-copy\"\u003e\n Tables and migrations are handled automatically on first start.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-um-tshirt__spec\"\u003e\n\n \u003cdt\u003eUI Stack\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-um-tshirt__spec-value\"\u003e\n Svelte 5 + three.js\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-um-tshirt__spec-copy\"\u003e\n Built with Vite, Svelte 5, Tailwind and three.js.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-um-tshirt__spec\"\u003e\n\n \u003cdt\u003eCode Access\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-um-tshirt__spec-value\"\u003e\n Editable Files\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-um-tshirt__spec-copy\"\u003e\n The listing states that only editable files are accessible.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-um-tshirt__spec\"\u003e\n\n \u003cdt\u003eApprox. Lines\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-um-tshirt__spec-value\"\u003e\n ~3,300\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-um-tshirt__spec-copy\"\u003e\n Approximate line count supplied in the release information.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-um-tshirt__spec\"\u003e\n\n \u003cdt\u003eSubscription\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-um-tshirt__spec-value\"\u003e\n No\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-um-tshirt__spec-copy\"\u003e\n No recurring subscription is listed.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-um-tshirt__spec\"\u003e\n\n \u003cdt\u003eSupport\u003c\/dt\u003e\n\n \u003cdd\u003e\n \u003cspan class=\"fml-um-tshirt__spec-value\"\u003e\n Yes\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-um-tshirt__spec-copy\"\u003e\n Developer support is listed as available.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n\n \u003c\/div\u003e\n\n \u003c\/dl\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n SHOWCASE + PURCHASE\n ======================================================= --\u003e\n\n \u003csection class=\"fml-um-tshirt__section\"\u003e\n\n \u003cdiv class=\"fml-um-tshirt__head\"\u003e\n\n \u003cdiv class=\"fml-um-tshirt__index\"\u003e\n 09 \/ See It\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-um-tshirt__kicker\"\u003e\n A 3D shirt designer makes more sense once you watch somebody actually use it\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-um-tshirt__section-title\"\u003e\n Watch the design happen in real time, then decide how long your players are going to spend making shirts instead of roleplaying.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-um-tshirt__gallery\"\u003e\n\n \u003ca class=\"fml-um-tshirt__image\" href=\"https:\/\/www.youtube.com\/watch?v=NON-dbqTabA\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n \u003cimg src=\"https:\/\/img.youtube.com\/vi\/NON-dbqTabA\/maxresdefault.jpg\" alt=\"UM T-Shirt Designer FiveM showcase\" loading=\"lazy\"\u003e\n \u003c\/a\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-um-tshirt__links\"\u003e\n\n \u003ca class=\"fml-um-tshirt__link fml-um-tshirt__link--gold\" href=\"https:\/\/shop.uyuyorumstore.com\/package\/7636061\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n View on Tebex\n \u003cspan aria-hidden=\"true\"\u003e↗\u003c\/span\u003e\n \u003c\/a\u003e\n\n\n \u003ca class=\"fml-um-tshirt__link\" href=\"https:\/\/www.youtube.com\/watch?v=NON-dbqTabA\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n Watch Showcase\n \u003cspan aria-hidden=\"true\"\u003e↗\u003c\/span\u003e\n \u003c\/a\u003e\n\n\n \u003ca class=\"fml-um-tshirt__link\" href=\"https:\/\/forum.cfx.re\/t\/um-t-shirt-designer\/5424580\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n Cfx.re Release\n \u003cspan aria-hidden=\"true\"\u003e↗\u003c\/span\u003e\n \u003c\/a\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n CLOSING\n ======================================================= --\u003e\n\n \u003csection class=\"fml-um-tshirt__closing\"\u003e\n\n \u003cdiv class=\"fml-um-tshirt__closing-label\"\u003e\n UM T-Shirt Designer \/ FiveM Clothing Creator\n \u003c\/div\u003e\n\n\n \u003ch2\u003e\n Stop treating every custom shirt like a development request.\n \u003c\/h2\u003e\n\n\n \u003cp\u003e\n UM T-Shirt Designer gives players a proper in-game creative studio with\n live 3D editing, 22 kit templates, independent color zones, custom logos,\n editable text, wardrobe slots, persistent database storage and\n multiplayer synchronization — all while supporting QBox, QBCore, ESX and\n standalone servers.\n \u003c\/p\u003e\n\n \u003c\/section\u003e\n\n\n \u003cdiv class=\"fml-um-tshirt__final\"\u003e\n Give players a blank shirt.\n \u003cem\u003eThey'll handle the chaos from there.\u003c\/em\u003e\n \u003c\/div\u003e\n\n\u003c\/article\u003e","brand":"Uyuyorumstore","offers":[{"title":"Default Title","offer_id":45781890859117,"sku":null,"price":18.6,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/611adac85080338ce08cada4d5826bfa82964ed6.gif?v=1788609037"},{"product_id":"introducing-fivem-map-editor-blvck-map-editor-by-codem","title":"Introducing FiveM Map Editor - BLVCK Map Editor","description":"\u003cstyle\u003e\n \/* =========================================================\n FIVEM-LAB — BLVCK MAP EDITOR\n IN-GAME 3D MAPPING \/ CODEM\n ========================================================= *\/\n\n .fml-blvck-editor {\n --gold:#ffd700;\n --white:#ffffff;\n --black:#050505;\n --text:rgba(255,255,255,.92);\n --muted:rgba(255,255,255,.66);\n --dim:rgba(255,255,255,.42);\n --line:rgba(255,255,255,.10);\n --line-soft:rgba(255,255,255,.055);\n --gold-line:rgba(255,215,0,.34);\n --panel:rgba(255,255,255,.022);\n\n width:100%;\n max-width:1180px;\n margin:0 auto;\n padding:18px 0 88px;\n\n color:var(--text);\n background:transparent;\n font-family:inherit;\n font-size:16px;\n line-height:1.7;\n }\n\n .fml-blvck-editor,\n .fml-blvck-editor *,\n .fml-blvck-editor *::before,\n .fml-blvck-editor *::after {\n box-sizing:border-box;\n }\n\n .fml-blvck-editor h2,\n .fml-blvck-editor h3,\n .fml-blvck-editor p,\n .fml-blvck-editor dl,\n .fml-blvck-editor dt,\n .fml-blvck-editor dd {\n margin:0;\n }\n\n .fml-blvck-editor a {\n color:inherit;\n }\n\n .fml-blvck-editor ::selection {\n color:#050505;\n background:var(--gold);\n }\n\n .fml-blvck-editor code {\n padding:2px 6px;\n\n color:var(--gold);\n background:rgba(255,215,0,.055);\n\n border:1px solid rgba(255,215,0,.18);\n border-radius:3px;\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n }\n\n\n \/* =========================================================\n HERO\n ========================================================= *\/\n\n .fml-blvck-editor__hero {\n position:relative;\n overflow:hidden;\n\n display:grid;\n grid-template-columns:minmax(0,1.03fr) minmax(330px,.72fr);\n gap:clamp(28px,5vw,64px);\n align-items:center;\n\n padding:clamp(36px,5.5vw,72px);\n\n border:1px solid var(--line);\n border-top-color:var(--gold-line);\n border-radius:7px;\n\n background:\n radial-gradient(\n circle at 91% 5%,\n rgba(255,215,0,.14),\n transparent 30%\n ),\n linear-gradient(\n 135deg,\n rgba(255,215,0,.034),\n transparent 48%\n ),\n rgba(0,0,0,.18);\n }\n\n .fml-blvck-editor__hero::before {\n content:\"\";\n position:absolute;\n top:0;\n left:0;\n\n width:min(450px,72%);\n height:2px;\n\n background:var(--gold);\n box-shadow:0 0 24px rgba(255,215,0,.36);\n }\n\n .fml-blvck-editor__eyebrow {\n display:flex;\n flex-wrap:wrap;\n gap:8px 16px;\n\n margin-bottom:24px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:900;\n letter-spacing:.15em;\n text-transform:uppercase;\n }\n\n .fml-blvck-editor__eyebrow span + span {\n color:var(--dim);\n }\n\n .fml-blvck-editor__eyebrow span + span::before {\n content:\"\/\";\n margin-right:16px;\n color:var(--gold);\n }\n\n .fml-blvck-editor__title {\n margin:0 !important;\n\n color:var(--white) !important;\n\n font-size:clamp(42px,5.8vw,74px) !important;\n font-weight:950 !important;\n letter-spacing:-.052em;\n line-height:.95 !important;\n\n text-wrap:balance;\n }\n\n .fml-blvck-editor__lead {\n max-width:830px;\n margin-top:27px !important;\n\n color:var(--muted) !important;\n\n font-size:clamp(18px,1.9vw,23px);\n font-weight:600;\n line-height:1.58;\n }\n\n .fml-blvck-editor__lead strong {\n color:var(--white);\n }\n\n .fml-blvck-editor__badges {\n display:flex;\n flex-wrap:wrap;\n gap:10px;\n\n margin-top:31px;\n }\n\n .fml-blvck-editor__badge {\n display:inline-flex;\n align-items:center;\n\n min-height:37px;\n padding:0 13px;\n\n color:var(--white);\n background:rgba(255,255,255,.025);\n\n border:1px solid var(--line);\n border-radius:3px;\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.09em;\n text-transform:uppercase;\n }\n\n .fml-blvck-editor__badge--gold {\n color:#050505;\n background:var(--gold);\n border-color:var(--gold);\n }\n\n .fml-blvck-editor__meta {\n display:flex;\n flex-wrap:wrap;\n gap:10px 25px;\n\n margin-top:28px;\n padding-top:22px;\n\n border-top:1px solid var(--line);\n }\n\n .fml-blvck-editor__meta span {\n position:relative;\n padding-left:17px;\n\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:850;\n letter-spacing:.09em;\n text-transform:uppercase;\n }\n\n .fml-blvck-editor__meta span::before {\n content:\"\";\n position:absolute;\n top:.7em;\n left:0;\n\n width:7px;\n height:1px;\n background:var(--gold);\n }\n\n\n \/* HERO MEDIA *\/\n\n .fml-blvck-editor__media {\n position:relative;\n overflow:hidden;\n\n min-height:400px;\n\n border:1px solid var(--line);\n border-radius:5px;\n\n background:#050505;\n }\n\n .fml-blvck-editor__media img {\n display:block;\n\n width:100%;\n height:100%;\n min-height:400px;\n\n object-fit:cover;\n }\n\n .fml-blvck-editor__media::after {\n content:\"\";\n position:absolute;\n inset:0;\n\n pointer-events:none;\n\n background:\n linear-gradient(\n 180deg,\n transparent 52%,\n rgba(0,0,0,.84)\n );\n }\n\n .fml-blvck-editor__media-tag {\n position:absolute;\n z-index:2;\n right:15px;\n bottom:14px;\n left:15px;\n\n color:rgba(255,255,255,.72);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.1em;\n text-transform:uppercase;\n }\n\n\n \/* =========================================================\n SECTION BASE\n ========================================================= *\/\n\n .fml-blvck-editor__section {\n padding:clamp(54px,7vw,88px) 0;\n border-bottom:1px solid var(--line);\n }\n\n .fml-blvck-editor__head {\n display:grid;\n grid-template-columns:minmax(125px,.24fr) minmax(0,1fr);\n gap:clamp(26px,5vw,68px);\n align-items:start;\n }\n\n .fml-blvck-editor__index {\n padding-top:7px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:900;\n letter-spacing:.12em;\n text-transform:uppercase;\n }\n\n .fml-blvck-editor__kicker {\n margin-bottom:13px;\n\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:850;\n letter-spacing:.14em;\n text-transform:uppercase;\n }\n\n .fml-blvck-editor__section-title {\n max-width:970px;\n\n color:var(--white) !important;\n\n font-size:clamp(29px,3.9vw,47px) !important;\n font-weight:950 !important;\n letter-spacing:-.04em;\n line-height:1.05 !important;\n\n text-wrap:balance;\n }\n\n .fml-blvck-editor__intro {\n max-width:910px;\n margin-top:20px !important;\n\n color:var(--muted) !important;\n\n font-size:clamp(16px,1.45vw,19px);\n line-height:1.74;\n }\n\n .fml-blvck-editor__statement {\n display:grid;\n grid-template-columns:minmax(0,1fr) auto;\n gap:30px;\n align-items:end;\n\n margin-top:42px;\n padding-top:27px;\n\n border-top:1px solid var(--line);\n }\n\n .fml-blvck-editor__statement p {\n max-width:870px;\n\n color:var(--text) !important;\n\n font-size:clamp(18px,2vw,23px);\n font-weight:650;\n line-height:1.5;\n }\n\n .fml-blvck-editor__code-label {\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:900;\n letter-spacing:.12em;\n white-space:nowrap;\n }\n\n\n \/* =========================================================\n STATS\n ========================================================= *\/\n\n .fml-blvck-editor__stats {\n display:grid;\n grid-template-columns:repeat(4,minmax(0,1fr));\n gap:12px;\n\n margin-top:42px;\n }\n\n .fml-blvck-editor__stat {\n min-width:0;\n padding:23px;\n\n border:1px solid var(--line);\n border-top-color:var(--gold-line);\n border-radius:4px;\n\n background:var(--panel);\n }\n\n .fml-blvck-editor__stat small {\n display:block;\n margin-bottom:17px;\n\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:8px;\n font-weight:900;\n letter-spacing:.1em;\n text-transform:uppercase;\n }\n\n .fml-blvck-editor__stat strong {\n display:block;\n\n color:var(--gold);\n\n font-size:clamp(23px,2.8vw,36px);\n font-weight:950;\n letter-spacing:-.045em;\n line-height:1;\n }\n\n .fml-blvck-editor__stat span {\n display:block;\n margin-top:10px;\n\n color:var(--muted);\n\n font-size:12px;\n line-height:1.5;\n }\n\n\n \/* =========================================================\n FEATURE CARDS\n ========================================================= *\/\n\n .fml-blvck-editor__grid {\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:14px;\n\n margin-top:42px;\n }\n\n .fml-blvck-editor__card {\n position:relative;\n overflow:hidden;\n\n padding:clamp(24px,3vw,31px);\n\n border:1px solid var(--line);\n border-radius:4px;\n\n background:var(--panel);\n\n transition:\n transform .18s ease,\n border-color .18s ease,\n background .18s ease;\n }\n\n .fml-blvck-editor__card::before {\n content:\"\";\n position:absolute;\n top:0;\n left:0;\n\n width:0;\n height:1px;\n\n background:var(--gold);\n\n transition:width .22s ease;\n }\n\n .fml-blvck-editor__card:hover {\n transform:translateY(-2px);\n border-color:var(--gold-line);\n background:rgba(255,255,255,.038);\n }\n\n .fml-blvck-editor__card:hover::before {\n width:100%;\n }\n\n .fml-blvck-editor__card-top {\n display:flex;\n justify-content:space-between;\n gap:14px;\n\n margin-bottom:26px;\n }\n\n .fml-blvck-editor__number {\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:950;\n }\n\n .fml-blvck-editor__label {\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:8px;\n font-weight:800;\n letter-spacing:.09em;\n text-align:right;\n text-transform:uppercase;\n }\n\n .fml-blvck-editor__card h3 {\n margin:0 0 11px !important;\n\n color:var(--white) !important;\n\n font-size:clamp(20px,2vw,25px) !important;\n font-weight:950 !important;\n letter-spacing:-.03em;\n line-height:1.15 !important;\n }\n\n .fml-blvck-editor__card p {\n color:var(--muted) !important;\n\n font-size:14px;\n line-height:1.7;\n }\n\n\n \/* =========================================================\n HERO FEATURE PANEL\n ========================================================= *\/\n\n .fml-blvck-editor__panel {\n display:grid;\n grid-template-columns:minmax(0,1fr) 270px;\n gap:16px;\n\n margin-top:42px;\n }\n\n .fml-blvck-editor__panel-main,\n .fml-blvck-editor__panel-side {\n padding:clamp(26px,4vw,38px);\n\n border:1px solid var(--line);\n border-radius:5px;\n\n background:var(--panel);\n }\n\n .fml-blvck-editor__panel-main {\n border-color:var(--gold-line);\n\n background:\n linear-gradient(\n 130deg,\n rgba(255,215,0,.055),\n transparent 55%\n ),\n var(--panel);\n }\n\n .fml-blvck-editor__panel small {\n display:block;\n margin-bottom:11px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.11em;\n text-transform:uppercase;\n }\n\n .fml-blvck-editor__panel h3 {\n margin:0 0 13px !important;\n\n color:var(--white) !important;\n\n font-size:clamp(22px,3vw,32px) !important;\n font-weight:950 !important;\n letter-spacing:-.035em;\n line-height:1.1 !important;\n }\n\n .fml-blvck-editor__panel p {\n color:var(--muted) !important;\n\n font-size:14px;\n line-height:1.72;\n }\n\n .fml-blvck-editor__panel-side {\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n\n min-height:230px;\n }\n\n .fml-blvck-editor__panel-side strong {\n color:var(--gold);\n\n font-size:clamp(28px,4vw,43px);\n font-weight:950;\n letter-spacing:-.045em;\n line-height:1;\n }\n\n\n \/* =========================================================\n MINI FEATURE STRIP\n ========================================================= *\/\n\n .fml-blvck-editor__strip {\n display:grid;\n grid-template-columns:repeat(4,minmax(0,1fr));\n gap:10px;\n\n margin-top:42px;\n }\n\n .fml-blvck-editor__strip-item {\n padding:22px 18px;\n\n border:1px solid var(--line);\n border-top-color:var(--gold-line);\n border-radius:4px;\n\n background:var(--panel);\n }\n\n .fml-blvck-editor__strip-item small {\n display:block;\n margin-bottom:24px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n }\n\n .fml-blvck-editor__strip-item strong {\n display:block;\n\n color:var(--white);\n\n font-size:17px;\n font-weight:950;\n }\n\n .fml-blvck-editor__strip-item span {\n display:block;\n margin-top:7px;\n\n color:var(--muted);\n\n font-size:11px;\n line-height:1.5;\n }\n\n\n \/* =========================================================\n GALLERY\n ========================================================= *\/\n\n .fml-blvck-editor__gallery {\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:14px;\n\n margin-top:42px;\n }\n\n .fml-blvck-editor__image {\n overflow:hidden;\n\n border:1px solid var(--line);\n border-radius:5px;\n\n background:#050505;\n }\n\n .fml-blvck-editor__image img {\n display:block;\n\n width:100%;\n height:100%;\n min-height:290px;\n\n object-fit:cover;\n\n transition:transform .3s ease;\n }\n\n .fml-blvck-editor__image:hover img {\n transform:scale(1.015);\n }\n\n\n \/* =========================================================\n TECH\n ========================================================= *\/\n\n .fml-blvck-editor__terminal {\n margin-top:42px;\n overflow:hidden;\n\n border:1px solid var(--gold-line);\n border-radius:4px;\n\n background:\n linear-gradient(\n 180deg,\n rgba(255,215,0,.026),\n transparent 30%\n ),\n rgba(0,0,0,.20);\n }\n\n .fml-blvck-editor__terminal-head {\n display:flex;\n flex-wrap:wrap;\n justify-content:space-between;\n gap:10px 24px;\n\n padding:14px 18px;\n\n border-bottom:1px solid var(--line);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.09em;\n text-transform:uppercase;\n }\n\n .fml-blvck-editor__terminal-head strong {\n color:var(--gold);\n }\n\n .fml-blvck-editor__terminal-head span {\n color:var(--dim);\n }\n\n .fml-blvck-editor__spec-grid {\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n }\n\n .fml-blvck-editor__spec {\n padding:clamp(23px,3.5vw,32px);\n\n border-right:1px solid var(--line);\n border-bottom:1px solid var(--line);\n }\n\n .fml-blvck-editor__spec:nth-child(2n) {\n border-right:0;\n }\n\n .fml-blvck-editor__spec:nth-last-child(-n + 2) {\n border-bottom:0;\n }\n\n .fml-blvck-editor__spec dt {\n margin-bottom:11px;\n\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:8px;\n font-weight:900;\n letter-spacing:.12em;\n text-transform:uppercase;\n }\n\n .fml-blvck-editor__spec-value {\n display:block;\n\n color:var(--white);\n\n font-size:clamp(19px,2.3vw,28px);\n font-weight:950;\n letter-spacing:-.035em;\n line-height:1.1;\n }\n\n .fml-blvck-editor__spec:first-child\n .fml-blvck-editor__spec-value {\n color:var(--gold);\n }\n\n .fml-blvck-editor__spec-copy {\n display:block;\n margin-top:9px;\n\n color:var(--muted);\n\n font-size:12px;\n line-height:1.58;\n }\n\n\n \/* =========================================================\n LINKS\n ========================================================= *\/\n\n .fml-blvck-editor__links {\n display:flex;\n flex-wrap:wrap;\n gap:12px;\n\n margin-top:30px;\n }\n\n .fml-blvck-editor__link {\n display:inline-flex;\n align-items:center;\n justify-content:center;\n gap:10px;\n\n min-height:46px;\n padding:0 18px;\n\n color:var(--white) !important;\n background:rgba(255,255,255,.025);\n\n border:1px solid var(--line);\n border-radius:4px;\n\n font-size:11px;\n font-weight:900;\n letter-spacing:.04em;\n text-decoration:none !important;\n text-transform:uppercase;\n\n transition:\n transform .18s ease,\n border-color .18s ease,\n color .18s ease;\n }\n\n .fml-blvck-editor__link:hover {\n transform:translateY(-2px);\n color:var(--gold) !important;\n border-color:var(--gold-line);\n }\n\n .fml-blvck-editor__link--gold {\n color:#050505 !important;\n background:var(--gold);\n border-color:var(--gold);\n }\n\n .fml-blvck-editor__link--gold:hover {\n color:#050505 !important;\n }\n\n\n \/* =========================================================\n CLOSING\n ========================================================= *\/\n\n .fml-blvck-editor__closing {\n position:relative;\n overflow:hidden;\n\n margin-top:clamp(62px,8vw,100px);\n padding:clamp(38px,6vw,72px);\n\n border-top:1px solid var(--gold-line);\n border-bottom:1px solid var(--line);\n\n background:\n radial-gradient(\n circle at 100% 0,\n rgba(255,215,0,.12),\n transparent 34%\n ),\n rgba(255,255,255,.012);\n }\n\n .fml-blvck-editor__closing-label {\n margin-bottom:19px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.13em;\n text-transform:uppercase;\n }\n\n .fml-blvck-editor__closing h2 {\n max-width:970px;\n\n color:var(--white) !important;\n\n font-size:clamp(31px,4.4vw,52px) !important;\n font-weight:950 !important;\n letter-spacing:-.045em;\n line-height:1.03 !important;\n\n text-wrap:balance;\n }\n\n .fml-blvck-editor__closing p {\n max-width:900px;\n margin-top:20px !important;\n\n color:var(--muted) !important;\n\n font-size:16px;\n line-height:1.74;\n }\n\n .fml-blvck-editor__final {\n margin-top:clamp(44px,7vw,72px);\n\n color:var(--white);\n\n font-size:clamp(25px,3.7vw,44px);\n font-weight:950;\n letter-spacing:-.043em;\n line-height:1.08;\n text-align:center;\n\n text-wrap:balance;\n }\n\n .fml-blvck-editor__final em {\n color:var(--gold);\n font-style:normal;\n }\n\n\n \/* =========================================================\n RESPONSIVE\n ========================================================= *\/\n\n @media (max-width:1000px) {\n .fml-blvck-editor__hero {\n grid-template-columns:1fr;\n }\n\n .fml-blvck-editor__media,\n .fml-blvck-editor__media img {\n min-height:430px;\n }\n\n .fml-blvck-editor__stats,\n .fml-blvck-editor__strip {\n grid-template-columns:repeat(2,minmax(0,1fr));\n }\n }\n\n @media (max-width:900px) {\n .fml-blvck-editor__head {\n grid-template-columns:1fr;\n gap:15px;\n }\n\n .fml-blvck-editor__panel {\n grid-template-columns:1fr;\n }\n }\n\n @media (max-width:680px) {\n .fml-blvck-editor {\n padding-top:8px;\n }\n\n .fml-blvck-editor__hero {\n padding:29px 20px;\n }\n\n .fml-blvck-editor__eyebrow {\n display:grid;\n gap:5px;\n }\n\n .fml-blvck-editor__eyebrow span + span::before {\n display:none;\n }\n\n .fml-blvck-editor__media,\n .fml-blvck-editor__media img {\n min-height:270px;\n }\n\n .fml-blvck-editor__statement,\n .fml-blvck-editor__stats,\n .fml-blvck-editor__grid,\n .fml-blvck-editor__strip,\n .fml-blvck-editor__gallery,\n .fml-blvck-editor__spec-grid {\n grid-template-columns:1fr;\n }\n\n .fml-blvck-editor__code-label {\n white-space:normal;\n }\n\n .fml-blvck-editor__spec {\n border-right:0;\n border-bottom:1px solid var(--line);\n }\n\n .fml-blvck-editor__spec:nth-last-child(-n + 2) {\n border-bottom:1px solid var(--line);\n }\n\n .fml-blvck-editor__spec:last-child {\n border-bottom:0;\n }\n\n .fml-blvck-editor__links {\n flex-direction:column;\n }\n\n .fml-blvck-editor__link {\n width:100%;\n }\n\n .fml-blvck-editor__closing {\n padding:36px 21px;\n }\n }\n\n @media (prefers-reduced-motion:reduce) {\n .fml-blvck-editor *,\n .fml-blvck-editor *::before,\n .fml-blvck-editor *::after {\n transition-duration:.01ms !important;\n animation-duration:.01ms !important;\n }\n }\n\u003c\/style\u003e\n\n\n\u003carticle class=\"fml-blvck-editor\"\u003e\n\n \u003c!-- =======================================================\n HERO\n ======================================================= --\u003e\n\n \u003cheader class=\"fml-blvck-editor__hero\"\u003e\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-blvck-editor__eyebrow\"\u003e\n \u003cspan\u003eFiveM In-Game Map Editor\u003c\/span\u003e\n \u003cspan\u003eCodeM BLVCK\u003c\/span\u003e\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-blvck-editor__title\"\u003e\n Stop Mapping Like It’s 2019.\n \u003c\/h2\u003e\n\n\n \u003cp class=\"fml-blvck-editor__lead\"\u003e\n Open editor. Move prop. Export. Restart. Log back in.\n Realize the chair is floating.\n \u003cstrong\u003eRepeat until your evening disappears.\u003c\/strong\u003e\n BLVCK Map Editor cuts through that whole ritual and lets you build\n directly inside FiveM with freecam, a proper 3D gizmo, thousands of\n searchable objects, brush placement, layers, effects and real-time\n collaboration.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"fml-blvck-editor__badges\"\u003e\n\n \u003cspan class=\"fml-blvck-editor__badge fml-blvck-editor__badge--gold\"\u003e\n In-Game 3D Editor\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-blvck-editor__badge\"\u003e\n 16,000+ Props\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-blvck-editor__badge\"\u003e\n Real-Time Co-op\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-blvck-editor__badge\"\u003e\n Fully Standalone\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blvck-editor__meta\"\u003e\n \u003cspan\u003eNo framework\u003c\/span\u003e\n \u003cspan\u003eNo database\u003c\/span\u003e\n \u003cspan\u003eNo dependencies\u003c\/span\u003e\n \u003cspan\u003e4 export formats\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blvck-editor__media\"\u003e\n\n \u003cimg src=\"https:\/\/forum-cfx-re.akamaized.net\/original\/5X\/8\/6\/0\/5\/860507f1c30df56f310d3b0b4582b10179d030b5.gif\" alt=\"BLVCK Map Editor FiveM in-game 3D mapping tool\" loading=\"lazy\" width=\"690\" height=\"323\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__media-tag\"\u003e\n Fly there · Place it · Fix it while looking at it\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/header\u003e\n\n\n \u003c!-- =======================================================\n WHY\n ======================================================= --\u003e\n\n \u003csection class=\"fml-blvck-editor__section\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__head\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__index\"\u003e\n 00 \/ Why\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-blvck-editor__kicker\"\u003e\n Mapping is fun until the workflow starts fighting back\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-blvck-editor__section-title\"\u003e\n You already know where the prop should go. So why are you restarting the server just to move it 20 centimeters?\n \u003c\/h2\u003e\n\n\n \u003cp class=\"fml-blvck-editor__intro\"\u003e\n BLVCK Map Editor is built around a very simple idea: if you're\n designing something for FiveM, you should be able to stand inside\n FiveM while designing it. Fly around with freecam, place objects,\n rotate them, scale them, test the scene and keep building without\n bouncing between three different tools.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blvck-editor__statement\"\u003e\n\n \u003cp\u003e\n Beach party tonight? Build it. Halloween event next week? Save it.\n Need fifty barriers around a race route? Paint them in.\n Need the whole thing gone Monday morning? Schedule it.\n That's the kind of workflow this editor is aiming for.\n \u003c\/p\u003e\n\n \u003cspan class=\"fml-blvck-editor__code-label\"\u003e\n \/\/ LESS ALT-TAB · MORE MAP\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blvck-editor__stats\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__stat\"\u003e\n \u003csmall\u003eProp Library\u003c\/small\u003e\n \u003cstrong\u003e16K+\u003c\/strong\u003e\n \u003cspan\u003eSearchable props by name and category.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-blvck-editor__stat\"\u003e\n \u003csmall\u003eObjects Per Map\u003c\/small\u003e\n \u003cstrong\u003e20,000\u003c\/strong\u003e\n \u003cspan\u003eListed map object limit.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-blvck-editor__stat\"\u003e\n \u003csmall\u003eExport Formats\u003c\/small\u003e\n \u003cstrong\u003e4\u003c\/strong\u003e\n \u003cspan\u003eResource, Lua, ymap and JSON.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-blvck-editor__stat\"\u003e\n \u003csmall\u003eDependencies\u003c\/small\u003e\n \u003cstrong\u003e0\u003c\/strong\u003e\n \u003cspan\u003eNo framework or database required.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n 3D PLACEMENT\n ======================================================= --\u003e\n\n \u003csection class=\"fml-blvck-editor__section\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__head\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__index\"\u003e\n 01 \/ Build\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-blvck-editor__kicker\"\u003e\n Click the object. Move the object. Revolutionary stuff.\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-blvck-editor__section-title\"\u003e\n A proper 3D gizmo means you stop guessing coordinates and start placing things where your eyes say they belong.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blvck-editor__panel\"\u003e\n\n \u003carticle class=\"fml-blvck-editor__panel-main\"\u003e\n\n \u003csmall\u003e\n \/\/ 3D GIZMO + FREECAM\n \u003c\/small\u003e\n\n \u003ch3\u003e\n Grab it in the world and put it exactly where it needs to be.\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Selected objects can be moved, rotated and scaled directly with\n axis-based gizmo controls. The inspector keeps position, rotation,\n motion type, anchor point and opacity visible while you work, so the\n scene feels editable rather than baked into the map.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003caside class=\"fml-blvck-editor__panel-side\"\u003e\n\n \u003csmall\u003e\n Searchable library\n \u003c\/small\u003e\n\n \u003cstrong\u003e16K+\u003c\/strong\u003e\n\n \u003csmall\u003e\n Props with smart suggestions\n \u003c\/small\u003e\n\n \u003c\/aside\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blvck-editor__grid\"\u003e\n\n \u003carticle class=\"fml-blvck-editor__card\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__card-top\"\u003e\n \u003cspan class=\"fml-blvck-editor__number\"\u003e01\u003c\/span\u003e\n \u003cspan class=\"fml-blvck-editor__label\"\u003eMove · Rotate · Scale\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eGrab the Prop, Not a Spreadsheet\u003c\/h3\u003e\n\n \u003cp\u003e\n Move objects along individual axes, rotate them visually and scale\n them inside the scene. If the couch looks wrong, fix the couch while\n you're literally looking at the couch.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-blvck-editor__card\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__card-top\"\u003e\n \u003cspan class=\"fml-blvck-editor__number\"\u003e02\u003c\/span\u003e\n \u003cspan class=\"fml-blvck-editor__label\"\u003eSearch · Suggestions\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eFind the Prop Without Knowing Its Entire Family History\u003c\/h3\u003e\n\n \u003cp\u003e\n Search uses suggestions and categories, so a general term like\n “screen” can help surface related monitors, cameras, arcade screens\n and other matching objects.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-blvck-editor__card\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__card-top\"\u003e\n \u003cspan class=\"fml-blvck-editor__number\"\u003e03\u003c\/span\u003e\n \u003cspan class=\"fml-blvck-editor__label\"\u003eGrid · Angle · Magnet\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eSnap Things Before Your OCD Notices\u003c\/h3\u003e\n\n \u003cp\u003e\n Grid snapping, fixed rotation angles and corner magnet behavior can\n help keep repeated structures aligned when “close enough” is starting\n to become very visibly not close enough.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-blvck-editor__card\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__card-top\"\u003e\n \u003cspan class=\"fml-blvck-editor__number\"\u003e04\u003c\/span\u003e\n \u003cspan class=\"fml-blvck-editor__label\"\u003eSwap · Model\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eWrong Prop? Swap It Without Rebuilding the Placement\u003c\/h3\u003e\n\n \u003cp\u003e\n Replace the selected model from the prop browser while keeping its\n existing position and rotation. Extremely useful when the layout is\n perfect and only your taste in chairs was questionable.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n BRUSH + PREFABS\n ======================================================= --\u003e\n\n \u003csection class=\"fml-blvck-editor__section\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__head\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__index\"\u003e\n 02 \/ Faster\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-blvck-editor__kicker\"\u003e\n Placing one palm tree is relaxing. Placing forty-two manually is a cry for help.\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-blvck-editor__section-title\"\u003e\n Paint repeated objects across an area, save reusable builds and stop doing the same work twice.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blvck-editor__grid\"\u003e\n\n \u003carticle class=\"fml-blvck-editor__card\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__card-top\"\u003e\n \u003cspan class=\"fml-blvck-editor__number\"\u003e01\u003c\/span\u003e\n \u003cspan class=\"fml-blvck-editor__label\"\u003ePaint · Bulk Placement\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eBrush Mode Is Basically Cheating\u003c\/h3\u003e\n\n \u003cp\u003e\n Pick a prop, set the brush area and drag across the world to place\n repeated objects in bulk. Forests, fencing, roadside clutter,\n parking layouts — the boring repetition becomes the fast part.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-blvck-editor__card\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__card-top\"\u003e\n \u003cspan class=\"fml-blvck-editor__number\"\u003e02\u003c\/span\u003e\n \u003cspan class=\"fml-blvck-editor__label\"\u003eRadius · Density\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eControl How Chaotic the Brush Gets\u003c\/h3\u003e\n\n \u003cp\u003e\n Circle and polygon brush shapes support configurable radius and\n density, with controls for changing them while painting.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-blvck-editor__card\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__card-top\"\u003e\n \u003cspan class=\"fml-blvck-editor__number\"\u003e03\u003c\/span\u003e\n \u003cspan class=\"fml-blvck-editor__label\"\u003ePrefab · Sets\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eBuilt Something Good? Save the Whole Thing.\u003c\/h3\u003e\n\n \u003cp\u003e\n Select multiple objects and save them as a reusable prefab. A stage,\n barricade setup, campsite, decorative corner or event prop cluster\n can come back later with one placement instead of twenty.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-blvck-editor__card\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__card-top\"\u003e\n \u003cspan class=\"fml-blvck-editor__number\"\u003e04\u003c\/span\u003e\n \u003cspan class=\"fml-blvck-editor__label\"\u003eMine · Team\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eKeep Sets Personal or Share Them With the Team\u003c\/h3\u003e\n\n \u003cp\u003e\n Prefabs can be saved for your own use or shared with other people\n working on the project, so useful layouts don't have to live inside\n one mapper's brain forever.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n LAYERS\n ======================================================= --\u003e\n\n \u003csection class=\"fml-blvck-editor__section\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__head\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__index\"\u003e\n 03 \/ Layers\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-blvck-editor__kicker\"\u003e\n 400 props is a map. 400 props with no organization is an incident.\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-blvck-editor__section-title\"\u003e\n Put trees with trees, lights with lights and the questionable event decorations somewhere you can hide them quickly.\n \u003c\/h2\u003e\n\n\n \u003cp class=\"fml-blvck-editor__intro\"\u003e\n Objects can be organized into named layers with individual visibility\n and locking controls. Search them, select multiple rows, move objects\n between layers and keep bigger builds manageable instead of turning\n the object list into archaeological research.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blvck-editor__statement\"\u003e\n\n \u003cp\u003e\n Layers become even more useful once scheduling enters the picture,\n because you can decide that only part of a map should exist at a\n certain time instead of switching the entire build on or off.\n \u003c\/p\u003e\n\n \u003cspan class=\"fml-blvck-editor__code-label\"\u003e\n \/\/ ORGANIZED CHAOS\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n LIGHTS \u0026 EFFECTS\n ======================================================= --\u003e\n\n \u003csection class=\"fml-blvck-editor__section\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__head\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__index\"\u003e\n 04 \/ Effects\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-blvck-editor__kicker\"\u003e\n Then somebody at CodeM decided normal props weren't enough\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-blvck-editor__section-title\"\u003e\n Add lights, animated beams, motion and effects until the map stops looking like a map and starts looking like an event.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blvck-editor__strip\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__strip-item\"\u003e\n \u003csmall\u003e01 \/ POINT\u003c\/small\u003e\n \u003cstrong\u003eAll Around\u003c\/strong\u003e\n \u003cspan\u003ePoint-style illumination for surrounding areas.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-blvck-editor__strip-item\"\u003e\n \u003csmall\u003e02 \/ DIRECTION\u003c\/small\u003e\n \u003cstrong\u003eDirectional Light\u003c\/strong\u003e\n \u003cspan\u003eAim the light toward the part of the scene that needs it.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-blvck-editor__strip-item\"\u003e\n \u003csmall\u003e03 \/ BEAM\u003c\/small\u003e\n \u003cstrong\u003eVolumetric Laser\u003c\/strong\u003e\n \u003cspan\u003eBecause apparently the beach party was not dramatic enough.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-blvck-editor__strip-item\"\u003e\n \u003csmall\u003e04 \/ MOTION\u003c\/small\u003e\n \u003cstrong\u003eMoving Effects\u003c\/strong\u003e\n \u003cspan\u003eLeft-right, up-down, circle and figure-eight movement options.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blvck-editor__grid\"\u003e\n\n \u003carticle class=\"fml-blvck-editor__card\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__card-top\"\u003e\n \u003cspan class=\"fml-blvck-editor__number\"\u003e01\u003c\/span\u003e\n \u003cspan class=\"fml-blvck-editor__label\"\u003eRGB · Brightness\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eActually Light the Scene You Just Built\u003c\/h3\u003e\n\n \u003cp\u003e\n Configure light color, width and brightness directly through the\n effects controls instead of hoping the world lighting happens to make\n your event look good.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-blvck-editor__card\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__card-top\"\u003e\n \u003cspan class=\"fml-blvck-editor__number\"\u003e02\u003c\/span\u003e\n \u003cspan class=\"fml-blvck-editor__label\"\u003eFlash · Colour Cycle\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eStatic Is Optional\u003c\/h3\u003e\n\n \u003cp\u003e\n Flashing and color-cycle effects can add movement to lighting setups\n without requiring every visual idea to become its own separate\n resource.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-blvck-editor__card\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__card-top\"\u003e\n \u003cspan class=\"fml-blvck-editor__number\"\u003e03\u003c\/span\u003e\n \u003cspan class=\"fml-blvck-editor__label\"\u003eMotion · Objects\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eProps Don't Have to Sit There Like Furniture Catalog Photos\u003c\/h3\u003e\n\n \u003cp\u003e\n Object motion modes include still, spinning, floating, swaying and\n orbiting behavior for builds that need a little more life.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-blvck-editor__card\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__card-top\"\u003e\n \u003cspan class=\"fml-blvck-editor__number\"\u003e04\u003c\/span\u003e\n \u003cspan class=\"fml-blvck-editor__label\"\u003eMulti · Place\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eDrop Several Lights Without Reopening the Tool Every Time\u003c\/h3\u003e\n\n \u003cp\u003e\n Multi-place mode helps with repeated light placement when you're\n building larger stages, streets, displays or event zones.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n CO-OP\n ======================================================= --\u003e\n\n \u003csection class=\"fml-blvck-editor__section\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__head\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__index\"\u003e\n 05 \/ Co-op\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-blvck-editor__kicker\"\u003e\n Mapping with friends usually means “don't touch my prop”\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-blvck-editor__section-title\"\u003e\n BLVCK lets admins work on the same project in real time without silently fighting over the same chair.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blvck-editor__panel\"\u003e\n\n \u003carticle class=\"fml-blvck-editor__panel-main\"\u003e\n\n \u003csmall\u003e\n \/\/ REAL-TIME MULTIPLAYER\n \u003c\/small\u003e\n\n \u003ch3\u003e\n Build the event while the rest of the team is building it too.\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Multiple admins can edit together in real time. The supplied\n specification includes Discord avatars and selection locking, giving\n teams a clearer view of who is working on what instead of discovering\n somebody moved your setup while you were adjusting the lights.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003caside class=\"fml-blvck-editor__panel-side\"\u003e\n\n \u003csmall\u003e\n Team editing\n \u003c\/small\u003e\n\n \u003cstrong\u003eLIVE\u003c\/strong\u003e\n\n \u003csmall\u003e\n Shared project · selection locking\n \u003c\/small\u003e\n\n \u003c\/aside\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n SCHEDULING\n ======================================================= --\u003e\n\n \u003csection class=\"fml-blvck-editor__section\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__head\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__index\"\u003e\n 06 \/ Schedule\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-blvck-editor__kicker\"\u003e\n The Christmas market probably shouldn't still be there in April\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-blvck-editor__section-title\"\u003e\n Build it once, decide when it exists and let the server handle the clock.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blvck-editor__grid\"\u003e\n\n \u003carticle class=\"fml-blvck-editor__card\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__card-top\"\u003e\n \u003cspan class=\"fml-blvck-editor__number\"\u003e01\u003c\/span\u003e\n \u003cspan class=\"fml-blvck-editor__label\"\u003eCalendar · Days\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eChoose the Days\u003c\/h3\u003e\n\n \u003cp\u003e\n Schedule individual days or use shortcuts for weekdays and weekends\n through the visual scheduling interface.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-blvck-editor__card\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__card-top\"\u003e\n \u003cspan class=\"fml-blvck-editor__number\"\u003e02\u003c\/span\u003e\n \u003cspan class=\"fml-blvck-editor__label\"\u003eDay · Night · Custom\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eChoose the Time Window\u003c\/h3\u003e\n\n \u003cp\u003e\n Rules can run all day, during predefined day or night windows, or\n inside a custom time range.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-blvck-editor__card\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__card-top\"\u003e\n \u003cspan class=\"fml-blvck-editor__number\"\u003e03\u003c\/span\u003e\n \u003cspan class=\"fml-blvck-editor__label\"\u003ePer Layer\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eSchedule Only Part of the Map\u003c\/h3\u003e\n\n \u003cp\u003e\n A rule can target specific layers, so lights can switch on at night\n while the actual props remain in place, or event pieces can appear\n only when they're needed.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-blvck-editor__card\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__card-top\"\u003e\n \u003cspan class=\"fml-blvck-editor__number\"\u003e04\u003c\/span\u003e\n \u003cspan class=\"fml-blvck-editor__label\"\u003ePreview · Rule\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003ePreview Before Letting Players See It\u003c\/h3\u003e\n\n \u003cp\u003e\n Scheduling rules can be previewed so you can check what the scene\n looks like before trusting Friday night traffic with it.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blvck-editor__statement\"\u003e\n\n \u003cp\u003e\n Seasonal decorations, weekend markets, nighttime clubs, race events,\n temporary roadworks — scheduled maps turn temporary world changes into\n something you configure once instead of manually babysitting.\n \u003c\/p\u003e\n\n \u003cspan class=\"fml-blvck-editor__code-label\"\u003e\n \/\/ BUILD ONCE · APPEAR ON TIME\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n COMMUNITY + EXPORT\n ======================================================= --\u003e\n\n \u003csection class=\"fml-blvck-editor__section\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__head\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__index\"\u003e\n 07 \/ Ship It\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-blvck-editor__kicker\"\u003e\n Eventually you're going to want the thing outside the editor\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-blvck-editor__section-title\"\u003e\n Export the build, publish it to the community or turn it into a standalone FiveM resource.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blvck-editor__strip\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__strip-item\"\u003e\n \u003csmall\u003e01\u003c\/small\u003e\n \u003cstrong\u003eResource\u003c\/strong\u003e\n \u003cspan\u003eComplete standalone FiveM resource with fxmanifest and spawn logic.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-blvck-editor__strip-item\"\u003e\n \u003csmall\u003e02\u003c\/small\u003e\n \u003cstrong\u003eLua\u003c\/strong\u003e\n \u003cspan\u003eCopy-ready Lua table output.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-blvck-editor__strip-item\"\u003e\n \u003csmall\u003e03\u003c\/small\u003e\n \u003cstrong\u003eymap\u003c\/strong\u003e\n \u003cspan\u003eExport path for CodeWalker \/ OpenIV workflows.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-blvck-editor__strip-item\"\u003e\n \u003csmall\u003e04\u003c\/small\u003e\n \u003cstrong\u003eJSON\u003c\/strong\u003e\n \u003cspan\u003eLossless format for round-trip editing.\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blvck-editor__grid\"\u003e\n\n \u003carticle class=\"fml-blvck-editor__card\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__card-top\"\u003e\n \u003cspan class=\"fml-blvck-editor__number\"\u003e01\u003c\/span\u003e\n \u003cspan class=\"fml-blvck-editor__label\"\u003eExport · Resource\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eTurn the Build Into Its Own Resource\u003c\/h3\u003e\n\n \u003cp\u003e\n The Resource export can package a complete FiveM resource, including\n the manifest and spawn script, so a finished build can move from\n editor project to server resource without rebuilding the structure by\n hand.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-blvck-editor__card\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__card-top\"\u003e\n \u003cspan class=\"fml-blvck-editor__number\"\u003e02\u003c\/span\u003e\n \u003cspan class=\"fml-blvck-editor__label\"\u003eymap · Compatibility\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eThe Editor Knows ymap Can't Carry Everything\u003c\/h3\u003e\n\n \u003cp\u003e\n When an export contains elements that don't fit the ymap format —\n such as certain vehicles, lights or effects — the editor can account\n for them through companion client logic instead of quietly pretending\n those elements never existed.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-blvck-editor__card\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__card-top\"\u003e\n \u003cspan class=\"fml-blvck-editor__number\"\u003e03\u003c\/span\u003e\n \u003cspan class=\"fml-blvck-editor__label\"\u003eCommunity · Catalogue\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eOr Just Share the Whole Idea\u003c\/h3\u003e\n\n \u003cp\u003e\n Maps can be published to the cross-server Community Catalogue with a\n title, description, location, contributors and in-game imagery.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-blvck-editor__card\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__card-top\"\u003e\n \u003cspan class=\"fml-blvck-editor__number\"\u003e04\u003c\/span\u003e\n \u003cspan class=\"fml-blvck-editor__label\"\u003eDownload · Ratings\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eAnd Steal Inspiration Like a Respectable Mapper\u003c\/h3\u003e\n\n \u003cp\u003e\n Other community creations can be browsed with ratings and author\n information, then downloaded directly when you find something worth\n building from.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n PREVIEW\n ======================================================= --\u003e\n\n \u003csection class=\"fml-blvck-editor__section\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__head\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__index\"\u003e\n 08 \/ Preview\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-blvck-editor__kicker\"\u003e\n Yes, the UI actually looks like a proper editor\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-blvck-editor__section-title\"\u003e\n Browser, inspector, layers, gizmos, schedules, effects — without leaving the game.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blvck-editor__gallery\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__image\"\u003e\n \u003cimg src=\"https:\/\/forum-cfx-re.akamaized.net\/original\/5X\/d\/b\/2\/7\/db272478455ea9ed259758bb1cbec663a7c14030.jpeg\" alt=\"BLVCK Map Editor FiveM home screen\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-blvck-editor__image\"\u003e\n \u003cimg src=\"https:\/\/forum-cfx-re.akamaized.net\/original\/5X\/c\/1\/3\/6\/c136a68e42cae1dbac229c479f7449d49d063a86.jpeg\" alt=\"BLVCK Map Editor FiveM 3D gizmo\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-blvck-editor__image\"\u003e\n \u003cimg src=\"https:\/\/forum-cfx-re.akamaized.net\/original\/5X\/d\/e\/7\/5\/de75980333c7a5b94428a766913bba1b84645fec.jpeg\" alt=\"BLVCK Map Editor brush paint mode\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-blvck-editor__image\"\u003e\n \u003cimg src=\"https:\/\/forum-cfx-re.akamaized.net\/original\/5X\/a\/0\/7\/7\/a077179c395f089a352d790ecb39260f65c54138.jpeg\" alt=\"BLVCK Map Editor FiveM prefabs\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-blvck-editor__image\"\u003e\n \u003cimg src=\"https:\/\/forum-cfx-re.akamaized.net\/original\/5X\/9\/7\/a\/7\/97a7e31db832173f9b5af30e68e4938bff8e84dc.jpeg\" alt=\"BLVCK Map Editor FiveM lights and lasers\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-blvck-editor__image\"\u003e\n \u003cimg src=\"https:\/\/forum-cfx-re.akamaized.net\/original\/5X\/4\/4\/c\/b\/44cb07f261cf0ab815d948e0ec0bacdf1f1e565e.jpeg\" alt=\"BLVCK Map Editor FiveM schedule system\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n TECHNICAL\n ======================================================= --\u003e\n\n \u003csection class=\"fml-blvck-editor__section\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__head\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__index\"\u003e\n 09 \/ Technical\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-blvck-editor__kicker\"\u003e\n Somehow the easiest part of this feature list is the requirements\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-blvck-editor__section-title\"\u003e\n No framework. No database. No dependency chain. Literally add the resource and start building.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blvck-editor__terminal\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__terminal-head\"\u003e\n\n \u003cstrong\u003e\n \/\/ CODEM_BLVCK_MAP_EDITOR\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n FiveM \/ Standalone \/ 3D Mapping\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdl class=\"fml-blvck-editor__spec-grid\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__spec\"\u003e\n \u003cdt\u003eFramework\u003c\/dt\u003e\n \u003cdd\u003e\n \u003cspan class=\"fml-blvck-editor__spec-value\"\u003e\n Standalone\n \u003c\/span\u003e\n \u003cspan class=\"fml-blvck-editor__spec-copy\"\u003e\n Works without a framework and can run alongside any server stack.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blvck-editor__spec\"\u003e\n \u003cdt\u003eDependencies\u003c\/dt\u003e\n \u003cdd\u003e\n \u003cspan class=\"fml-blvck-editor__spec-value\"\u003e\n None\n \u003c\/span\u003e\n \u003cspan class=\"fml-blvck-editor__spec-copy\"\u003e\n No additional resource dependency is listed.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blvck-editor__spec\"\u003e\n \u003cdt\u003eDatabase\u003c\/dt\u003e\n \u003cdd\u003e\n \u003cspan class=\"fml-blvck-editor__spec-value\"\u003e\n None\n \u003c\/span\u003e\n \u003cspan class=\"fml-blvck-editor__spec-copy\"\u003e\n Maps are stored as JSON files inside the resource.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blvck-editor__spec\"\u003e\n \u003cdt\u003ePermissions\u003c\/dt\u003e\n \u003cdd\u003e\n \u003cspan class=\"fml-blvck-editor__spec-value\"\u003e\n ACE\n \u003c\/span\u003e\n \u003cspan class=\"fml-blvck-editor__spec-copy\"\u003e\n Editor access can be controlled through configurable ACE permissions.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blvck-editor__spec\"\u003e\n \u003cdt\u003eObject Limit\u003c\/dt\u003e\n \u003cdd\u003e\n \u003cspan class=\"fml-blvck-editor__spec-value\"\u003e\n 20,000 \/ Map\n \u003c\/span\u003e\n \u003cspan class=\"fml-blvck-editor__spec-copy\"\u003e\n Listed object limit for an individual map project.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blvck-editor__spec\"\u003e\n \u003cdt\u003eFavorites\u003c\/dt\u003e\n \u003cdd\u003e\n \u003cspan class=\"fml-blvck-editor__spec-value\"\u003e\n Up to 500\n \u003c\/span\u003e\n \u003cspan class=\"fml-blvck-editor__spec-copy\"\u003e\n Listed favorites limit.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blvck-editor__spec\"\u003e\n \u003cdt\u003ePrefabs\u003c\/dt\u003e\n \u003cdd\u003e\n \u003cspan class=\"fml-blvck-editor__spec-value\"\u003e\n Up to 100\n \u003c\/span\u003e\n \u003cspan class=\"fml-blvck-editor__spec-copy\"\u003e\n Listed reusable prefab limit.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blvck-editor__spec\"\u003e\n \u003cdt\u003eAudit Log\u003c\/dt\u003e\n \u003cdd\u003e\n \u003cspan class=\"fml-blvck-editor__spec-value\"\u003e\n 500 Entries\n \u003c\/span\u003e\n \u003cspan class=\"fml-blvck-editor__spec-copy\"\u003e\n Audit log limit listed in the technical information.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blvck-editor__spec\"\u003e\n \u003cdt\u003eObject Draw Distance\u003c\/dt\u003e\n \u003cdd\u003e\n \u003cspan class=\"fml-blvck-editor__spec-value\"\u003e\n 350m\n \u003c\/span\u003e\n \u003cspan class=\"fml-blvck-editor__spec-copy\"\u003e\n Default listed distance; configurable.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blvck-editor__spec\"\u003e\n \u003cdt\u003eEffects Draw Distance\u003c\/dt\u003e\n \u003cdd\u003e\n \u003cspan class=\"fml-blvck-editor__spec-value\"\u003e\n 220m\n \u003c\/span\u003e\n \u003cspan class=\"fml-blvck-editor__spec-copy\"\u003e\n Default listed effects distance; configurable.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blvck-editor__spec\"\u003e\n \u003cdt\u003eLight Draw Distance\u003c\/dt\u003e\n \u003cdd\u003e\n \u003cspan class=\"fml-blvck-editor__spec-value\"\u003e\n 250m\n \u003c\/span\u003e\n \u003cspan class=\"fml-blvck-editor__spec-copy\"\u003e\n Default listed light distance; configurable.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blvck-editor__spec\"\u003e\n \u003cdt\u003eMotion Draw Distance\u003c\/dt\u003e\n \u003cdd\u003e\n \u003cspan class=\"fml-blvck-editor__spec-value\"\u003e\n 120m\n \u003c\/span\u003e\n \u003cspan class=\"fml-blvck-editor__spec-copy\"\u003e\n Default listed motion distance; configurable.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blvck-editor__spec\"\u003e\n \u003cdt\u003eUI\u003c\/dt\u003e\n \u003cdd\u003e\n \u003cspan class=\"fml-blvck-editor__spec-value\"\u003e\n Vue + Tailwind\n \u003c\/span\u003e\n \u003cspan class=\"fml-blvck-editor__spec-copy\"\u003e\n Interface stack listed by the developer.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blvck-editor__spec\"\u003e\n \u003cdt\u003eEditable Files\u003c\/dt\u003e\n \u003cdd\u003e\n \u003cspan class=\"fml-blvck-editor__spec-value\"\u003e\n Config + Locales\n \u003c\/span\u003e\n \u003cspan class=\"fml-blvck-editor__spec-copy\"\u003e\n config.lua, server\/config.lua and locale JSON files are listed as escrow-ignored.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blvck-editor__spec\"\u003e\n \u003cdt\u003eCode Editions\u003c\/dt\u003e\n \u003cdd\u003e\n \u003cspan class=\"fml-blvck-editor__spec-value\"\u003e\n Escrow \/ Source\n \u003c\/span\u003e\n \u003cspan class=\"fml-blvck-editor__spec-copy\"\u003e\n Both protected and Open Source purchase options are available.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blvck-editor__spec\"\u003e\n \u003cdt\u003eSubscription\u003c\/dt\u003e\n \u003cdd\u003e\n \u003cspan class=\"fml-blvck-editor__spec-value\"\u003e\n No\n \u003c\/span\u003e\n \u003cspan class=\"fml-blvck-editor__spec-copy\"\u003e\n No recurring subscription is listed.\n \u003c\/span\u003e\n \u003c\/dd\u003e\n \u003c\/div\u003e\n\n \u003c\/dl\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n GET IT\n ======================================================= --\u003e\n\n \u003csection class=\"fml-blvck-editor__section\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__head\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__index\"\u003e\n 10 \/ Get It\n \u003c\/div\u003e\n\n\n \u003cdiv\u003e\n\n \u003cdiv class=\"fml-blvck-editor__kicker\"\u003e\n You'll understand the appeal somewhere around the third floating chair you don't have to restart for\n \u003c\/div\u003e\n\n\n \u003ch2 class=\"fml-blvck-editor__section-title\"\u003e\n Watch the editor in action, check the docs and decide whether your current mapping workflow has suffered enough.\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-blvck-editor__links\"\u003e\n\n \u003ca class=\"fml-blvck-editor__link fml-blvck-editor__link--gold\" href=\"https:\/\/codem.tebex.io\/package\/7643983\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n Escrow Edition\n \u003cspan aria-hidden=\"true\"\u003e↗\u003c\/span\u003e\n \u003c\/a\u003e\n\n\n \u003ca class=\"fml-blvck-editor__link\" href=\"https:\/\/codem.tebex.io\/package\/7643989\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n Open Source\n \u003cspan aria-hidden=\"true\"\u003e↗\u003c\/span\u003e\n \u003c\/a\u003e\n\n\n \u003ca class=\"fml-blvck-editor__link\" href=\"https:\/\/www.youtube.com\/watch?v=WW5hKSEfzRc\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n Watch Showcase\n \u003cspan aria-hidden=\"true\"\u003e↗\u003c\/span\u003e\n \u003c\/a\u003e\n\n\n \u003ca class=\"fml-blvck-editor__link\" href=\"https:\/\/codem.gitbook.io\/codem-documentation\/blvck\/essentials\/map-editor\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n Documentation\n \u003cspan aria-hidden=\"true\"\u003e↗\u003c\/span\u003e\n \u003c\/a\u003e\n\n\n \u003ca class=\"fml-blvck-editor__link\" href=\"https:\/\/discord.com\/invite\/codem\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n CodeM Discord\n \u003cspan aria-hidden=\"true\"\u003e↗\u003c\/span\u003e\n \u003c\/a\u003e\n\n\n \u003ca class=\"fml-blvck-editor__link\" href=\"https:\/\/forum.cfx.re\/t\/introducing-fivem-map-editor-blvck-map-editor-by-codem\/5424581\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n Cfx.re Release\n \u003cspan aria-hidden=\"true\"\u003e↗\u003c\/span\u003e\n \u003c\/a\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =======================================================\n CLOSING\n ======================================================= --\u003e\n\n \u003csection class=\"fml-blvck-editor__closing\"\u003e\n\n \u003cdiv class=\"fml-blvck-editor__closing-label\"\u003e\n CodeM BLVCK \/ FiveM Map Editor\n \u003c\/div\u003e\n\n\n \u003ch2\u003e\n The best mapping upgrade might not be another prop pack. It might be finally making the workflow enjoyable.\n \u003c\/h2\u003e\n\n\n \u003cp\u003e\n BLVCK Map Editor brings freecam building, a 3D gizmo, large-scale prop\n search, brush placement, prefabs, layers, moving objects, dynamic lights,\n co-op editing, scheduling, community sharing and four export workflows\n into one standalone FiveM editor with no framework, database or external\n dependency requirement.\n \u003c\/p\u003e\n\n \u003c\/section\u003e\n\n\n \u003cdiv class=\"fml-blvck-editor__final\"\u003e\n Stop restarting the server to move a chair.\n \u003cem\u003eYou have better things to build.\u003c\/em\u003e\n \u003c\/div\u003e\n\n\u003c\/article\u003e","brand":"Codem","offers":[{"title":"Default Title","offer_id":45782033662061,"sku":null,"price":23.23,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/db272478455ea9ed259758bb1cbec663a7c14030.jpg?v=1788609790"},{"product_id":"free-g-vehicle-showcase-admin-menu-fivem-script","title":"g-Vehicle Showcase Admin Menu","description":"\u003ch2\u003eOverview\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003eg-vehicle-showcase\u003c\/strong\u003e is an admin menu for placing display vehicles anywhere on a FiveM map. It fills the gap left by many dealership scripts by letting server admins spawn showroom vehicles in front of a dealer, inside interiors, or at any custom location for players to view.\u003c\/p\u003e\n\n\u003ch3\u003eWhat it does\u003c\/h3\u003e\n\u003cul\u003e\n \u003cli\u003eSpawn display\/showroom vehicles at any map location\u003c\/li\u003e\n \u003cli\u003eDesigned for use with dealerships and vehicle displays\u003c\/li\u003e\n \u003cli\u003eIncludes documentation and a preview\/demo\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003eKey details\u003c\/h3\u003e\n\u003cp\u003eThis release provides the admin menu back-end. The frontend UI is not included in this version and must be obtained separately. Code access for this package is not included (an open-source version exists separately).\u003c\/p\u003e\n\n\u003ch3\u003eRequirements \u0026amp; supported frameworks\u003c\/h3\u003e\n\u003cul\u003e\n \u003cli\u003eSupported frameworks: \u003cstrong\u003eESX\u003c\/strong\u003e (v1.11.0 or newer), \u003cstrong\u003eQBCore\u003c\/strong\u003e, \u003cstrong\u003eQbox\u003c\/strong\u003e, and custom implementations\u003c\/li\u003e\n \u003cli\u003eServer admin privileges are needed to place\/show vehicles\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003eDocumentation \u0026amp; preview\u003c\/h3\u003e\n\u003cp\u003eDocumentation and a preview\/demo are provided for setup and usage. Review the included docs before installing to confirm compatibility with your server setup.\u003c\/p\u003e\n\n\u003cp\u003e\u003cem\u003eNote:\u003c\/em\u003e This description reflects the package contents and framework support provided with this release. It does not add features or compatibility beyond what is documented by the author.\u003c\/p\u003e","brand":"Groot Development","offers":[{"title":"Default Title","offer_id":45787322253421,"sku":null,"price":9.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/13cbf336a2d89e5db3c5f09b6faa21a9e59852c4.jpg?v=1788690493"},{"product_id":"wormhole-multicharacter-system-fivem-script","title":"Wormhole Multicharacter System","description":"\u003cstyle\u003e\n .fml-wormhole {\n --gold:#ffd700;\n --white:#ffffff;\n --text:rgba(255,255,255,.92);\n --muted:rgba(255,255,255,.66);\n --dim:rgba(255,255,255,.42);\n --line:rgba(255,255,255,.10);\n --gold-line:rgba(255,215,0,.34);\n --panel:rgba(255,255,255,.022);\n\n width:100%;\n max-width:1180px;\n margin:0 auto;\n padding:18px 0 80px;\n\n color:var(--text);\n font-family:inherit;\n line-height:1.72;\n }\n\n .fml-wormhole,\n .fml-wormhole * {\n box-sizing:border-box;\n }\n\n .fml-wormhole h2,\n .fml-wormhole h3,\n .fml-wormhole p {\n margin:0;\n }\n\n .fml-wormhole__hero {\n position:relative;\n overflow:hidden;\n\n padding:clamp(36px,6vw,72px);\n\n border:1px solid var(--line);\n border-top-color:var(--gold-line);\n border-radius:7px;\n\n background:\n radial-gradient(\n circle at 90% 0%,\n rgba(255,215,0,.14),\n transparent 32%\n ),\n linear-gradient(\n 135deg,\n rgba(255,215,0,.035),\n transparent 50%\n ),\n rgba(0,0,0,.18);\n }\n\n .fml-wormhole__hero::before {\n content:\"\";\n position:absolute;\n top:0;\n left:0;\n\n width:min(440px,72%);\n height:2px;\n\n background:var(--gold);\n box-shadow:0 0 24px rgba(255,215,0,.34);\n }\n\n .fml-wormhole__title {\n max-width:950px;\n\n color:var(--white) !important;\n\n font-size:clamp(40px,5.7vw,72px) !important;\n font-weight:950 !important;\n letter-spacing:-.05em;\n line-height:.98 !important;\n }\n\n .fml-wormhole__lead {\n max-width:880px;\n margin-top:24px !important;\n\n color:var(--muted) !important;\n\n font-size:clamp(18px,1.8vw,22px);\n font-weight:600;\n line-height:1.6;\n }\n\n .fml-wormhole__section {\n padding:clamp(52px,7vw,84px) 0;\n border-bottom:1px solid var(--line);\n }\n\n .fml-wormhole__head {\n display:grid;\n grid-template-columns:minmax(120px,.24fr) minmax(0,1fr);\n gap:clamp(24px,5vw,64px);\n align-items:start;\n }\n\n .fml-wormhole__index {\n padding-top:7px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:900;\n letter-spacing:.12em;\n text-transform:uppercase;\n }\n\n .fml-wormhole__section-title {\n color:var(--white) !important;\n\n font-size:clamp(28px,3.8vw,46px) !important;\n font-weight:950 !important;\n letter-spacing:-.04em;\n line-height:1.05 !important;\n }\n\n .fml-wormhole__copy {\n max-width:920px;\n margin-top:20px !important;\n\n color:var(--muted) !important;\n\n font-size:16px;\n line-height:1.78;\n }\n\n .fml-wormhole__features {\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:14px;\n\n margin-top:40px;\n }\n\n .fml-wormhole__card {\n position:relative;\n overflow:hidden;\n\n padding:clamp(24px,3vw,31px);\n\n border:1px solid var(--line);\n border-radius:4px;\n\n background:var(--panel);\n }\n\n .fml-wormhole__card::before {\n content:\"\";\n position:absolute;\n top:0;\n left:0;\n\n width:80px;\n height:1px;\n\n background:var(--gold);\n }\n\n .fml-wormhole__card h3 {\n margin:0 0 12px !important;\n\n color:var(--white) !important;\n\n font-size:21px !important;\n font-weight:950 !important;\n letter-spacing:-.025em;\n line-height:1.18 !important;\n }\n\n .fml-wormhole__card p {\n color:var(--muted) !important;\n\n font-size:14px;\n line-height:1.72;\n }\n\n .fml-wormhole__highlight {\n margin-top:36px;\n padding:clamp(24px,4vw,36px);\n\n border:1px solid var(--gold-line);\n border-left:3px solid var(--gold);\n border-radius:4px;\n\n background:\n linear-gradient(\n 110deg,\n rgba(255,215,0,.05),\n transparent 55%\n ),\n var(--panel);\n }\n\n .fml-wormhole__highlight p {\n color:var(--text) !important;\n\n font-size:clamp(17px,1.7vw,20px);\n font-weight:650;\n line-height:1.65;\n }\n\n .fml-wormhole__tech {\n display:grid;\n grid-template-columns:repeat(3,minmax(0,1fr));\n gap:12px;\n\n margin-top:40px;\n }\n\n .fml-wormhole__tech-item {\n padding:22px;\n\n border:1px solid var(--line);\n border-top-color:var(--gold-line);\n border-radius:4px;\n\n background:var(--panel);\n }\n\n .fml-wormhole__tech-item small {\n display:block;\n margin-bottom:15px;\n\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:8px;\n font-weight:900;\n letter-spacing:.11em;\n text-transform:uppercase;\n }\n\n .fml-wormhole__tech-item strong {\n display:block;\n\n color:var(--gold);\n\n font-size:20px;\n font-weight:950;\n line-height:1.2;\n }\n\n @media (max-width:900px) {\n .fml-wormhole__head {\n grid-template-columns:1fr;\n gap:14px;\n }\n\n .fml-wormhole__tech {\n grid-template-columns:1fr;\n }\n }\n\n @media (max-width:680px) {\n .fml-wormhole__hero {\n padding:30px 20px;\n }\n\n .fml-wormhole__features {\n grid-template-columns:1fr;\n }\n }\n\n @media (prefers-reduced-motion:reduce) {\n .fml-wormhole *,\n .fml-wormhole *::before,\n .fml-wormhole *::after {\n transition-duration:.01ms !important;\n animation-duration:.01ms !important;\n }\n }\n\u003c\/style\u003e\n\n\n\u003carticle class=\"fml-wormhole\"\u003e\n\n \u003cheader class=\"fml-wormhole__hero\"\u003e\n\n \u003ch2 class=\"fml-wormhole__title\"\u003e\n 💫 \u003cstrong\u003eWormhole Multicharacter System\u003c\/strong\u003e\n \u003c\/h2\u003e\n\n \u003cp class=\"fml-wormhole__lead\"\u003e\n A cinematic multicharacter interface and scene editor for FiveM servers.\n \u003c\/p\u003e\n\n \u003c\/header\u003e\n\n\n \u003csection class=\"fml-wormhole__section\"\u003e\n\n \u003cdiv class=\"fml-wormhole__head\"\u003e\n\n \u003cdiv class=\"fml-wormhole__index\"\u003e\n 00 \/ Overview\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003ch2 class=\"fml-wormhole__section-title\"\u003e\n What's inside?\n \u003c\/h2\u003e\n\n \u003cp class=\"fml-wormhole__copy\"\u003e\n This is a full-featured system that lets players manage multiple characters \u003cem\u003eright in the game\u003c\/em\u003e. The character selection screen shines with glassy, modern design — real-life portraits of your heroes pop up as you switch between them. You can create new characters using an intuitive form (name, birthday, gender, height), pick outfits from a wardrobe menu, choose spawn points across the map... even tweak visual settings like time of day or weather effects.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003csection class=\"fml-wormhole__section\"\u003e\n\n \u003cdiv class=\"fml-wormhole__head\"\u003e\n\n \u003cdiv class=\"fml-wormhole__index\"\u003e\n 01 \/ Features\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003ch2 class=\"fml-wormhole__section-title\"\u003e\n Key Features 🎮\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-wormhole__features\"\u003e\n\n \u003carticle class=\"fml-wormhole__card\"\u003e\n\n \u003ch3\u003e\n Cinematic Character Select\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Browse through your roster with keyboard shortcuts — each face looks \u003cem\u003ealive\u003c\/em\u003e thanks to dynamic lighting and texture work! ✨\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-wormhole__card\"\u003e\n\n \u003ch3\u003e\n Character Creation\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Fill out all personal details: name \/ DOB \/ gender \/ nationality… even add custom stats!\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-wormhole__card\"\u003e\n\n \u003ch3\u003e\n Scene Director Mode\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Activate free cam + pose NPCs + place props\/vehicles\/NPCs+control lighting! Set camera paths to make movie-like sequences.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-wormhole__card\"\u003e\n\n \u003ch3\u003e\n Photo Mode\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Photo Mode lets you orbit around objects like a pro filmmaker!\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-wormhole__card\"\u003e\n\n \u003ch3\u003e\n Couple System\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Couple System included: sync poses between two linked characters!\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-wormhole__card\"\u003e\n\n \u003ch3\u003e\n Admin Panel\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Admin Panel handles accounts \u0026amp; character recycling securely.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003csection class=\"fml-wormhole__section\"\u003e\n\n \u003cdiv class=\"fml-wormhole__head\"\u003e\n\n \u003cdiv class=\"fml-wormhole__index\"\u003e\n 02 \/ Scenes\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003ch2 class=\"fml-wormhole__section-title\"\u003e\n 🌙 \u003cstrong\u003e\u003cem\u003eScenes\u003c\/em\u003e\u003c\/strong\u003e\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-wormhole__highlight\"\u003e\n\n \u003cp\u003e\n built live during gameplay (no config file edits needed!). Save scenes via short codes: set weather*, night*, golden hour*, apply depth-of-field blur or motion trails...\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003csection class=\"fml-wormhole__section\"\u003e\n\n \u003cdiv class=\"fml-wormhole__head\"\u003e\n\n \u003cdiv class=\"fml-wormhole__index\"\u003e\n 03 \/ Technical\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003ch2 class=\"fml-wormhole__section-title\"\u003e\n Tech Notes:\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-wormhole__tech\"\u003e\n\n \u003cdiv class=\"fml-wormhole__tech-item\"\u003e\n\n \u003csmall\u003e\n Compatibility\n \u003c\/small\u003e\n\n \u003cstrong\u003e\n Compatible with ESX\/QBCore\/Qbox.\n \u003c\/strong\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-wormhole__tech-item\"\u003e\n\n \u003csmall\u003e\n Source Code\n \u003c\/small\u003e\n\n \u003cstrong\u003e\n Source code not accessible.\n \u003c\/strong\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-wormhole__tech-item\"\u003e\n\n \u003csmall\u003e\n Support\n \u003c\/small\u003e\n\n \u003cstrong\u003e\n Support via author’s Discord server only.\n \u003c\/strong\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\u003c\/article\u003e","brand":"Wormhole Studios","offers":[{"title":"Default Title","offer_id":45787322384493,"sku":null,"price":17.43,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/d57ff82cab0e9904e2a63c89ea003fe2ab06b96d.jpg?v=1788690495"},{"product_id":"free-rt-chat-dynamic-rp-fivem-script","title":"RT Chat — Dynamic RP Chat","description":"\u003cstyle\u003e\n .fml-rt-chat {\n position: relative;\n width: 100%;\n max-width: none;\n margin: 0;\n padding: 12px 24px 20px 26px;\n\n color: rgba(255,255,255,.88);\n font-family: inherit;\n line-height: 1.75;\n }\n\n .fml-rt-chat,\n .fml-rt-chat * {\n box-sizing: border-box;\n }\n\n .fml-rt-chat::before {\n content: \"\";\n position: absolute;\n top: 14px;\n bottom: 20px;\n left: 0;\n width: 1px;\n\n background: linear-gradient(\n to bottom,\n #ffd700 0%,\n rgba(255,215,0,.28) 42%,\n rgba(255,255,255,.05) 100%\n );\n }\n\n .fml-rt-chat p {\n margin: 0 0 22px;\n color: rgba(255,255,255,.72);\n font-size: 15px;\n line-height: 1.82;\n }\n\n .fml-rt-chat strong,\n .fml-rt-chat em {\n color: #fff;\n }\n\n .fml-rt-chat code {\n padding: 2px 6px;\n\n color: #ffd700;\n background: rgba(255,215,0,.05);\n\n border: 1px solid rgba(255,215,0,.16);\n border-radius: 2px;\n\n font-size: .92em;\n }\n\n .fml-rt-chat__intro {\n margin-bottom: 30px !important;\n\n color: #fff !important;\n\n font-size: clamp(18px,1.6vw,22px) !important;\n font-weight: 750;\n line-height: 1.55 !important;\n letter-spacing: -.015em;\n }\n\n .fml-rt-chat__main {\n margin-bottom: 28px;\n padding: 20px 0;\n\n border-top: 1px solid rgba(255,255,255,.08);\n border-bottom: 1px solid rgba(255,255,255,.08);\n }\n\n .fml-rt-chat__main p:last-child {\n margin-bottom: 0;\n }\n\n .fml-rt-chat__label {\n margin: 0 0 16px;\n\n color: rgba(255,255,255,.44);\n\n font-size: 10px;\n font-weight: 850;\n letter-spacing: .13em;\n text-transform: uppercase;\n }\n\n .fml-rt-chat__features {\n display: grid;\n grid-template-columns: repeat(2,minmax(0,1fr));\n gap: 12px;\n\n margin-bottom: 28px;\n }\n\n .fml-rt-chat__feature {\n position: relative;\n\n padding: 18px 18px 18px 20px;\n\n border: 1px solid rgba(255,255,255,.08);\n border-radius: 2px;\n\n background: rgba(255,255,255,.018);\n }\n\n .fml-rt-chat__feature::before {\n content: \"\";\n position: absolute;\n top: 18px;\n bottom: 18px;\n left: 0;\n\n width: 2px;\n background: #ffd700;\n }\n\n .fml-rt-chat__feature p {\n margin: 0;\n color: rgba(255,255,255,.84);\n }\n\n .fml-rt-chat__typing {\n position: relative;\n\n margin: 28px 0;\n padding-left: 18px;\n }\n\n .fml-rt-chat__typing::before {\n content: \"\";\n position: absolute;\n top: 9px;\n left: 0;\n\n width: 7px;\n height: 7px;\n\n background: #ffd700;\n border-radius: 2px;\n }\n\n .fml-rt-chat__typing p {\n margin: 0;\n color: rgba(255,255,255,.92);\n }\n\n .fml-rt-chat__compatibility {\n margin: 28px 0 0;\n padding: 18px 0;\n\n border-top: 1px solid rgba(255,255,255,.08);\n border-bottom: 1px solid rgba(255,255,255,.08);\n }\n\n .fml-rt-chat__compatibility p:last-child {\n margin-bottom: 0;\n }\n\n .fml-rt-chat__tags {\n display: flex;\n flex-wrap: wrap;\n gap: 9px;\n\n margin-top: 14px;\n }\n\n .fml-rt-chat__tag {\n display: inline-flex;\n align-items: center;\n\n padding: 8px 11px;\n\n color: #ffd700;\n background: rgba(255,215,0,.045);\n\n border: 1px solid rgba(255,215,0,.18);\n border-radius: 2px;\n\n font-size: 12px;\n font-weight: 800;\n }\n\n .fml-rt-chat__ending {\n padding-top: 22px;\n }\n\n .fml-rt-chat__ending p {\n margin: 0;\n color: #fff !important;\n font-weight: 700;\n }\n\n @media (max-width: 900px) {\n .fml-rt-chat__features {\n grid-template-columns: 1fr;\n }\n }\n\n @media (max-width: 680px) {\n .fml-rt-chat {\n padding: 8px 0 12px 18px;\n }\n\n .fml-rt-chat__intro {\n font-size: 18px !important;\n }\n }\n\u003c\/style\u003e\n\n\n\u003carticle class=\"fml-rt-chat\"\u003e\n\n \u003cp class=\"fml-rt-chat__intro\"\u003e\n \u003cstrong\u003eRT Chat is a free dynamic chat system for roleplay on FiveM.\u003c\/strong\u003e\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"fml-rt-chat__main\"\u003e\n\n \u003cp\u003e\n It completely replaces the default chat interface: it has a clean style with gold and graphite elements, like live streaming interfaces.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-rt-chat__label\"\u003e\n Main features:\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-rt-chat__features\"\u003e\n\n \u003cdiv class=\"fml-rt-chat__feature\"\u003e\n \u003cp\u003e\n 🗣️ Proximity-based communication system: when someone types \u003ccode\u003e\/me\u003c\/code\u003e, \u003ccode\u003e\/do\u003c\/code\u003e or \u003ccode\u003e\/try\u003c\/code\u003e, the message only appears near the player who can see it. Perfect for realistic RP!\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-rt-chat__feature\"\u003e\n \u003cp\u003e\n 🎲 Support for dice and conflict actions — you can roll dice directly in chat (\u003ccode\u003e\/dices 2d6\u003c\/code\u003e) or negotiate (\u003ccode\u003e\/negotiate\u003c\/code\u003e).\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-rt-chat__feature\"\u003e\n \u003cp\u003e\n 💬 Private messages between players through \u003ccode\u003e\/msg\u003c\/code\u003e. There is also a \u003ccode\u003e\"\/pid\"\u003c\/code\u003e command (request ID) when meeting someone.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-rt-chat__feature\"\u003e\n \u003cp\u003e\n ⚠️ Internal channel for admins + profession-based radio communication (police? EMS? They will communicate on their own frequencies!).\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-rt-chat__typing\"\u003e\n\n \u003cp\u003e\n There is also an animated typing indicator above the character’s head… It disappears after a pause – looks very natural!\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-rt-chat__compatibility\"\u003e\n\n \u003cp\u003e\n The chat works with all popular frameworks: ESX, QBCore \/ Qbox… Or even standalone without them. Only ox_lib + FXServer are required.\n \u003c\/p\u003e\n\n \u003cdiv class=\"fml-rt-chat__tags\"\u003e\n \u003cspan class=\"fml-rt-chat__tag\"\u003eESX\u003c\/span\u003e\n \u003cspan class=\"fml-rt-chat__tag\"\u003eQBCore\u003c\/span\u003e\n \u003cspan class=\"fml-rt-chat__tag\"\u003eQbox\u003c\/span\u003e\n \u003cspan class=\"fml-rt-chat__tag\"\u003eStandalone\u003c\/span\u003e\n \u003cspan class=\"fml-rt-chat__tag\"\u003eox_lib\u003c\/span\u003e\n \u003cspan class=\"fml-rt-chat__tag\"\u003eFXServer\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-rt-chat__ending\"\u003e\n\n \u003cp\u003e\n Design themes can be customized through CSS files... Multiple translations are available — EN\/FR\/ES\/DE\/PT-BR\/etc.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\u003c\/article\u003e","brand":"Realtime Dev","offers":[{"title":"Default Title","offer_id":45787324776557,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/45638b200e4f494df35e4741ad1b359d687adb18.jpg?v=1788690495"},{"product_id":"fighterbots-arena-multiplayer-fivem-script","title":"FighterBots Arena — Multiplayer Script","description":"\u003cstyle\u003e\n .fml-fighterbots {\n position: relative;\n width: 100%;\n max-width: none;\n margin: 0;\n padding: 12px 24px 20px 26px;\n\n color: rgba(255,255,255,.88);\n font-family: inherit;\n line-height: 1.75;\n }\n\n .fml-fighterbots,\n .fml-fighterbots * {\n box-sizing: border-box;\n }\n\n .fml-fighterbots::before {\n content: \"\";\n position: absolute;\n top: 14px;\n bottom: 20px;\n left: 0;\n width: 1px;\n\n background: linear-gradient(\n to bottom,\n #ffd700 0%,\n rgba(255,215,0,.28) 42%,\n rgba(255,255,255,.05) 100%\n );\n }\n\n .fml-fighterbots p {\n margin: 0 0 22px;\n color: rgba(255,255,255,.72);\n font-size: 15px;\n line-height: 1.82;\n }\n\n .fml-fighterbots__intro {\n margin-bottom: 30px !important;\n color: #fff !important;\n font-size: clamp(18px,1.6vw,22px) !important;\n font-weight: 750;\n line-height: 1.55 !important;\n letter-spacing: -.015em;\n }\n\n .fml-fighterbots strong,\n .fml-fighterbots em {\n color: #fff;\n }\n\n .fml-fighterbots__main {\n margin-bottom: 28px;\n padding: 20px 0;\n border-top: 1px solid rgba(255,255,255,.08);\n border-bottom: 1px solid rgba(255,255,255,.08);\n }\n\n .fml-fighterbots__main p:last-child {\n margin-bottom: 0;\n }\n\n .fml-fighterbots__label {\n margin: 0 0 16px;\n\n color: rgba(255,255,255,.44);\n\n font-size: 10px;\n font-weight: 850;\n letter-spacing: .13em;\n text-transform: uppercase;\n }\n\n .fml-fighterbots__modes {\n display: grid;\n grid-template-columns: repeat(2,minmax(0,1fr));\n gap: 12px;\n margin-bottom: 28px;\n }\n\n .fml-fighterbots__mode {\n position: relative;\n padding: 18px 18px 18px 20px;\n\n border: 1px solid rgba(255,255,255,.08);\n border-radius: 2px;\n\n background: rgba(255,255,255,.018);\n }\n\n .fml-fighterbots__mode::before {\n content: \"\";\n position: absolute;\n top: 18px;\n bottom: 18px;\n left: 0;\n width: 2px;\n background: #ffd700;\n }\n\n .fml-fighterbots__mode p {\n margin: 0;\n color: rgba(255,255,255,.84);\n }\n\n .fml-fighterbots__config {\n margin: 26px 0 0;\n padding: 18px 0 0;\n border-top: 1px solid rgba(255,255,255,.08);\n }\n\n .fml-fighterbots__config p {\n margin-bottom: 14px;\n }\n\n .fml-fighterbots__list {\n display: grid;\n grid-template-columns: repeat(3,minmax(0,1fr));\n gap: 10px;\n }\n\n .fml-fighterbots__item {\n padding: 14px 16px;\n\n border: 1px solid rgba(255,255,255,.08);\n background: rgba(255,255,255,.015);\n\n color: rgba(255,255,255,.88);\n\n font-size: 14px;\n font-weight: 700;\n line-height: 1.6;\n }\n\n @media (max-width: 900px) {\n .fml-fighterbots__modes,\n .fml-fighterbots__list {\n grid-template-columns: 1fr;\n }\n }\n\n @media (max-width: 680px) {\n .fml-fighterbots {\n padding: 8px 0 12px 18px;\n }\n\n .fml-fighterbots__intro {\n font-size: 18px !important;\n }\n }\n\u003c\/style\u003e\n\n\n\u003carticle class=\"fml-fighterbots\"\u003e\n\n \u003cp class=\"fml-fighterbots__intro\"\u003e\n \u003cstrong\u003eFighterBots Arena is a high-stakes robot arena combat system for your FiveM server.\u003c\/strong\u003e\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"fml-fighterbots__main\"\u003e\n\n \u003cp\u003e\n Players build their bots from scratch: choose a chassis, weapons (guns\/lasers), armor, utility modules, and control software chips. Every component affects the bot’s weight, durability, and overall stats.\n \u003c\/p\u003e\n\n \u003cp\u003e\n Combat is physically realistic: there’s energy for boosting or attacking, recoil on impact... Bots can collide with each other like real machines!\n \u003c\/p\u003e\n\n \u003cp\u003e\n You can fight 1v1 in cages or against AI opponents — their behavior can be configured around a strategy (aggressive? defensive?). There are also ranked leagues and global leaderboards – who’s the best?\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-fighterbots__label\"\u003e\n Two operating modes:\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-fighterbots__modes\"\u003e\n\n \u003cdiv class=\"fml-fighterbots__mode\"\u003e\n \u003cp\u003e\n 🔧 \u003cstrong\u003eRP Mode\u003c\/strong\u003e: players work at workbenches in the world. Robots are inventory items! They can be repaired… stolen… sold…\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-fighterbots__mode\"\u003e\n \u003cp\u003e\n ⚙️ \u003cstrong\u003eDedicated Mode\u003c\/strong\u003e: a separate lobby + queue system without being tied to the game world. Matches launch separately through routing buckets.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-fighterbots__config\"\u003e\n\n \u003cp\u003e\n The script is huge (~8500 lines of code) and highly configurable:\n \u003c\/p\u003e\n\n \u003cdiv class=\"fml-fighterbots__list\"\u003e\n\n \u003cdiv class=\"fml-fighterbots__item\"\u003e\n — Modify damage,\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-fighterbots__item\"\u003e\n — Configure rewards,\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-fighterbots__item\"\u003e\n — Create new arenas directly from the admin panel!\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/article\u003e","brand":"Enyo","offers":[{"title":"Default Title","offer_id":45787326480493,"sku":null,"price":18.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/bb689b2d3bfd5d9c12a9ae08f7a59eef7b70b458.gif?v=1788690505"},{"product_id":"alpybanking-v2-banking-system-fivem-script","title":"AlpyBanking v2 Banking System","description":"\u003ch2\u003eOverview\u003c\/h2\u003e\n\u003cp\u003eAlpyBanking v2 is a comprehensive banking system for FiveM servers. It replaces the standard banking setup with a user-friendly dashboard featuring physical cards, IBAN transfers, and spending analytics.\u003c\/p\u003e\n\u003ch3\u003eKey features\u003c\/h3\u003e\n\u003cp\u003e💳 Physical cards (4 designs) — functioning as inventory items: owner-tracked and PIN-protected.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cp\u003e🏧 ATMs work right out of the box across the map: includes prop models and animations for deposits and withdrawals.\u003c\/p\u003e\n\u003cp\u003e💰 IBAN transfers with instant recipient balance updates. Automated payments and penalties for overdue loans are included by default!\u003c\/p\u003e\n\u003cp\u003e📊 Transaction history and spending charts (graphs). Everything is colorful and easy to understand—no financial jargon dictionary required 😄\u003c\/p\u003e\n\u003cp\u003e⚡ Discord integration: all actions are logged to specific webhooks—see exactly who did what at a glance!\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003ch3\u003eCompatibility \u0026amp; requirements\u003c\/h3\u003e\n\u003cp\u003eThe script supports ESX, QBCore, and Qbox, and integrates with popular inventory systems like ox_inventory or qs-inventory. If these aren't present, functionality will be limited—but not completely removed!\u003c\/p\u003e\n\u003ch3\u003eLanguages, security and admin notes\u003c\/h3\u003e\n\u003cp\u003eIncludes multiple translations and configuration options for locations, blips, fees and loan behaviour. Financial operations are server-side authoritative, with per-endpoint rate limiting and server-side validation for PINs and IBANs. The package provides detailed, readable config files and installer assets for common setups.\u003c\/p\u003e\n\u003ch3\u003eAdditional facts\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eCode access: No\u003c\/li\u003e\n\u003cli\u003eSupport: Provided by the author\u003c\/li\u003e\n\u003cli\u003eInstaller includes card images and configuration for supported inventories\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"Alpystudio","offers":[{"title":"Default Title","offer_id":45787326611565,"sku":null,"price":17.43,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/aa198a353123ffc138017b7536f95cc8bb3dde9e.jpg?v=1788690507"},{"product_id":"free-spaceels-emergency-lighting-system-fivem-script","title":"SpaceELS Emergency Lighting System","description":"\u003ch2\u003eSpaceELS — Emergency Lighting System\u003c\/h2\u003e\n \u003cp\u003eSpaceELS is a compact, standalone Emergency Lighting System (ELS) controller designed for FiveM emergency vehicles. It focuses on performance, a simple in‑game UI and easy vehicle configuration.\u003c\/p\u003e\n\n \u003ch3\u003eCore features\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eLightweight \u0026amp; optimized:\u003c\/strong\u003e Built for performance with minimal overhead.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eIn‑game ELS UI:\u003c\/strong\u003e Interactive control panel for managing stages and sirens.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eJSON vehicle profiles:\u003c\/strong\u003e Vehicle-specific stages, patterns and extras stored in a config file.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eConfigurable controls:\u003c\/strong\u003e Bind keys for stage cycling, siren toggle and manual horn.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003ePassenger controls (optional):\u003c\/strong\u003e Option to allow passengers to operate lighting and siren.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eEnvironmental lighting:\u003c\/strong\u003e Optional 3D ground and ambient reflections for enhanced visuals.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eOpen source:\u003c\/strong\u003e Code is accessible for review and customization.\u003c\/li\u003e\n \u003c\/ul\u003e\n\n \u003ch3\u003eWhat you get\u003c\/h3\u003e\n \u003cp\u003eThis resource provides a standalone FiveM script implementing an emergency lighting and siren controller with a clean UI and editable vehicle profiles. It is distributed with accessible code and community support resources.\u003c\/p\u003e\n\n \u003ch3\u003eQuick details\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eResource type:\u003c\/strong\u003e Script (standalone)\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eIncludes:\u003c\/strong\u003e ELS controller, in‑game UI, JSON profiles\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eCommunity:\u003c\/strong\u003e Public repository and community channels exist for discussion\u003c\/li\u003e\n \u003c\/ul\u003e\n\n \u003cp\u003e\u003cem\u003eNotes:\u003c\/em\u003e The package is intended as a standalone script for FiveM. Configure vehicle profiles via the provided JSON file and adjust controls in the configuration to suit your server. Installation and live support are provided through the project's community channels.\u003c\/p\u003e","brand":"Spacedevstore","offers":[{"title":"Default Title","offer_id":45787330347117,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/333a17c52b0c7ac2004eb9af158dff490d09a8c5.jpg?v=1788690520"},{"product_id":"legion-square-parking-meter-system-fivem-script","title":"Legion Square Parking Meter System","description":"\u003ch2\u003eOverview\u003c\/h2\u003e\n\u003cp\u003eThis script adds interactive street parking meters to your city, matching the physical meter prop’s screen, buttons and payment slots. Players can park and pay, other players can check remaining time, and police can issue fines recorded in a MySQL ticket history.\u003c\/p\u003e\n\n\u003ch3\u003eKey features\u003c\/h3\u003e\n\u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eMeter-styled NUI\u003c\/strong\u003e that mirrors the Legion Square meter interface.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eVehicle detection\u003c\/strong\u003e with plate auto-detect or manual entry.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003ePayment options\u003c\/strong\u003e include cash and card flows.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eAdjustable durations\u003c\/strong\u003e with live cost calculation.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eEnforcement tools\u003c\/strong\u003e — police can ticket unpaid vehicles; fined players receive a popup to pay in full or set up installments.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003ePersistent records\u003c\/strong\u003e — ticket and fine history stored in MySQL.\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003eRequirements \u0026amp; setup\u003c\/h3\u003e\n\u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eRequired map prop:\u003c\/strong\u003e LGMods Legion Square meter prop — this script is built around those meters and requires them to function.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eCompatible systems:\u003c\/strong\u003e QBCore, Qbox and ESX (uses ox_lib and oxmysql where applicable).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eInstallation:\u003c\/strong\u003e Drop-in resource that creates required database tables and includes configurable rates, durations and fine amounts via a single config.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eIncluded locations:\u003c\/strong\u003e Ships pre-configured with the verified meter locations from the Legion Square pack.\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003cp\u003eThis resource is intended for servers using the Legion Square meters and aiming for deeper city roleplay and realistic parking enforcement.\u003c\/p\u003e","brand":"Apexdevelopment","offers":[{"title":"Default Title","offer_id":45787331723373,"sku":null,"price":17.87,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/36d6a399617a914931bfa1d7cd210efcf38ea640.jpg?v=1788690525"},{"product_id":"advanced-police-job-system-fivem-script","title":"Advanced Police Job System","description":"\u003cstyle\u003e\n .fml-police-system {\n position: relative;\n width: 100%;\n max-width: 980px;\n padding: 10px 8px 18px 24px;\n color: rgba(255,255,255,.88);\n font-family: inherit;\n line-height: 1.75;\n }\n\n .fml-police-system,\n .fml-police-system * {\n box-sizing: border-box;\n }\n\n .fml-police-system::before {\n content: \"\";\n position: absolute;\n top: 14px;\n bottom: 18px;\n left: 0;\n width: 1px;\n background: linear-gradient(\n to bottom,\n #ffd700 0%,\n rgba(255,215,0,.28) 42%,\n rgba(255,255,255,.06) 100%\n );\n }\n\n .fml-police-system p {\n max-width: 900px;\n margin: 0 0 22px;\n color: rgba(255,255,255,.74);\n font-size: 15px;\n line-height: 1.8;\n }\n\n .fml-police-system__intro {\n max-width: 890px !important;\n margin-bottom: 28px !important;\n color: #fff !important;\n font-size: clamp(18px, 1.6vw, 21px) !important;\n font-weight: 750;\n line-height: 1.55 !important;\n letter-spacing: -.015em;\n }\n\n .fml-police-system__section {\n max-width: 900px;\n margin: 26px 0;\n padding: 18px 0;\n border-top: 1px solid rgba(255,255,255,.08);\n border-bottom: 1px solid rgba(255,255,255,.08);\n }\n\n .fml-police-system__section p:last-child {\n margin-bottom: 0;\n }\n\n .fml-police-system__features {\n display: grid;\n gap: 12px;\n max-width: 900px;\n margin: 8px 0 26px;\n }\n\n .fml-police-system__feature {\n position: relative;\n padding: 14px 16px 14px 18px;\n border: 1px solid rgba(255,255,255,.08);\n background: linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01));\n }\n\n .fml-police-system__feature::before {\n content: \"\";\n position: absolute;\n top: 16px;\n left: 0;\n width: 3px;\n height: calc(100% - 32px);\n background: #ffd700;\n }\n\n .fml-police-system__feature p {\n margin: 0;\n color: rgba(255,255,255,.9);\n }\n\n .fml-police-system__feature strong {\n color: #fff;\n }\n\n .fml-police-system__note {\n max-width: 900px;\n margin: 28px 0 0;\n padding-top: 18px;\n border-top: 1px solid rgba(255,255,255,.08);\n }\n\n .fml-police-system__note p {\n margin: 0;\n color: #fff !important;\n font-weight: 700;\n }\n\n @media (max-width: 680px) {\n .fml-police-system {\n padding: 6px 0 10px 18px;\n }\n\n .fml-police-system__intro {\n font-size: 18px !important;\n }\n\n .fml-police-system__feature {\n padding: 13px 14px 13px 16px;\n }\n }\n\u003c\/style\u003e\n\n\u003carticle class=\"fml-police-system\"\u003e\n\n \u003cp class=\"fml-police-system__intro\"\u003e\n \u003cstrong\u003eAdvanced Police Job System — это полноценная полицейская система для FiveM, объединяющая всё необходимое в один скрипт.\u003c\/strong\u003e\n \u003c\/p\u003e\n\n \u003cdiv class=\"fml-police-system__section\"\u003e\n \u003cp\u003e\n Здесь есть: академия новичков, экзамены по вождению и стрельбе, система продвижения по службе... Даже электронный журнал дежурств!\n \u003c\/p\u003e\n\n \u003cp\u003e\n У полицейских есть свой MDT (таблитка) — как настоящий планшет. Там персонал, базы данных преступников (фото-галерея), управление штрафами и все инструменты управления.\n \u003c\/p\u003e\n\n \u003cp\u003e\n Есть арсенал с возможностью выбора снаряжения: бронежилеты, наручники zip-ties… Всё можно покупать \u003cem\u003eв игре\u003c\/em\u003e через систему гейтинга.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\u003cstrong\u003eА ещё:\u003c\/strong\u003e\u003c\/p\u003e\n\n \u003cdiv class=\"fml-police-system__features\"\u003e\n \u003cdiv class=\"fml-police-system__feature\"\u003e\n \u003cp\u003e🎥 \u003cstrong\u003eКамеры\u003c\/strong\u003e: bodycam на форме + dashcam в машинах. Записи сохраняются как доказательства.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-police-system__feature\"\u003e\n \u003cp\u003e🐕 \u003cstrong\u003eК9 подразделение\u003c\/strong\u003e: можно вызвать служебную собаку разных пород.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-police-system__feature\"\u003e\n \u003cp\u003e✈️ \u003cstrong\u003eБПЛА\u003c\/strong\u003e: дрон с видеопередачей + радар\/лидар\/GPS отслеживание!\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cp\u003e\n Для погони добавлены инструменты задержания — таскать за руку или класть в машину… А ещё полное управление автопарком: гараж департамента + импорт\/экспорт машин из инвентаря.\n \u003c\/p\u003e\n\n \u003cdiv class=\"fml-police-system__note\"\u003e\n \u003cp\u003e\n Вся система модульная – включаешь только нужные функции через конфиги. Подходит под QBCore \/ ESX \/ Qbox… Или вообще без фреймворка!\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/article\u003e","brand":"Kartikscripts","offers":[{"title":"Default Title","offer_id":45787331887213,"sku":null,"price":29.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/81adb7b0aae228280f00070943e292d6fe2e6883.jpg?v=1788690528"},{"product_id":"plug-supplier-network-fivem-script","title":"Plug Script — Supplier Network","description":"\u003ch2\u003eOverview\u003c\/h2\u003e\n\u003cp\u003ePlug Script is a FiveM script that provides a supplier-and-crew system for roleplay servers. Players can call suppliers, manage stock and storefronts, recruit and assign crew ranks, and handle plug bags via in-game UI. The package focuses on an immersive, in-game workflow with configurable suppliers, stores, and transaction auditing.\u003c\/p\u003e\n\n\u003ch3\u003eKey features\u003c\/h3\u003e\n\u003cul\u003e\n \u003cli\u003eCall suppliers from a burner phone and receive in-person deliveries\u003c\/li\u003e\n \u003cli\u003eManage stores and storefront pricing with stock control\u003c\/li\u003e\n \u003cli\u003eRecruit crew members, create ranks, and assign permissions\u003c\/li\u003e\n \u003cli\u003eScratch gun serial numbers and control clean or risky weapon sales\u003c\/li\u003e\n \u003cli\u003eHide or stash bags on-street or in vehicle trunks\u003c\/li\u003e\n \u003cli\u003eDetailed admin panel with role-based administration and moderation tools\u003c\/li\u003e\n \u003cli\u003eDiscord audit webhooks and optional police alerts for purchases\u003c\/li\u003e\n \u003cli\u003eMulti-language support and smooth category browsing\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003eAdministration \u0026amp; requirements\u003c\/h3\u003e\n\u003cp\u003eThis script includes an admin panel for managing suppliers, stock, and user roles. According to the package details, the code is not accessible and the project is approximately 15,500 lines. Support is provided by the author. Requirements listed by the author: one server framework (ESX, QBCore, or Qbox) and an oxmysql-compatible database backend.\u003c\/p\u003e\n\n\u003ch3\u003eNotes\u003c\/h3\u003e\n\u003cp\u003eThe description above reflects the features and system scope provided by the author. Check the product documentation for installation steps, configuration options, and language configuration before deploying to a live server.\u003c\/p\u003e","brand":"Polarsarmoury","offers":[{"title":"Default Title","offer_id":45787332051053,"sku":null,"price":25.4,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/92d2a09a964f455ebc5c2e568150b963b56da184.jpg?v=1788690529"},{"product_id":"free-hkn-me-and-do-roleplay-fivem-script","title":"HKN Me \u0026 Do — Roleplay Script","description":"\u003ch2\u003eOverview\u003c\/h2\u003e\n\u003cp\u003eMe \u0026amp; Do is a standalone FiveM script that provides an in-game \/me and \/do roleplay system with a polished user interface. The resource focuses on readability and immersion by keeping a persistent, side-scrolling log of recent messages and displaying floating text bubbles above players that scale with distance and field of view.\u003c\/p\u003e\n\n\u003ch3\u003eKey features\u003c\/h3\u003e\n\u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eAdjustable config:\u003c\/strong\u003e many options exposed via \u003cem\u003econfig.lua\u003c\/em\u003e (colors, durations, draw distances and more).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eSide-scrolling log:\u003c\/strong\u003e a compact, movable log that records recent \/me and \/do messages.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eFloating player bubbles:\u003c\/strong\u003e smooth scaling based on distance and FOV for in-world text.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eDraggable UI:\u003c\/strong\u003e use \u003cem\u003e\/medomenu\u003c\/em\u003e to move the log; positions are saved locally per player.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eMultilingual support:\u003c\/strong\u003e includes Turkish, English, French, German and additional languages.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eTyping animation:\u003c\/strong\u003e optional “thinking\/typing” animation when chat is opened.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eStandalone:\u003c\/strong\u003e does not require a specific framework to run.\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003eNotes\u003c\/h3\u003e\n\u003cp\u003eThis release is provided as a standalone roleplay script. Configuration is performed via the included configuration file; no framework-specific setup is required. Consult the package files for installation instructions and any additional options provided by the author.\u003c\/p\u003e","brand":"Hkn","offers":[{"title":"Default Title","offer_id":45787332378733,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/00121bb2b7928ea231d1cf909660c66520cfa244.jpg?v=1788690530"},{"product_id":"venus-scoreboard-fivem-script","title":"Venus Scoreboard","description":"\u003cstyle\u003e\n .fml-venus-scoreboard {\n position: relative;\n width: 100%;\n max-width: none;\n margin: 0;\n padding: 12px 24px 20px 26px;\n\n color: rgba(255,255,255,.88);\n font-family: inherit;\n line-height: 1.75;\n }\n\n .fml-venus-scoreboard,\n .fml-venus-scoreboard * {\n box-sizing: border-box;\n }\n\n .fml-venus-scoreboard::before {\n content: \"\";\n position: absolute;\n top: 14px;\n bottom: 20px;\n left: 0;\n width: 1px;\n\n background: linear-gradient(\n to bottom,\n #ffd700 0%,\n rgba(255,215,0,.28) 42%,\n rgba(255,255,255,.05) 100%\n );\n }\n\n .fml-venus-scoreboard p {\n margin: 0 0 22px;\n color: rgba(255,255,255,.72);\n font-size: 15px;\n line-height: 1.82;\n }\n\n .fml-venus-scoreboard strong {\n color: #fff;\n }\n\n .fml-venus-scoreboard code {\n padding: 2px 6px;\n color: #ffd700;\n background: rgba(255,215,0,.05);\n border: 1px solid rgba(255,215,0,.16);\n border-radius: 2px;\n font-size: .92em;\n }\n\n .fml-venus-scoreboard__intro {\n margin-bottom: 30px !important;\n\n color: #fff !important;\n\n font-size: clamp(18px,1.6vw,22px) !important;\n font-weight: 750;\n line-height: 1.55 !important;\n letter-spacing: -.015em;\n }\n\n .fml-venus-scoreboard__main {\n margin-bottom: 28px;\n padding: 20px 0;\n\n border-top: 1px solid rgba(255,255,255,.08);\n border-bottom: 1px solid rgba(255,255,255,.08);\n }\n\n .fml-venus-scoreboard__main p:last-child {\n margin-bottom: 0;\n }\n\n .fml-venus-scoreboard__label {\n margin: 0 0 16px;\n\n color: rgba(255,255,255,.44);\n\n font-size: 10px;\n font-weight: 850;\n letter-spacing: .13em;\n text-transform: uppercase;\n }\n\n .fml-venus-scoreboard__info {\n display: grid;\n grid-template-columns: repeat(3,minmax(0,1fr));\n gap: 12px;\n\n margin-bottom: 28px;\n }\n\n .fml-venus-scoreboard__info-item {\n position: relative;\n\n padding: 18px 18px 18px 20px;\n\n border: 1px solid rgba(255,255,255,.08);\n border-radius: 2px;\n\n background: rgba(255,255,255,.018);\n }\n\n .fml-venus-scoreboard__info-item::before {\n content: \"\";\n position: absolute;\n top: 18px;\n bottom: 18px;\n left: 0;\n\n width: 2px;\n background: #ffd700;\n }\n\n .fml-venus-scoreboard__info-item p {\n margin: 0;\n color: rgba(255,255,255,.84);\n }\n\n .fml-venus-scoreboard__search {\n position: relative;\n\n margin: 26px 0;\n padding-left: 18px;\n }\n\n .fml-venus-scoreboard__search::before {\n content: \"\";\n position: absolute;\n top: 9px;\n left: 0;\n\n width: 7px;\n height: 7px;\n\n background: #ffd700;\n border-radius: 2px;\n }\n\n .fml-venus-scoreboard__search p {\n margin: 0;\n color: rgba(255,255,255,.92);\n }\n\n .fml-venus-scoreboard__services {\n margin: 28px 0;\n padding: 18px 0;\n\n border-top: 1px solid rgba(255,255,255,.08);\n border-bottom: 1px solid rgba(255,255,255,.08);\n }\n\n .fml-venus-scoreboard__services p:last-child {\n margin-bottom: 0;\n }\n\n .fml-venus-scoreboard__custom {\n display: grid;\n grid-template-columns: repeat(3,minmax(0,1fr));\n gap: 12px;\n\n margin: 26px 0;\n }\n\n .fml-venus-scoreboard__custom-item {\n padding: 16px 18px;\n\n border: 1px solid rgba(255,255,255,.08);\n border-left: 2px solid #ffd700;\n\n background: rgba(255,255,255,.018);\n }\n\n .fml-venus-scoreboard__custom-item p {\n margin: 0;\n color: rgba(255,255,255,.84);\n }\n\n .fml-venus-scoreboard__key {\n margin: 28px 0;\n padding: 18px 0;\n\n border-top: 1px solid rgba(255,255,255,.08);\n border-bottom: 1px solid rgba(255,255,255,.08);\n }\n\n .fml-venus-scoreboard__key p {\n margin: 0;\n }\n\n .fml-venus-scoreboard__install {\n position: relative;\n\n margin: 28px 0;\n padding-left: 18px;\n }\n\n .fml-venus-scoreboard__install::before {\n content: \"\";\n position: absolute;\n top: 9px;\n left: 0;\n\n width: 7px;\n height: 7px;\n\n background: #ffd700;\n border-radius: 2px;\n }\n\n .fml-venus-scoreboard__install p {\n margin: 0;\n color: rgba(255,255,255,.9);\n }\n\n .fml-venus-scoreboard__ending {\n padding-top: 20px;\n\n border-top: 1px solid rgba(255,255,255,.08);\n }\n\n .fml-venus-scoreboard__ending p {\n margin: 0;\n color: #fff !important;\n font-weight: 700;\n }\n\n @media (max-width: 900px) {\n .fml-venus-scoreboard__info,\n .fml-venus-scoreboard__custom {\n grid-template-columns: 1fr;\n }\n }\n\n @media (max-width: 680px) {\n .fml-venus-scoreboard {\n padding: 8px 0 12px 18px;\n }\n\n .fml-venus-scoreboard__intro {\n font-size: 18px !important;\n }\n }\n\u003c\/style\u003e\n\n\n\u003carticle class=\"fml-venus-scoreboard\"\u003e\n\n \u003cp class=\"fml-venus-scoreboard__intro\"\u003e\n \u003cstrong\u003eVenus Scoreboard is a modern, clean, and customizable player list for FiveM servers.\u003c\/strong\u003e\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"fml-venus-scoreboard__main\"\u003e\n\n \u003cp\u003e\n It works in standalone mode (no framework required), but automatically detects ESX, QBCore, or Qbox if they are installed.\n \u003c\/p\u003e\n\n \u003cp\u003e\n The interface shows:\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-venus-scoreboard__info\"\u003e\n\n \u003cdiv class=\"fml-venus-scoreboard__info-item\"\u003e\n \u003cp\u003e\n - Names of online players,\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-venus-scoreboard__info-item\"\u003e\n \u003cp\u003e\n - Their server IDs,\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-venus-scoreboard__info-item\"\u003e\n \u003cp\u003e\n - Ping (latency).\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-venus-scoreboard__search\"\u003e\n\n \u003cp\u003e\n There is a search through the list — quickly find the player you need!\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-venus-scoreboard__services\"\u003e\n\n \u003cp\u003e\n You can also display \u003cstrong\u003eservice counters\u003c\/strong\u003e: how many police officers are currently on duty? How many medics? Taxi drivers?\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-venus-scoreboard__label\"\u003e\n It is fully configurable:\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-venus-scoreboard__custom\"\u003e\n\n \u003cdiv class=\"fml-venus-scoreboard__custom-item\"\u003e\n \u003cp\u003e\n 🎨 Change the colors of text labels.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-venus-scoreboard__custom-item\"\u003e\n \u003cp\u003e\n ✉️ Add emojis to jobs (\"🚓\" for cops).\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-venus-scoreboard__custom-item\"\u003e\n \u003cp\u003e\n 🔗 Connect ACE permissions or State Bag integration if needed.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-venus-scoreboard__key\"\u003e\n\n \u003cp\u003e\n Opens by default with the \u003ccode\u003ePAGE UP\u003c\/code\u003e key... But it can be changed through FiveM settings.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-venus-scoreboard__install\"\u003e\n\n \u003cp\u003e\n Installation is simple: put the folder into resources → enable it in server.cfg → restart! No database required!\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-venus-scoreboard__ending\"\u003e\n\n \u003cp\u003e\n The script is optimized – NUI stays hidden until the panel is opened… Data loads only when requested.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\u003c\/article\u003e","brand":"Venus","offers":[{"title":"Default Title","offer_id":45787332411501,"sku":null,"price":5.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/61f02beed2f018a37056dc5bd2f45643084b8b8d.jpg?v=1788690531"},{"product_id":"advanced-admin-menu-fivem-script","title":"Advanced Admin Menu","description":"\u003cstyle\u003e\n .fml-admin-menu {\n position: relative;\n width: 100%;\n max-width: none;\n margin: 0;\n padding: 12px 24px 20px 26px;\n\n color: rgba(255,255,255,.88);\n font-family: inherit;\n line-height: 1.75;\n }\n\n .fml-admin-menu,\n .fml-admin-menu * {\n box-sizing: border-box;\n }\n\n .fml-admin-menu::before {\n content: \"\";\n position: absolute;\n top: 14px;\n bottom: 20px;\n left: 0;\n width: 1px;\n\n background: linear-gradient(\n to bottom,\n #ffd700 0%,\n rgba(255,215,0,.28) 42%,\n rgba(255,255,255,.05) 100%\n );\n }\n\n .fml-admin-menu p {\n margin: 0 0 22px;\n color: rgba(255,255,255,.72);\n font-size: 15px;\n line-height: 1.82;\n }\n\n .fml-admin-menu strong {\n color: #fff;\n }\n\n .fml-admin-menu__intro {\n margin-bottom: 30px !important;\n\n color: #fff !important;\n\n font-size: clamp(18px,1.6vw,22px) !important;\n font-weight: 750;\n line-height: 1.55 !important;\n letter-spacing: -.015em;\n }\n\n .fml-admin-menu__main {\n margin-bottom: 28px;\n padding: 20px 0;\n\n border-top: 1px solid rgba(255,255,255,.08);\n border-bottom: 1px solid rgba(255,255,255,.08);\n }\n\n .fml-admin-menu__main p:last-child {\n margin-bottom: 0;\n }\n\n .fml-admin-menu__label {\n margin: 0 0 16px;\n\n color: rgba(255,255,255,.44);\n\n font-size: 10px;\n font-weight: 850;\n letter-spacing: .13em;\n text-transform: uppercase;\n }\n\n .fml-admin-menu__features {\n display: grid;\n grid-template-columns: repeat(3,minmax(0,1fr));\n gap: 12px;\n\n margin-bottom: 28px;\n }\n\n .fml-admin-menu__feature {\n position: relative;\n padding: 18px 18px 18px 20px;\n\n border: 1px solid rgba(255,255,255,.08);\n border-radius: 2px;\n\n background: rgba(255,255,255,.018);\n }\n\n .fml-admin-menu__feature::before {\n content: \"\";\n position: absolute;\n top: 18px;\n bottom: 18px;\n left: 0;\n\n width: 2px;\n background: #ffd700;\n }\n\n .fml-admin-menu__feature p {\n margin: 0;\n color: rgba(255,255,255,.84);\n }\n\n .fml-admin-menu__dashboard {\n margin: 28px 0;\n padding: 18px 0;\n\n border-top: 1px solid rgba(255,255,255,.08);\n border-bottom: 1px solid rgba(255,255,255,.08);\n }\n\n .fml-admin-menu__dashboard-list {\n display: grid;\n grid-template-columns: repeat(3,minmax(0,1fr));\n gap: 10px;\n\n margin-top: 14px;\n }\n\n .fml-admin-menu__dashboard-item {\n padding: 14px 16px;\n\n border: 1px solid rgba(255,255,255,.08);\n background: rgba(255,255,255,.015);\n\n color: rgba(255,255,255,.86);\n\n font-size: 14px;\n font-weight: 700;\n line-height: 1.65;\n }\n\n .fml-admin-menu__notice {\n position: relative;\n\n margin: 28px 0;\n padding-left: 18px;\n }\n\n .fml-admin-menu__notice::before {\n content: \"\";\n position: absolute;\n top: 9px;\n left: 0;\n\n width: 7px;\n height: 7px;\n\n background: #ffd700;\n border-radius: 2px;\n }\n\n .fml-admin-menu__notice p {\n margin: 0;\n color: rgba(255,255,255,.92);\n }\n\n .fml-admin-menu__tools {\n display: grid;\n grid-template-columns: repeat(2,minmax(0,1fr));\n gap: 12px;\n\n margin: 28px 0;\n }\n\n .fml-admin-menu__tool {\n padding: 17px 18px;\n\n border: 1px solid rgba(255,255,255,.08);\n border-left: 2px solid #ffd700;\n\n background: rgba(255,255,255,.018);\n }\n\n .fml-admin-menu__tool p {\n margin: 0;\n color: rgba(255,255,255,.8);\n }\n\n .fml-admin-menu__world {\n margin: 28px 0;\n padding: 18px 0;\n\n border-top: 1px solid rgba(255,255,255,.08);\n }\n\n .fml-admin-menu__world-list {\n display: grid;\n gap: 10px;\n margin-top: 14px;\n }\n\n .fml-admin-menu__world-item {\n position: relative;\n padding-left: 18px;\n\n color: rgba(255,255,255,.84);\n font-size: 15px;\n line-height: 1.7;\n }\n\n .fml-admin-menu__world-item::before {\n content: \"\";\n position: absolute;\n top: 10px;\n left: 0;\n\n width: 7px;\n height: 1px;\n background: #ffd700;\n }\n\n .fml-admin-menu__ending {\n padding-top: 20px;\n\n border-top: 1px solid rgba(255,255,255,.08);\n }\n\n .fml-admin-menu__ending p {\n margin: 0;\n color: #fff !important;\n font-weight: 700;\n }\n\n @media (max-width: 900px) {\n .fml-admin-menu__features,\n .fml-admin-menu__dashboard-list,\n .fml-admin-menu__tools {\n grid-template-columns: 1fr;\n }\n }\n\n @media (max-width: 680px) {\n .fml-admin-menu {\n padding: 8px 0 12px 18px;\n }\n\n .fml-admin-menu__intro {\n font-size: 18px !important;\n }\n }\n\u003c\/style\u003e\n\n\n\u003carticle class=\"fml-admin-menu\"\u003e\n\n \u003cp class=\"fml-admin-menu__intro\"\u003e\n \u003cstrong\u003eAdvanced Admin Menu is a universal administration panel for FiveM servers.\u003c\/strong\u003e\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"fml-admin-menu__main\"\u003e\n\n \u003cp\u003e\n It replaces a bunch of separate commands and resources with one powerful NUI interface. Through it, you can manage players, vehicles, weapons… Even weather or time!\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-admin-menu__label\"\u003e\n Main features:\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-admin-menu__features\"\u003e\n\n \u003cdiv class=\"fml-admin-menu__feature\"\u003e\n \u003cp\u003e\n 🔹 \u003cstrong\u003eFunctionality through F10 (NUI) + F11 (quick in-world menu)\u003c\/strong\u003e – convenient switching between modes.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-admin-menu__feature\"\u003e\n \u003cp\u003e\n 🛡️ Duty system with the ability to wear an admin uniform and see nearby player IDs.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-admin-menu__feature\"\u003e\n \u003cp\u003e\n ✅ Flexible roles\/permissions — what a moderator sees depends on their rank. Unavailable tools are hidden.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-admin-menu__dashboard\"\u003e\n\n \u003cp\u003e\n On the main panel:\n \u003c\/p\u003e\n\n \u003cdiv class=\"fml-admin-menu__dashboard-list\"\u003e\n\n \u003cdiv class=\"fml-admin-menu__dashboard-item\"\u003e\n - Online statistics,\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-admin-menu__dashboard-item\"\u003e\n - Server uptime,\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-admin-menu__dashboard-item\"\u003e\n - Quick actions on all players at once.\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-admin-menu__notice\"\u003e\n\n \u003cp\u003e\n You can send announcements to the screen with a \"banner\" font, as well as view message history!\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-admin-menu__tools\"\u003e\n\n \u003cdiv class=\"fml-admin-menu__tool\"\u003e\n \u003cp\u003e\n For player management, there is a full set: warnings, bans\/kicks... Inventory modification… And even character notes!\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-admin-menu__tool\"\u003e\n \u003cp\u003e\n Vehicle spawning + repairing their condition (fuel? locks?), weapon modifications... Loading specific equipment?\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-admin-menu__world\"\u003e\n\n \u003cp\u003e\n Admins can control the entire game world:\n \u003c\/p\u003e\n\n \u003cdiv class=\"fml-admin-menu__world-list\"\u003e\n\n \u003cdiv class=\"fml-admin-menu__world-item\"\u003e\n — Change weather \/ time of day\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-admin-menu__world-item\"\u003e\n — Set a whitelist of users\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-admin-menu__world-item\"\u003e\n — Reset the database\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-admin-menu__ending\"\u003e\n\n \u003cp\u003e\n Localization is available in 5+ languages... Automatic ESX\/QBCore\/Qbox support!\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\u003c\/article\u003e","brand":"Debux","offers":[{"title":"Default Title","offer_id":45787332444269,"sku":null,"price":14.5,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/cc6795ecc6c0b77588de6ed4530579620546a01a.jpg?v=1788690532"},{"product_id":"advanced-banking-system-fivem-script","title":"Advanced Banking System","description":"\u003ch2\u003eOverview\u003c\/h2\u003e\n\u003cp\u003eAdvanced Banking System is a UI-driven FiveM script that replaces the default bank interface with a modern, configurable banking experience. It adds ATMs, optional bank cards and PIN protection, extra savings accounts, and society account integration while keeping your framework's native main balance.\u003c\/p\u003e\n\n\u003ch3\u003eKey features\u003c\/h3\u003e\n\u003cul\u003e\n \u003cli\u003eClean, advanced UI with a live balance graph and filterable transaction history\u003c\/li\u003e\n \u003cli\u003eWorks at original bank locations and configurable ATMs (proximity-detected)\u003c\/li\u003e\n \u003cli\u003eOptional bank card item and optional PIN codes for ATM usage\u003c\/li\u003e\n \u003cli\u003eMain account plus extra savings accounts (shareable) and configurable society\/job accounts\u003c\/li\u003e\n \u003cli\u003eDeposit, withdraw and transfer money with recent-recipient shortcuts and configurable transfer fees\u003c\/li\u003e\n \u003cli\u003eMulti-character safe: each character keeps separate accounts, balances and history\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003eConfiguration \u0026amp; requirements\u003c\/h3\u003e\n\u003cp\u003eThe script includes a detailed configuration covering framework selection, inventory integration, account names, bank and ATM locations, transfer method (persistent IBAN or live player ID), society account permissions by job and grade, notification text and translation strings. Framework requirements: ESX, QBCore or Qbox.\u003c\/p\u003e\n\n\u003ch3\u003eNotes\u003c\/h3\u003e\n\u003cul\u003e\n \u003cli\u003ePartially accessible code (some files not exposed).\u003c\/li\u003e\n \u003cli\u003eDesigned to be translated and extensively configured via provided settings.\u003c\/li\u003e\n \u003cli\u003eSupport is indicated by the original author.\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"Zero Development Shop","offers":[{"title":"Default Title","offer_id":45787332477037,"sku":null,"price":16.27,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/66c7b96384e4e0bb5ce628d430c3fdf5e30cfc6a.jpg?v=1788690533"},{"product_id":"bodycam-and-live-camera-system-fivem-script","title":"Bodycam \u0026 Live Camera System","description":"\u003ch2\u003eOverview\u003c\/h2\u003e\n\u003cp\u003eThis Bodycam \u0026amp; Live Camera System is a FiveM script that provides replay-based recordings, live monitoring of player bodycams and vehicle cameras, and a customizable in‑game UI. The system captures environment data and nearby voice chat, then recreates events for later playback through the script’s replay mechanism.\u003c\/p\u003e\n\n\u003ch3\u003eKey features\u003c\/h3\u003e\n\u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eReplay-based recording:\u003c\/strong\u003e records events around the player rather than raw screen video.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eVoice capture:\u003c\/strong\u003e nearby player voice is captured so conversations play back with recordings.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eManual \u0026amp; automatic recording:\u003c\/strong\u003e start recordings manually or trigger them by configured events.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eCustomizable UI:\u003c\/strong\u003e adjust bodycam position, size and visibility of UI buttons.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eJob\/item \u0026amp; grade controls:\u003c\/strong\u003e enable usage based on job, item or job grade permissions.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eLive monitoring:\u003c\/strong\u003e watch player bodycams and vehicle cameras in real time and switch between cameras.\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003eHow recording works\u003c\/h3\u003e\n\u003cp\u003eInstead of saving a raw video file, the script logs nearby players, peds, vehicles, objects and environmental state, then reconstructs the scene during playback. This approach recreates actions and audible conversations for realistic replays.\u003c\/p\u003e\n\n\u003ch3\u003eRequirements \u0026amp; configuration\u003c\/h3\u003e\n\u003cul\u003e\n \u003cli\u003eRequires tgiann-core (free) and ox_lib as listed in the product documentation.\u003c\/li\u003e\n \u003cli\u003eConfig files and editable configuration are provided (documentation available via the package).\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003eNotes\u003c\/h3\u003e\n\u003cp\u003eThe package includes live camera switching, the ability to see who is watching a camera, and configuration options for vehicle cameras. Review the included documentation before installation to confirm exact setup steps and dependencies.\u003c\/p\u003e","brand":"Tgiann","offers":[{"title":"Default Title","offer_id":45787332771949,"sku":null,"price":27.96,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/66fa2e077052070608eed255f0a3dba2557a31c1.jpg?v=1788690534"},{"product_id":"venus-loading-screen-fivem-script","title":"VENUS Loading Screen","description":"\u003ch2\u003eOverview\u003c\/h2\u003e\n\u003cp\u003eVENUS Loading Screen is a standalone, configurable loading interface designed for FiveM servers. The package includes accessible HTML, CSS and JavaScript source files so you can edit branding, colors, content and media without a build step. The interface shows real loading progress and presents players with music, tips and community content while they connect.\u003c\/p\u003e\n\n\u003ch2\u003eFeatures\u003c\/h2\u003e\n\u003cul\u003e\n \u003cli\u003eModern dark UI with responsive layout\u003c\/li\u003e\n \u003cli\u003eReal FiveM loading progress and percentage\u003c\/li\u003e\n \u003cli\u003eAccessible HTML\/CSS\/JS source for easy customization\u003c\/li\u003e\n \u003cli\u003eIntegrated MP3 music player with play, pause and volume controls\u003c\/li\u003e\n \u003cli\u003eMusic-reactive visualizer and rotating server tips\u003c\/li\u003e\n \u003cli\u003eConfigurable server cards, rules, announcements and staff profiles\u003c\/li\u003e\n \u003cli\u003eCommunity Hub area and clean fallbacks for unconfigured sections\u003c\/li\u003e\n \u003cli\u003eBuilt-in Snake minigame to pass load time\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch2\u003eSnake minigame\u003c\/h2\u003e\n\u003cp\u003eThe included Snake game runs inside the Community Hub so players can play during loading. Controls use WASD or arrow keys; the game tracks current score and best score and increases difficulty as the snake grows.\u003c\/p\u003e\n\n\u003ch2\u003eInstallation\u003c\/h2\u003e\n\u003cp\u003eCommon installation steps (no build step required):\u003cbr\u003e\n1. Place \u003cstrong\u003evenus_loadingscreen\u003c\/strong\u003e inside your server's resources folder.\u003cbr\u003e\n2. Add \u003cstrong\u003eensure venus_loadingscreen\u003c\/strong\u003e to your \u003cstrong\u003eserver.cfg\u003c\/strong\u003e.\u003cbr\u003e\n3. Edit branding and content in \u003cstrong\u003eweb\/config.js\u003c\/strong\u003e and add your MP3 at \u003cstrong\u003eweb\/media\/music.mp3\u003c\/strong\u003e.\u003cbr\u003e\n4. Restart the resource or the server.\u003c\/p\u003e\n\n\u003ch2\u003eCompatibility \u0026amp; License\u003c\/h2\u003e\n\u003cp\u003eThe loading screen runs independently of server frameworks and can be used with ESX, QBCore, Qbox or standalone setups. It contains no server or client gameplay scripts, uses no database, and has no runtime impact after the loading UI closes. The source files are accessible for customization; the purchase license covers use on a single FiveM server.\u003c\/p\u003e","brand":"Venus","offers":[{"title":"Default Title","offer_id":45787333918829,"sku":null,"price":7.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/7ec1175970ba583a52ecccabbd4157396458554b.jpg?v=1788690536"},{"product_id":"advanced-anti-aimbot-detection-fivem-script","title":"Advanced Anti Aimbot Detection","description":"\u003cstyle\u003e\n \/* =========================================================\n FIVEM-LAB — ADVANCED ANTI-AIMBOT DETECTION\n SECURITY \/ SERVER-SIDE \/ ANTI-CHEAT\n ========================================================= *\/\n\n .fml-antiaimbot {\n --gold:#ffd700;\n --white:#ffffff;\n --black:#050505;\n --text:rgba(255,255,255,.92);\n --muted:rgba(255,255,255,.66);\n --dim:rgba(255,255,255,.42);\n --line:rgba(255,255,255,.10);\n --line-soft:rgba(255,255,255,.055);\n --gold-line:rgba(255,215,0,.34);\n --panel:rgba(255,255,255,.022);\n\n width:100%;\n max-width:1180px;\n margin:0 auto;\n padding:18px 0 88px;\n\n color:var(--text);\n background:transparent;\n font-family:inherit;\n font-size:16px;\n line-height:1.72;\n }\n\n .fml-antiaimbot,\n .fml-antiaimbot *,\n .fml-antiaimbot *::before,\n .fml-antiaimbot *::after {\n box-sizing:border-box;\n }\n\n .fml-antiaimbot h2,\n .fml-antiaimbot h3,\n .fml-antiaimbot p,\n .fml-antiaimbot ul,\n .fml-antiaimbot ol {\n margin:0;\n }\n\n .fml-antiaimbot ul,\n .fml-antiaimbot ol {\n padding:0;\n list-style:none;\n }\n\n .fml-antiaimbot ::selection {\n color:#050505;\n background:var(--gold);\n }\n\n\n \/* =========================================================\n HERO\n ========================================================= *\/\n\n .fml-antiaimbot__hero {\n position:relative;\n overflow:hidden;\n\n padding:clamp(40px,6vw,78px);\n\n border:1px solid var(--line);\n border-top-color:var(--gold-line);\n border-radius:7px;\n\n background:\n radial-gradient(\n circle at 92% 2%,\n rgba(255,215,0,.15),\n transparent 31%\n ),\n linear-gradient(\n 135deg,\n rgba(255,215,0,.035),\n transparent 48%\n ),\n rgba(0,0,0,.18);\n }\n\n .fml-antiaimbot__hero::before {\n content:\"\";\n position:absolute;\n top:0;\n left:0;\n\n width:min(470px,75%);\n height:2px;\n\n background:var(--gold);\n box-shadow:0 0 24px rgba(255,215,0,.36);\n }\n\n .fml-antiaimbot__title {\n max-width:1050px;\n\n color:var(--white) !important;\n\n font-size:clamp(42px,5.8vw,74px) !important;\n font-weight:950 !important;\n letter-spacing:-.052em;\n line-height:.96 !important;\n\n text-wrap:balance;\n }\n\n .fml-antiaimbot__lead {\n max-width:930px;\n margin-top:26px !important;\n\n color:var(--muted) !important;\n\n font-size:clamp(18px,1.9vw,23px);\n font-weight:600;\n line-height:1.62;\n }\n\n .fml-antiaimbot__lead em,\n .fml-antiaimbot__lead strong {\n color:var(--white);\n }\n\n .fml-antiaimbot__hero-copy {\n display:grid;\n gap:10px;\n\n max-width:920px;\n margin-top:24px;\n padding-top:22px;\n\n border-top:1px solid var(--line);\n }\n\n .fml-antiaimbot__hero-copy p {\n color:var(--muted) !important;\n\n font-size:16px;\n line-height:1.68;\n }\n\n .fml-antiaimbot__hero-copy p:last-child {\n color:var(--white) !important;\n font-weight:850;\n }\n\n\n \/* =========================================================\n SECTION BASE\n ========================================================= *\/\n\n .fml-antiaimbot__section {\n padding:clamp(54px,7vw,90px) 0;\n border-bottom:1px solid var(--line);\n }\n\n .fml-antiaimbot__section-title {\n max-width:980px;\n\n color:var(--white) !important;\n\n font-size:clamp(29px,3.9vw,47px) !important;\n font-weight:950 !important;\n letter-spacing:-.04em;\n line-height:1.05 !important;\n\n text-wrap:balance;\n }\n\n .fml-antiaimbot__subhead {\n margin-top:36px !important;\n\n color:var(--white) !important;\n\n font-size:clamp(22px,2.8vw,32px) !important;\n font-weight:950 !important;\n letter-spacing:-.035em;\n line-height:1.1 !important;\n }\n\n .fml-antiaimbot__copy {\n max-width:920px;\n margin-top:22px !important;\n\n color:var(--muted) !important;\n\n font-size:16px;\n line-height:1.8;\n }\n\n .fml-antiaimbot__copy em,\n .fml-antiaimbot__copy strong {\n color:var(--white);\n }\n\n\n \/* =========================================================\n DETECTION INTRO\n ========================================================= *\/\n\n .fml-antiaimbot__panel {\n margin-top:38px;\n padding:clamp(28px,4vw,40px);\n\n border:1px solid var(--gold-line);\n border-left:3px solid var(--gold);\n border-radius:4px;\n\n background:\n linear-gradient(\n 110deg,\n rgba(255,215,0,.055),\n transparent 55%\n ),\n var(--panel);\n }\n\n .fml-antiaimbot__panel p {\n color:var(--muted) !important;\n\n font-size:15px;\n line-height:1.8;\n }\n\n .fml-antiaimbot__panel strong,\n .fml-antiaimbot__panel em {\n color:var(--white);\n }\n\n\n \/* =========================================================\n DETECTION CARDS\n ========================================================= *\/\n\n .fml-antiaimbot__detections {\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:14px;\n\n margin-top:28px;\n }\n\n .fml-antiaimbot__detection {\n position:relative;\n overflow:hidden;\n\n min-width:0;\n padding:clamp(24px,3vw,32px);\n\n border:1px solid var(--line);\n border-radius:4px;\n\n background:var(--panel);\n\n transition:\n transform .18s ease,\n border-color .18s ease,\n background .18s ease;\n }\n\n .fml-antiaimbot__detection::before {\n content:\"\";\n position:absolute;\n top:0;\n left:0;\n\n width:84px;\n height:1px;\n\n background:var(--gold);\n }\n\n .fml-antiaimbot__detection:hover {\n transform:translateY(-2px);\n border-color:var(--gold-line);\n background:rgba(255,255,255,.038);\n }\n\n .fml-antiaimbot__detection p {\n color:var(--muted) !important;\n\n font-size:15px;\n line-height:1.76;\n }\n\n .fml-antiaimbot__detection strong {\n color:var(--white);\n }\n\n .fml-antiaimbot__arrow {\n display:block;\n margin-top:13px;\n\n color:var(--gold) !important;\n\n font-weight:850;\n }\n\n\n \/* =========================================================\n EMPHASIS\n ========================================================= *\/\n\n .fml-antiaimbot__statement {\n margin-top:36px;\n padding:clamp(27px,4vw,40px);\n\n border-top:1px solid var(--gold-line);\n border-bottom:1px solid var(--line);\n\n background:\n radial-gradient(\n circle at 100% 0,\n rgba(255,215,0,.10),\n transparent 36%\n ),\n rgba(255,255,255,.012);\n }\n\n .fml-antiaimbot__statement p {\n max-width:940px;\n\n color:var(--white) !important;\n\n font-size:clamp(19px,2.1vw,25px);\n font-weight:800;\n line-height:1.55;\n }\n\n .fml-antiaimbot__statement p + p {\n margin-top:18px !important;\n }\n\n\n \/* =========================================================\n RESPONSE MODES\n ========================================================= *\/\n\n .fml-antiaimbot__modes {\n display:grid;\n grid-template-columns:repeat(3,minmax(0,1fr));\n gap:12px;\n\n margin-top:36px;\n }\n\n .fml-antiaimbot__mode {\n position:relative;\n overflow:hidden;\n\n min-width:0;\n padding:clamp(24px,3vw,32px);\n\n border:1px solid var(--line);\n border-top-color:var(--gold-line);\n border-radius:4px;\n\n background:var(--panel);\n }\n\n .fml-antiaimbot__mode-number {\n display:block;\n margin-bottom:23px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:950;\n }\n\n .fml-antiaimbot__mode p {\n color:var(--muted) !important;\n\n font-size:14px;\n line-height:1.75;\n }\n\n .fml-antiaimbot__mode strong {\n color:var(--white);\n }\n\n\n \/* =========================================================\n FOOTER PANEL\n ========================================================= *\/\n\n .fml-antiaimbot__footer {\n margin-top:36px;\n padding:clamp(28px,4vw,42px);\n\n border:1px solid var(--gold-line);\n border-radius:5px;\n\n background:\n radial-gradient(\n circle at 100% 0,\n rgba(255,215,0,.10),\n transparent 38%\n ),\n var(--panel);\n }\n\n .fml-antiaimbot__footer p {\n color:var(--muted) !important;\n\n font-size:15px;\n line-height:1.8;\n }\n\n .fml-antiaimbot__footer p + p {\n margin-top:18px !important;\n }\n\n\n \/* =========================================================\n RESPONSIVE\n ========================================================= *\/\n\n @media (max-width:900px) {\n .fml-antiaimbot__modes {\n grid-template-columns:1fr;\n }\n }\n\n @media (max-width:680px) {\n .fml-antiaimbot {\n padding-top:8px;\n }\n\n .fml-antiaimbot__hero {\n padding:30px 20px;\n }\n\n .fml-antiaimbot__detections {\n grid-template-columns:1fr;\n }\n }\n\n @media (prefers-reduced-motion:reduce) {\n .fml-antiaimbot *,\n .fml-antiaimbot *::before,\n .fml-antiaimbot *::after {\n transition-duration:.01ms !important;\n animation-duration:.01ms !important;\n }\n }\n\u003c\/style\u003e\n\n\n\u003carticle class=\"fml-antiaimbot\"\u003e\n\n \u003c!-- HERO --\u003e\n\n \u003cheader class=\"fml-antiaimbot__hero\"\u003e\n\n \u003ch2 class=\"fml-antiaimbot__title\"\u003e\n 🛡️ \u003cstrong\u003eAdvanced Anti-Aimbot Detection\u003c\/strong\u003e\n \u003c\/h2\u003e\n\n \u003cp class=\"fml-antiaimbot__lead\"\u003e\n A silent guardian for your FiveM server — a server-side script designed to sniff out cheaters using aimbot, silent aim, wallhacks and other dirty hacks that ruin PvP matches.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"fml-antiaimbot__hero-copy\"\u003e\n\n \u003cp\u003e\n This isn’t just some basic anti-cheat.\n \u003c\/p\u003e\n\n \u003cp\u003e\n It’s \u003cem\u003esophisticated\u003c\/em\u003e, updated regularly, and built with one mission: \u003cstrong\u003ekeep your games fair\u003c\/strong\u003e.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/header\u003e\n\n\n \u003c!-- HOW IT WORKS --\u003e\n\n \u003csection class=\"fml-antiaimbot__section\"\u003e\n\n \u003ch2 class=\"fml-antiaimbot__section-title\"\u003e\n How It Works\n \u003c\/h2\u003e\n\n\n \u003ch3 class=\"fml-antiaimbot__subhead\"\u003e\n 🔍 Detections That Actually Catch Cheaters\n \u003c\/h3\u003e\n\n\n \u003cdiv class=\"fml-antiaimbot__panel\"\u003e\n\n \u003cp\u003e\n The script scans player movement, hit accuracy across all bones (head\/chest\/neck\/etc.), bullet trajectory patterns… even how fast someone locks onto targets without physically aiming.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cp class=\"fml-antiaimbot__copy\"\u003e\n Here’s what it catches:\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"fml-antiaimbot__detections\"\u003e\n\n \u003carticle class=\"fml-antiaimbot__detection\"\u003e\n\n \u003cp\u003e\n \u003cstrong\u003eAimbot:\u003c\/strong\u003e Instant target locking through walls?\n \u003c\/p\u003e\n\n \u003cp class=\"fml-antiaimbot__arrow\"\u003e\n → Flagged.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-antiaimbot__detection\"\u003e\n\n \u003cp\u003e\n \u003cstrong\u003eSilent Aim:\u003c\/strong\u003e No visible mouse movement but shots land perfectly?\n \u003c\/p\u003e\n\n \u003cp class=\"fml-antiaimbot__arrow\"\u003e\n → Suspicious behavior detected.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-antiaimbot__detection\"\u003e\n\n \u003cp\u003e\n \u003cstrong\u003eMagic Bullet \/ Wallhack Abuse:\u003c\/strong\u003e Shots passing through objects like they’re not there?\n \u003c\/p\u003e\n\n \u003cp class=\"fml-antiaimbot__arrow\"\u003e\n → Red flag raised instantly!\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-antiaimbot__detection\"\u003e\n\n \u003cp\u003e\n \u003cstrong\u003eAuto Target \u0026amp; Aimlock behaviors where the game itself auto-focuses on enemies?\u003c\/strong\u003e\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-antiaimbot__statement\"\u003e\n\n \u003cp\u003e\n Every single cheat method is analyzed in real-time—on \u003cem\u003eevery bone\u003c\/em\u003e of the character model—to reduce false positives while increasing detection rate.\n \u003c\/p\u003e\n\n \u003cp\u003e\n Last updated? August 24th. So yeah—this thing stays current!\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- RESPONSE --\u003e\n\n \u003csection class=\"fml-antiaimbot__section\"\u003e\n\n \u003ch2 class=\"fml-antiaimbot__section-title\"\u003e\n What Happens When Someone Gets Caught?\n \u003c\/h2\u003e\n\n\n \u003cp class=\"fml-antiaimbot__copy\"\u003e\n Three modes you can set via config file:\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"fml-antiaimbot__modes\"\u003e\n\n \u003carticle class=\"fml-antiaimbot__mode\"\u003e\n\n \u003cspan class=\"fml-antiaimbot__mode-number\"\u003e\n 01\n \u003c\/span\u003e\n\n \u003cp\u003e\n \u003cstrong\u003eKick\u003c\/strong\u003e: Immediately boot them from server with reason logged (“Aimbot detected”).\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-antiaimbot__mode\"\u003e\n\n \u003cspan class=\"fml-antiaimbot__mode-number\"\u003e\n 02\n \u003c\/span\u003e\n\n \u003cp\u003e\n \u003cstrong\u003eBan\u003c\/strong\u003e: Permanently blacklist their IP or account from joining again (admin enforced).\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-antiaimbot__mode\"\u003e\n\n \u003cspan class=\"fml-antiaimbot__mode-number\"\u003e\n 03\n \u003c\/span\u003e\n\n \u003cp\u003e\n Or just... log their actions quietly for review later by moderators!\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-antiaimbot__footer\"\u003e\n\n \u003cp\u003e\n You pick which response fits your community best — strict enforcement or data collection first approach...\n \u003c\/p\u003e\n\n \u003cp\u003e\n And don't worry about innocent players getting punished…\n False positives are low due to advanced analytics running behind-the-scenes every second during combat situations...\n \u003c\/p\u003e\n\n \u003cp\u003e\n No noisy pop-ups either—all checks happen silently on backend side!\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\u003c\/article\u003e","brand":"Unique Store","offers":[{"title":"Default Title","offer_id":45787333951597,"sku":null,"price":23.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/a6cba692014c72423eec6f7807d40d1855df0b4a.jpg?v=1788690538"},{"product_id":"gang-phone-series-fivem-script","title":"Gang Phone — Gang Series","description":"\u003cstyle\u003e\n \/* =========================================================\n FIVEM-LAB — GANG PHONE\n GANG WARS \/ MANAGEMENT \/ LIVE SCORE SYSTEM\n ========================================================= *\/\n\n .fml-gang-phone {\n --gold:#ffd700;\n --white:#ffffff;\n --black:#050505;\n --text:rgba(255,255,255,.92);\n --muted:rgba(255,255,255,.66);\n --dim:rgba(255,255,255,.42);\n --line:rgba(255,255,255,.10);\n --line-soft:rgba(255,255,255,.055);\n --gold-line:rgba(255,215,0,.34);\n --panel:rgba(255,255,255,.022);\n\n width:100%;\n max-width:1180px;\n margin:0 auto;\n padding:18px 0 88px;\n\n color:var(--text);\n background:transparent;\n font-family:inherit;\n font-size:16px;\n line-height:1.72;\n }\n\n .fml-gang-phone,\n .fml-gang-phone *,\n .fml-gang-phone *::before,\n .fml-gang-phone *::after {\n box-sizing:border-box;\n }\n\n .fml-gang-phone h2,\n .fml-gang-phone h3,\n .fml-gang-phone p,\n .fml-gang-phone ul {\n margin:0;\n }\n\n .fml-gang-phone ul {\n padding:0;\n list-style:none;\n }\n\n .fml-gang-phone ::selection {\n color:#050505;\n background:var(--gold);\n }\n\n\n \/* =========================================================\n HERO\n ========================================================= *\/\n\n .fml-gang-phone__hero {\n position:relative;\n overflow:hidden;\n\n padding:clamp(40px,6vw,78px);\n\n border:1px solid var(--line);\n border-top-color:var(--gold-line);\n border-radius:7px;\n\n background:\n radial-gradient(\n circle at 92% 2%,\n rgba(255,215,0,.15),\n transparent 31%\n ),\n linear-gradient(\n 135deg,\n rgba(255,215,0,.036),\n transparent 48%\n ),\n rgba(0,0,0,.18);\n }\n\n .fml-gang-phone__hero::before {\n content:\"\";\n position:absolute;\n top:0;\n left:0;\n\n width:min(470px,75%);\n height:2px;\n\n background:var(--gold);\n box-shadow:0 0 24px rgba(255,215,0,.36);\n }\n\n .fml-gang-phone__title {\n max-width:1050px;\n\n color:var(--white) !important;\n\n font-size:clamp(42px,5.8vw,74px) !important;\n font-weight:950 !important;\n letter-spacing:-.052em;\n line-height:.96 !important;\n\n text-wrap:balance;\n }\n\n .fml-gang-phone__intro {\n max-width:940px;\n margin-top:26px !important;\n\n color:var(--muted) !important;\n\n font-size:clamp(18px,1.9vw,23px);\n font-weight:600;\n line-height:1.62;\n }\n\n .fml-gang-phone__intro em,\n .fml-gang-phone__intro strong {\n color:var(--white);\n }\n\n .fml-gang-phone__hero-lines {\n display:grid;\n gap:8px;\n\n margin-top:28px;\n }\n\n .fml-gang-phone__hero-lines p {\n color:var(--muted) !important;\n\n font-size:16px;\n line-height:1.65;\n }\n\n .fml-gang-phone__hero-lines p:first-child {\n color:var(--white) !important;\n font-weight:850;\n }\n\n\n \/* =========================================================\n SECTION BASE\n ========================================================= *\/\n\n .fml-gang-phone__section {\n padding:clamp(54px,7vw,90px) 0;\n border-bottom:1px solid var(--line);\n }\n\n .fml-gang-phone__head {\n display:grid;\n grid-template-columns:minmax(125px,.24fr) minmax(0,1fr);\n gap:clamp(26px,5vw,68px);\n align-items:start;\n }\n\n .fml-gang-phone__index {\n padding-top:7px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:900;\n letter-spacing:.12em;\n text-transform:uppercase;\n }\n\n .fml-gang-phone__section-title {\n max-width:980px;\n\n color:var(--white) !important;\n\n font-size:clamp(29px,3.9vw,47px) !important;\n font-weight:950 !important;\n letter-spacing:-.04em;\n line-height:1.05 !important;\n\n text-wrap:balance;\n }\n\n\n \/* =========================================================\n STORY PANEL\n ========================================================= *\/\n\n .fml-gang-phone__story {\n margin-top:42px;\n padding:clamp(28px,4vw,40px);\n\n border:1px solid var(--gold-line);\n border-left:3px solid var(--gold);\n border-radius:4px;\n\n background:\n linear-gradient(\n 110deg,\n rgba(255,215,0,.055),\n transparent 55%\n ),\n var(--panel);\n }\n\n .fml-gang-phone__story p {\n color:var(--muted) !important;\n\n font-size:15px;\n line-height:1.8;\n }\n\n .fml-gang-phone__story p + p {\n margin-top:18px !important;\n }\n\n .fml-gang-phone__story em,\n .fml-gang-phone__story strong {\n color:var(--white);\n }\n\n\n \/* =========================================================\n LEADERS \/ MEMBERS\n ========================================================= *\/\n\n .fml-gang-phone__feature-stack {\n display:grid;\n gap:14px;\n\n margin-top:42px;\n }\n\n .fml-gang-phone__feature {\n position:relative;\n overflow:hidden;\n\n padding:clamp(24px,3vw,32px);\n\n border:1px solid var(--line);\n border-radius:4px;\n\n background:var(--panel);\n }\n\n .fml-gang-phone__feature::before {\n content:\"\";\n position:absolute;\n top:0;\n left:0;\n\n width:84px;\n height:1px;\n\n background:var(--gold);\n }\n\n .fml-gang-phone__feature p {\n color:var(--muted) !important;\n\n font-size:15px;\n line-height:1.78;\n }\n\n .fml-gang-phone__feature p + p {\n margin-top:16px !important;\n }\n\n .fml-gang-phone__feature strong,\n .fml-gang-phone__feature em {\n color:var(--white);\n }\n\n\n \/* =========================================================\n CHALLENGE FLOW\n ========================================================= *\/\n\n .fml-gang-phone__flow {\n display:grid;\n grid-template-columns:repeat(3,minmax(0,1fr));\n gap:10px;\n\n margin-top:30px;\n }\n\n .fml-gang-phone__flow-step {\n min-width:0;\n padding:22px 18px;\n\n border:1px solid var(--line);\n border-top-color:var(--gold-line);\n border-radius:4px;\n\n background:rgba(255,255,255,.015);\n }\n\n .fml-gang-phone__flow-step small {\n display:block;\n margin-bottom:22px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n }\n\n .fml-gang-phone__flow-step p {\n color:var(--text) !important;\n\n font-size:14px;\n font-weight:700;\n line-height:1.65;\n }\n\n\n \/* =========================================================\n LIVE WAR PANEL\n ========================================================= *\/\n\n .fml-gang-phone__live {\n display:grid;\n grid-template-columns:minmax(0,1fr) 260px;\n gap:16px;\n\n margin-top:42px;\n }\n\n .fml-gang-phone__live-main,\n .fml-gang-phone__live-side {\n padding:clamp(26px,4vw,38px);\n\n border:1px solid var(--line);\n border-radius:5px;\n\n background:var(--panel);\n }\n\n .fml-gang-phone__live-main {\n border-color:var(--gold-line);\n\n background:\n linear-gradient(\n 130deg,\n rgba(255,215,0,.055),\n transparent 55%\n ),\n var(--panel);\n }\n\n .fml-gang-phone__live-main p {\n color:var(--muted) !important;\n\n font-size:15px;\n line-height:1.78;\n }\n\n .fml-gang-phone__live-main p + p {\n margin-top:18px !important;\n }\n\n .fml-gang-phone__live-side {\n display:flex;\n flex-direction:column;\n justify-content:center;\n\n min-height:220px;\n }\n\n .fml-gang-phone__live-side strong {\n color:var(--gold);\n\n font-size:clamp(28px,4vw,44px);\n font-weight:950;\n letter-spacing:-.045em;\n line-height:1.03;\n }\n\n\n \/* =========================================================\n GANG MANAGEMENT\n ========================================================= *\/\n\n .fml-gang-phone__management {\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:14px;\n\n margin-top:42px;\n }\n\n .fml-gang-phone__management-card {\n position:relative;\n overflow:hidden;\n\n padding:clamp(24px,3vw,31px);\n\n border:1px solid var(--line);\n border-radius:4px;\n\n background:var(--panel);\n }\n\n .fml-gang-phone__management-card::before {\n content:\"\";\n position:absolute;\n top:0;\n left:0;\n\n width:80px;\n height:1px;\n\n background:var(--gold);\n }\n\n .fml-gang-phone__management-card p {\n color:var(--muted) !important;\n\n font-size:15px;\n line-height:1.76;\n }\n\n .fml-gang-phone__management-card p + p {\n margin-top:16px !important;\n }\n\n .fml-gang-phone__management-card strong {\n color:var(--white);\n }\n\n\n \/* =========================================================\n RANKS\n ========================================================= *\/\n\n .fml-gang-phone__ranks {\n display:grid;\n grid-template-columns:repeat(3,minmax(0,1fr));\n gap:10px;\n\n margin-top:28px;\n }\n\n .fml-gang-phone__rank {\n padding:21px 18px;\n\n border:1px solid var(--line);\n border-top-color:var(--gold-line);\n border-radius:4px;\n\n background:var(--panel);\n\n text-align:center;\n }\n\n .fml-gang-phone__rank strong {\n color:var(--white);\n\n font-size:16px;\n font-weight:950;\n }\n\n\n \/* =========================================================\n NOTIFICATIONS\n ========================================================= *\/\n\n .fml-gang-phone__notifications {\n margin-top:42px;\n padding:clamp(28px,4vw,40px);\n\n border:1px solid var(--gold-line);\n border-radius:5px;\n\n background:\n radial-gradient(\n circle at 100% 0,\n rgba(255,215,0,.10),\n transparent 38%\n ),\n rgba(255,255,255,.015);\n }\n\n .fml-gang-phone__notifications p {\n color:var(--muted) !important;\n\n font-size:15px;\n line-height:1.78;\n }\n\n .fml-gang-phone__notifications p + p {\n margin-top:16px !important;\n }\n\n .fml-gang-phone__notifications strong {\n color:var(--white);\n }\n\n\n \/* =========================================================\n FINAL\n ========================================================= *\/\n\n .fml-gang-phone__final {\n margin-top:clamp(58px,8vw,100px);\n padding:clamp(36px,6vw,70px);\n\n border-top:1px solid var(--gold-line);\n border-bottom:1px solid var(--line);\n\n background:\n radial-gradient(\n circle at 100% 0,\n rgba(255,215,0,.12),\n transparent 34%\n ),\n rgba(255,255,255,.012);\n }\n\n .fml-gang-phone__final p {\n color:var(--white) !important;\n\n font-size:clamp(27px,4vw,48px);\n font-weight:950;\n letter-spacing:-.045em;\n line-height:1.08;\n }\n\n\n \/* =========================================================\n RESPONSIVE\n ========================================================= *\/\n\n @media (max-width:900px) {\n .fml-gang-phone__head {\n grid-template-columns:1fr;\n gap:15px;\n }\n\n .fml-gang-phone__live {\n grid-template-columns:1fr;\n }\n\n .fml-gang-phone__flow {\n grid-template-columns:1fr;\n }\n }\n\n @media (max-width:680px) {\n .fml-gang-phone {\n padding-top:8px;\n }\n\n .fml-gang-phone__hero {\n padding:30px 20px;\n }\n\n .fml-gang-phone__management,\n .fml-gang-phone__ranks {\n grid-template-columns:1fr;\n }\n }\n\n @media (prefers-reduced-motion:reduce) {\n .fml-gang-phone *,\n .fml-gang-phone *::before,\n .fml-gang-phone *::after {\n transition-duration:.01ms !important;\n animation-duration:.01ms !important;\n }\n }\n\u003c\/style\u003e\n\n\n\u003carticle class=\"fml-gang-phone\"\u003e\n\n \u003c!-- HERO --\u003e\n\n \u003cheader class=\"fml-gang-phone__hero\"\u003e\n\n \u003ch2 class=\"fml-gang-phone__title\"\u003e\n 📱 \u003cstrong\u003eGang Phone — The Pulse of the Streets\u003c\/strong\u003e\n \u003c\/h2\u003e\n\n \u003cdiv class=\"fml-gang-phone__hero-lines\"\u003e\n\n \u003cp\u003e\n This isn't just a script.\n \u003c\/p\u003e\n\n \u003cp\u003e\n It’s \u003cem\u003ethe heartbeat\u003c\/em\u003e of every gang war, every challenge issued in the dark, every wager placed under moonlight. It's what turns chaotic street brawls into something organized… respected… legendary.\n \u003c\/p\u003e\n\n \u003cp\u003e\n Imagine this: no more scribbled notes on napkins.\n \u003c\/p\u003e\n\n \u003cp\u003e\n No more server owners yelling commands in Discord about who won what.\n \u003c\/p\u003e\n\n \u003cp\u003e\n No manual counting kills or tracking rival wars like some ancient bookkeeper.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cp class=\"fml-gang-phone__intro\"\u003e\n The \u003cstrong\u003eGang Phone\u003c\/strong\u003e does it all — right in-game, live and real-time.\n \u003c\/p\u003e\n\n \u003c\/header\u003e\n\n\n \u003c!-- WHAT IT DOES --\u003e\n\n \u003csection class=\"fml-gang-phone__section\"\u003e\n\n \u003cdiv class=\"fml-gang-phone__head\"\u003e\n\n \u003cdiv class=\"fml-gang-phone__index\"\u003e\n 00 \/ Street Control\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003ch2 class=\"fml-gang-phone__section-title\"\u003e\n What It Does? Like a Boss\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- LEADERS \u0026 MEMBERS --\u003e\n\n \u003csection class=\"fml-gang-phone__section\"\u003e\n\n \u003cdiv class=\"fml-gang-phone__head\"\u003e\n\n \u003cdiv class=\"fml-gang-phone__index\"\u003e\n 01 \/ Wars\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003ch2 class=\"fml-gang-phone__section-title\"\u003e\n 🔥 For Leaders \u0026amp; Members:\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-gang-phone__feature-stack\"\u003e\n\n \u003carticle class=\"fml-gang-phone__feature\"\u003e\n\n \u003cp\u003e\n Every crew gets their own phone interface — sleek UI that loads instantly when you pull out your device (on foot or driving).\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-gang-phone__feature\"\u003e\n\n \u003cp\u003e\n - Want to declare war?\n \u003c\/p\u003e\n\n \u003cp\u003e\n Open phone → tap \u003cem\u003e\"Challenge Rival\"\u003c\/em\u003e → pick target gang,\n set wager amount ($$$), kill targets (\"Take out 5 members\"), even add special rules!\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"fml-gang-phone__flow\"\u003e\n\n \u003cdiv class=\"fml-gang-phone__flow-step\"\u003e\n \u003csmall\u003e01\u003c\/small\u003e\n \u003cp\u003eOpen phone\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-gang-phone__flow-step\"\u003e\n \u003csmall\u003e02\u003c\/small\u003e\n \u003cp\u003etap \u003cem\u003e\"Challenge Rival\"\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-gang-phone__flow-step\"\u003e\n \u003csmall\u003e03\u003c\/small\u003e\n \u003cp\u003epick target gang\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-gang-phone__feature\"\u003e\n\n \u003cp\u003e\n - Accepting challenges?\n \u003c\/p\u003e\n\n \u003cp\u003e\n Just swipe left on incoming notification: \"Accept\" or \"Ignore.\"\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-gang-phone__live\"\u003e\n\n \u003cdiv class=\"fml-gang-phone__live-main\"\u003e\n\n \u003cp\u003e\n Live scores update as soon as someone gets dropped—no lag. A feed shows recent kills with names and times stamped by the system itself (server-side validated!).\n \u003c\/p\u003e\n\n \u003cp\u003e\n You can see exactly how your team is doing versus rivals across leaderboards sorted by wins\/losses\/KDAs...\n \u003c\/p\u003e\n\n \u003cp\u003e\n And after wars end? Payouts happen automatically—fairly—to winners based on config settings defined by admins!\n \u003c\/p\u003e\n\n \u003cp\u003e\n If tied? Refunds go back to both sides…\n \u003c\/p\u003e\n\n \u003cp\u003e\n Admin controls let them cancel unfair fights too if needed!\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003caside class=\"fml-gang-phone__live-side\"\u003e\n\n \u003cstrong\u003e\n LIVE\u003cbr\u003eSCORES\n \u003c\/strong\u003e\n\n \u003c\/aside\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- MANAGEMENT --\u003e\n\n \u003csection class=\"fml-gang-phone__section\"\u003e\n\n \u003cdiv class=\"fml-gang-phone__head\"\u003e\n\n \u003cdiv class=\"fml-gang-phone__index\"\u003e\n 02 \/ Crew\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003ch2 class=\"fml-gang-phone__section-title\"\u003e\n 🌐 Gang Management Made Easy\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-gang-phone__management\"\u003e\n\n \u003carticle class=\"fml-gang-phone__management-card\"\u003e\n\n \u003cp\u003e\n Your entire roster lives here:\n \u003c\/p\u003e\n\n \u003cp\u003e\n Who’s online?\n \u003c\/p\u003e\n\n \u003cp\u003e\n What rank do they have (Leader \/ Lieutenant \/ Soldier)?\n \u003c\/p\u003e\n\n \u003cp\u003e\n Promote demote kick invite new recruits?\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-gang-phone__management-card\"\u003e\n\n \u003cp\u003e\n All stats are persistent:\n \u003c\/p\u003e\n\n \u003cp\u003e\n How many times did Player X start a fight?\n \u003c\/p\u003e\n\n \u003cp\u003e\n Which member brought most wins?\n \u003c\/p\u003e\n\n \u003cp\u003e\n Seasonal resets possible too—for fresh starts each month…\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-gang-phone__ranks\"\u003e\n\n \u003cdiv class=\"fml-gang-phone__rank\"\u003e\n \u003cstrong\u003eLeader\u003c\/strong\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-gang-phone__rank\"\u003e\n \u003cstrong\u003eLieutenant\u003c\/strong\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-gang-phone__rank\"\u003e\n \u003cstrong\u003eSoldier\u003c\/strong\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-gang-phone__story\"\u003e\n\n \u003cp\u003e\n Rank permissions mean only certain roles can issue high-stakes wars so power stays balanced...\n \u003c\/p\u003e\n\n \u003cp\u003e\n Cooldowns stop spamming challenges—and auto-cleanup keeps old data from clogging servers unnecessarily over time.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- NOTIFICATIONS --\u003e\n\n \u003csection class=\"fml-gang-phone__section\"\u003e\n\n \u003cdiv class=\"fml-gang-phone__head\"\u003e\n\n \u003cdiv class=\"fml-gang-phone__index\"\u003e\n 03 \/ Alerts\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003ch2 class=\"fml-gang-phone__section-title\"\u003e\n 💬 Notifications pop up everywhere!\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-gang-phone__notifications\"\u003e\n\n \u003cp\u003e\n Get pinged when someone joins your crew...\n \u003c\/p\u003e\n\n \u003cp\u003e\n When an attack happens…\n \u003c\/p\u003e\n\n \u003cp\u003e\n Even customizable sounds play for important events depending on preferences set via menu options within app itself:\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-gang-phone__final\"\u003e\n\n \u003cp\u003e\n Sound good?? Yeahhhh...\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\u003c\/article\u003e","brand":"Vanishdev","offers":[{"title":"Default Title","offer_id":45787333984365,"sku":null,"price":36.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/df4c48e312e7d2a7804b4c1507d171e13bad1056.jpg?v=1788690538"},{"product_id":"zat-advanced-banking-system-fivem-script","title":"ZAT Advanced Banking System","description":"\u003cstyle\u003e\n \/* =========================================================\n FIVEM-LAB — ZAT ADVANCED BANKING SYSTEM\n BANKING \/ ATM \/ SHARED ACCOUNTS\n ========================================================= *\/\n\n .fml-zat-banking {\n --gold:#ffd700;\n --white:#ffffff;\n --text:rgba(255,255,255,.92);\n --muted:rgba(255,255,255,.66);\n --dim:rgba(255,255,255,.42);\n --line:rgba(255,255,255,.10);\n --line-soft:rgba(255,255,255,.055);\n --gold-line:rgba(255,215,0,.34);\n --panel:rgba(255,255,255,.022);\n\n width:100%;\n max-width:1180px;\n margin:0 auto;\n padding:18px 0 88px;\n\n color:var(--text);\n background:transparent;\n font-family:inherit;\n font-size:16px;\n line-height:1.72;\n }\n\n .fml-zat-banking,\n .fml-zat-banking *,\n .fml-zat-banking *::before,\n .fml-zat-banking *::after {\n box-sizing:border-box;\n }\n\n .fml-zat-banking h2,\n .fml-zat-banking h3,\n .fml-zat-banking p,\n .fml-zat-banking ul {\n margin:0;\n }\n\n .fml-zat-banking ul {\n padding:0;\n list-style:none;\n }\n\n .fml-zat-banking ::selection {\n color:#050505;\n background:var(--gold);\n }\n\n\n \/* =========================================================\n HERO\n ========================================================= *\/\n\n .fml-zat-banking__hero {\n position:relative;\n overflow:hidden;\n\n padding:clamp(40px,6vw,78px);\n\n border:1px solid var(--line);\n border-top-color:var(--gold-line);\n border-radius:7px;\n\n background:\n radial-gradient(\n circle at 92% 2%,\n rgba(255,215,0,.15),\n transparent 31%\n ),\n linear-gradient(\n 135deg,\n rgba(255,215,0,.036),\n transparent 48%\n ),\n rgba(0,0,0,.18);\n }\n\n .fml-zat-banking__hero::before {\n content:\"\";\n position:absolute;\n top:0;\n left:0;\n\n width:min(470px,75%);\n height:2px;\n\n background:var(--gold);\n box-shadow:0 0 24px rgba(255,215,0,.36);\n }\n\n .fml-zat-banking__title {\n max-width:1050px;\n\n color:var(--white) !important;\n\n font-size:clamp(42px,5.8vw,74px) !important;\n font-weight:950 !important;\n letter-spacing:-.052em;\n line-height:.96 !important;\n\n text-wrap:balance;\n }\n\n .fml-zat-banking__hero-copy {\n display:grid;\n gap:12px;\n\n max-width:940px;\n margin-top:26px;\n }\n\n .fml-zat-banking__hero-copy p {\n color:var(--muted) !important;\n\n font-size:clamp(17px,1.7vw,21px);\n font-weight:600;\n line-height:1.66;\n }\n\n .fml-zat-banking__hero-copy p:first-child,\n .fml-zat-banking__hero-copy p:last-child {\n color:var(--white) !important;\n }\n\n .fml-zat-banking__hero-copy em {\n color:var(--white);\n }\n\n\n \/* =========================================================\n SECTION\n ========================================================= *\/\n\n .fml-zat-banking__section {\n padding:clamp(54px,7vw,90px) 0;\n border-bottom:1px solid var(--line);\n }\n\n .fml-zat-banking__section-title {\n max-width:980px;\n\n color:var(--white) !important;\n\n font-size:clamp(29px,3.9vw,47px) !important;\n font-weight:950 !important;\n letter-spacing:-.04em;\n line-height:1.05 !important;\n\n text-wrap:balance;\n }\n\n\n \/* =========================================================\n FEATURE BLOCK\n ========================================================= *\/\n\n .fml-zat-banking__feature {\n position:relative;\n overflow:hidden;\n\n margin-top:42px;\n padding:clamp(28px,4.5vw,44px);\n\n border:1px solid var(--line);\n border-top-color:var(--gold-line);\n border-radius:5px;\n\n background:\n radial-gradient(\n circle at 100% 0,\n rgba(255,215,0,.07),\n transparent 34%\n ),\n var(--panel);\n }\n\n .fml-zat-banking__feature::before {\n content:\"\";\n position:absolute;\n top:0;\n left:0;\n\n width:100px;\n height:1px;\n\n background:var(--gold);\n }\n\n .fml-zat-banking__feature h3 {\n max-width:920px;\n margin:0 0 24px !important;\n\n color:var(--white) !important;\n\n font-size:clamp(24px,3vw,34px) !important;\n font-weight:950 !important;\n letter-spacing:-.035em;\n line-height:1.08 !important;\n }\n\n .fml-zat-banking__feature-copy {\n display:grid;\n gap:17px;\n }\n\n .fml-zat-banking__feature-copy p {\n max-width:930px;\n\n color:var(--muted) !important;\n\n font-size:15px;\n line-height:1.8;\n }\n\n .fml-zat-banking__feature-copy em,\n .fml-zat-banking__feature-copy strong {\n color:var(--white);\n }\n\n\n \/* =========================================================\n ATM ACTIONS\n ========================================================= *\/\n\n .fml-zat-banking__actions {\n display:grid;\n grid-template-columns:repeat(3,minmax(0,1fr));\n gap:12px;\n\n margin:26px 0;\n }\n\n .fml-zat-banking__action {\n position:relative;\n\n padding:22px;\n\n border:1px solid var(--line);\n border-top-color:var(--gold-line);\n border-radius:4px;\n\n background:rgba(255,255,255,.018);\n }\n\n .fml-zat-banking__action p {\n color:var(--text) !important;\n\n font-size:14px;\n font-weight:650;\n line-height:1.7;\n }\n\n\n \/* =========================================================\n SHARED ACCOUNTS\n ========================================================= *\/\n\n .fml-zat-banking__shared {\n display:grid;\n grid-template-columns:minmax(0,1fr) 260px;\n gap:16px;\n\n margin-top:42px;\n }\n\n .fml-zat-banking__shared-main,\n .fml-zat-banking__shared-side {\n padding:clamp(28px,4vw,40px);\n\n border:1px solid var(--line);\n border-radius:5px;\n\n background:var(--panel);\n }\n\n .fml-zat-banking__shared-main {\n border-color:var(--gold-line);\n\n background:\n linear-gradient(\n 130deg,\n rgba(255,215,0,.055),\n transparent 55%\n ),\n var(--panel);\n }\n\n .fml-zat-banking__shared-main p {\n color:var(--muted) !important;\n\n font-size:15px;\n line-height:1.8;\n }\n\n .fml-zat-banking__shared-main p + p {\n margin-top:18px !important;\n }\n\n .fml-zat-banking__shared-main strong {\n color:var(--white);\n }\n\n .fml-zat-banking__shared-side {\n display:flex;\n align-items:center;\n justify-content:center;\n\n min-height:220px;\n\n text-align:center;\n }\n\n .fml-zat-banking__shared-side span {\n color:var(--gold);\n\n font-size:clamp(44px,6vw,72px);\n line-height:1;\n }\n\n\n \/* =========================================================\n HIGHLIGHT\n ========================================================= *\/\n\n .fml-zat-banking__highlight {\n margin-top:28px;\n padding:clamp(25px,4vw,36px);\n\n border:1px solid var(--gold-line);\n border-left:3px solid var(--gold);\n border-radius:4px;\n\n background:\n linear-gradient(\n 110deg,\n rgba(255,215,0,.055),\n transparent 55%\n ),\n rgba(255,255,255,.015);\n }\n\n .fml-zat-banking__highlight p {\n color:var(--white) !important;\n\n font-size:clamp(17px,1.8vw,21px);\n font-weight:750;\n line-height:1.66;\n }\n\n\n \/* =========================================================\n RESPONSIVE\n ========================================================= *\/\n\n @media (max-width:900px) {\n .fml-zat-banking__actions {\n grid-template-columns:1fr;\n }\n\n .fml-zat-banking__shared {\n grid-template-columns:1fr;\n }\n\n .fml-zat-banking__shared-side {\n min-height:130px;\n }\n }\n\n @media (max-width:680px) {\n .fml-zat-banking {\n padding-top:8px;\n }\n\n .fml-zat-banking__hero {\n padding:30px 20px;\n }\n\n .fml-zat-banking__feature {\n padding:26px 20px;\n }\n }\n\n @media (prefers-reduced-motion:reduce) {\n .fml-zat-banking *,\n .fml-zat-banking *::before,\n .fml-zat-banking *::after {\n transition-duration:.01ms !important;\n animation-duration:.01ms !important;\n }\n }\n\u003c\/style\u003e\n\n\n\u003carticle class=\"fml-zat-banking\"\u003e\n\n \u003cheader class=\"fml-zat-banking__hero\"\u003e\n\n \u003ch2 class=\"fml-zat-banking__title\"\u003e\n 🏦 \u003cstrong\u003eZAT Advanced Banking System\u003c\/strong\u003e\n \u003c\/h2\u003e\n\n \u003cdiv class=\"fml-zat-banking__hero-copy\"\u003e\n\n \u003cp\u003e\n Not just another menu — this is \u003cem\u003ea full in-world financial ecosystem\u003c\/em\u003e for FiveM servers. It transforms how players interact with money, loans, and banking… making every transaction feel real.\n \u003c\/p\u003e\n\n \u003cp\u003e\n No more boring \"press F5 to get cash\" screens.\n \u003c\/p\u003e\n\n \u003cp\u003e\n This? This is roleplay-driven banking — cards, PINs, ATMs... even credit scores.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/header\u003e\n\n\n \u003csection class=\"fml-zat-banking__section\"\u003e\n\n \u003ch2 class=\"fml-zat-banking__section-title\"\u003e\n What Makes It Special?\n \u003c\/h2\u003e\n\n\n \u003carticle class=\"fml-zat-banking__feature\"\u003e\n\n \u003ch3\u003e\n 💳 Realistic Account Setup\n \u003c\/h3\u003e\n\n\n \u003cdiv class=\"fml-zat-banking__feature-copy\"\u003e\n\n \u003cp\u003e\n Every player gets their own unique physical card (with name + number printed on it) and a personal PIN.\n \u003c\/p\u003e\n\n \u003cp\u003e\n Cards aren’t generic tokens — they’re \u003cem\u003elinked to the account\u003c\/em\u003e, can be changed at any bank branch or ATM…\n \u003cbr\u003e\n And yeah—you can steal them too! (For RP chaos.)\n \u003c\/p\u003e\n\n \u003cp\u003e\n If someone tries your PIN wrong three times?\n \u003cbr\u003e\n The system locks the card temporarily—just like real banks do!\n \u003c\/p\u003e\n\n \u003cp\u003e\n And no two accounts share the same details unless you create shared ones intentionally…\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-zat-banking__feature\"\u003e\n\n \u003ch3\u003e\n 🏧 Full ATM Functionality\n \u003c\/h3\u003e\n\n\n \u003cdiv class=\"fml-zat-banking__feature-copy\"\u003e\n\n \u003cp\u003e\n Interact with actual bank props placed around Los Santos:\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"fml-zat-banking__actions\"\u003e\n\n \u003cdiv class=\"fml-zat-banking__action\"\u003e\n\n \u003cp\u003e\n - Insert your card → enter PIN → withdraw $200?\n \u003cbr\u003e\n → Done smoothly via UI animation!\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-zat-banking__action\"\u003e\n\n \u003cp\u003e\n - Deposit cash into an account?\n \u003cbr\u003e\n Slip bills into machine—and boom—balance updates live.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-zat-banking__action\"\u003e\n\n \u003cp\u003e\n - Transfer funds between accounts? Easy button clicks right there…\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cp\u003e\n Even change your forgotten PIN directly from an ATM screen!\n \u003c\/p\u003e\n\n \u003cp\u003e\n Every action feels natural because you're not typing commands… you're using digital interfaces like a citizen would in modern life.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/article\u003e\n\n \u003c\/section\u003e\n\n\n \u003csection class=\"fml-zat-banking__section\"\u003e\n\n \u003ch2 class=\"fml-zat-banking__section-title\"\u003e\n 🤝 Shared Accounts \u0026amp; Group Finances\n \u003c\/h2\u003e\n\n\n \u003cdiv class=\"fml-zat-banking__shared\"\u003e\n\n \u003cdiv class=\"fml-zat-banking__shared-main\"\u003e\n\n \u003cp\u003e\n Want joint savings between partners or crewmates?\n \u003c\/p\u003e\n\n \u003cp\u003e\n Create shared accounts linked by server IDs so only authorized members access it.\n \u003c\/p\u003e\n\n \u003cp\u003e\n Add\/remove people as needed without admin help! Perfect for gang treasuries or business partnerships...\n \u003c\/p\u003e\n\n \u003cp\u003e\n Job-based groups get automatic funded subaccounts too: police fund \/ hospital salary pool etc.—all configurable by admins based on framework roles available...\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003caside class=\"fml-zat-banking__shared-side\"\u003e\n\n \u003cspan\u003e\n 🤝\n \u003c\/span\u003e\n\n \u003c\/aside\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-zat-banking__highlight\"\u003e\n\n \u003cp\u003e\n Gangs don't need sticky notes saying \"this money ours\"—they’ve got proper accounting now.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\u003c\/article\u003e","brand":"Zatv","offers":[{"title":"Default Title","offer_id":45787336769645,"sku":null,"price":23.24,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/f1b4a796e554443b43d84566e65bb929fff04ff0.jpg?v=1788690539"},{"product_id":"nsr-police-radar-system-fivem-script","title":"NSR Police Radar System","description":"\u003cstyle\u003e\n \/* =========================================================\n FIVEM-LAB — NSR POLICE RADAR SYSTEM\n LAW ENFORCEMENT RADAR \/ MULTI-FRAMEWORK\n ========================================================= *\/\n\n .fml-nsr-radar {\n --gold:#ffd700;\n --white:#ffffff;\n --black:#050505;\n --text:rgba(255,255,255,.92);\n --muted:rgba(255,255,255,.66);\n --dim:rgba(255,255,255,.42);\n --line:rgba(255,255,255,.10);\n --line-soft:rgba(255,255,255,.055);\n --gold-line:rgba(255,215,0,.34);\n --panel:rgba(255,255,255,.022);\n\n width:100%;\n max-width:1180px;\n margin:0 auto;\n padding:18px 0 88px;\n\n color:var(--text);\n background:transparent;\n font-family:inherit;\n font-size:16px;\n line-height:1.7;\n }\n\n .fml-nsr-radar,\n .fml-nsr-radar *,\n .fml-nsr-radar *::before,\n .fml-nsr-radar *::after {\n box-sizing:border-box;\n }\n\n .fml-nsr-radar h2,\n .fml-nsr-radar h3,\n .fml-nsr-radar p {\n margin:0;\n }\n\n .fml-nsr-radar ::selection {\n color:#050505;\n background:var(--gold);\n }\n\n .fml-nsr-radar code {\n padding:2px 6px;\n\n color:var(--gold);\n background:rgba(255,215,0,.055);\n\n border:1px solid rgba(255,215,0,.18);\n border-radius:3px;\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n }\n\n\n \/* =========================================================\n HERO\n ========================================================= *\/\n\n .fml-nsr-radar__hero {\n position:relative;\n overflow:hidden;\n\n padding:clamp(38px,6vw,76px);\n\n border:1px solid var(--line);\n border-top-color:var(--gold-line);\n border-radius:7px;\n\n background:\n radial-gradient(\n circle at 92% 3%,\n rgba(255,215,0,.14),\n transparent 31%\n ),\n linear-gradient(\n 135deg,\n rgba(255,215,0,.035),\n transparent 48%\n ),\n rgba(0,0,0,.18);\n }\n\n .fml-nsr-radar__hero::before {\n content:\"\";\n position:absolute;\n top:0;\n left:0;\n\n width:min(450px,72%);\n height:2px;\n\n background:var(--gold);\n box-shadow:0 0 24px rgba(255,215,0,.36);\n }\n\n .fml-nsr-radar__eyebrow {\n display:flex;\n flex-wrap:wrap;\n gap:8px 16px;\n\n margin-bottom:23px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:900;\n letter-spacing:.15em;\n text-transform:uppercase;\n }\n\n .fml-nsr-radar__eyebrow span + span {\n color:var(--dim);\n }\n\n .fml-nsr-radar__eyebrow span + span::before {\n content:\"\/\";\n margin-right:16px;\n color:var(--gold);\n }\n\n .fml-nsr-radar__title {\n max-width:1000px;\n\n color:var(--white) !important;\n\n font-size:clamp(42px,5.8vw,74px) !important;\n font-weight:950 !important;\n letter-spacing:-.052em;\n line-height:.96 !important;\n\n text-wrap:balance;\n }\n\n .fml-nsr-radar__lead {\n max-width:900px;\n margin-top:25px !important;\n\n color:var(--muted) !important;\n\n font-size:clamp(18px,1.9vw,23px);\n font-weight:600;\n line-height:1.58;\n }\n\n .fml-nsr-radar__lead em {\n color:var(--white);\n }\n\n .fml-nsr-radar__hero-note {\n max-width:900px;\n margin-top:14px !important;\n\n color:var(--white) !important;\n\n font-size:15px;\n font-weight:800;\n }\n\n .fml-nsr-radar__badges {\n display:flex;\n flex-wrap:wrap;\n gap:10px;\n\n margin-top:31px;\n }\n\n .fml-nsr-radar__badge {\n display:inline-flex;\n align-items:center;\n\n min-height:37px;\n padding:0 13px;\n\n color:var(--white);\n background:rgba(255,255,255,.025);\n\n border:1px solid var(--line);\n border-radius:3px;\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.09em;\n text-transform:uppercase;\n }\n\n .fml-nsr-radar__badge--gold {\n color:#050505;\n background:var(--gold);\n border-color:var(--gold);\n }\n\n\n \/* =========================================================\n SECTION BASE\n ========================================================= *\/\n\n .fml-nsr-radar__section {\n padding:clamp(54px,7vw,88px) 0;\n border-bottom:1px solid var(--line);\n }\n\n .fml-nsr-radar__head {\n display:grid;\n grid-template-columns:minmax(125px,.24fr) minmax(0,1fr);\n gap:clamp(26px,5vw,68px);\n align-items:start;\n }\n\n .fml-nsr-radar__index {\n padding-top:7px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:900;\n letter-spacing:.12em;\n text-transform:uppercase;\n }\n\n .fml-nsr-radar__section-title {\n max-width:950px;\n\n color:var(--white) !important;\n\n font-size:clamp(29px,3.9vw,47px) !important;\n font-weight:950 !important;\n letter-spacing:-.04em;\n line-height:1.05 !important;\n }\n\n .fml-nsr-radar__copy {\n max-width:900px;\n margin-top:20px !important;\n\n color:var(--muted) !important;\n\n font-size:16px;\n line-height:1.78;\n }\n\n .fml-nsr-radar__copy em {\n color:var(--white);\n }\n\n\n \/* =========================================================\n OVERVIEW PANEL\n ========================================================= *\/\n\n .fml-nsr-radar__panel {\n display:grid;\n grid-template-columns:minmax(0,1fr) 260px;\n gap:16px;\n\n margin-top:42px;\n }\n\n .fml-nsr-radar__panel-main,\n .fml-nsr-radar__panel-side {\n padding:clamp(26px,4vw,38px);\n\n border:1px solid var(--line);\n border-radius:5px;\n\n background:var(--panel);\n }\n\n .fml-nsr-radar__panel-main {\n border-color:var(--gold-line);\n\n background:\n linear-gradient(\n 130deg,\n rgba(255,215,0,.055),\n transparent 55%\n ),\n var(--panel);\n }\n\n .fml-nsr-radar__panel small {\n display:block;\n margin-bottom:11px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.11em;\n text-transform:uppercase;\n }\n\n .fml-nsr-radar__panel h3 {\n margin:0 0 13px !important;\n\n color:var(--white) !important;\n\n font-size:clamp(22px,3vw,32px) !important;\n font-weight:950 !important;\n letter-spacing:-.035em;\n line-height:1.1 !important;\n }\n\n .fml-nsr-radar__panel p {\n color:var(--muted) !important;\n\n font-size:14px;\n line-height:1.72;\n }\n\n .fml-nsr-radar__panel-side {\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n\n min-height:220px;\n }\n\n .fml-nsr-radar__panel-side strong {\n color:var(--gold);\n\n font-size:clamp(27px,4vw,42px);\n font-weight:950;\n letter-spacing:-.045em;\n line-height:1;\n }\n\n\n \/* =========================================================\n FEATURE CARDS\n ========================================================= *\/\n\n .fml-nsr-radar__features {\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:14px;\n\n margin-top:42px;\n }\n\n .fml-nsr-radar__card {\n position:relative;\n overflow:hidden;\n\n min-width:0;\n padding:clamp(24px,3vw,31px);\n\n border:1px solid var(--line);\n border-radius:4px;\n\n background:var(--panel);\n\n transition:\n transform .18s ease,\n border-color .18s ease,\n background .18s ease;\n }\n\n .fml-nsr-radar__card::before {\n content:\"\";\n position:absolute;\n top:0;\n left:0;\n\n width:0;\n height:1px;\n\n background:var(--gold);\n\n transition:width .22s ease;\n }\n\n .fml-nsr-radar__card:hover {\n transform:translateY(-2px);\n border-color:var(--gold-line);\n background:rgba(255,255,255,.038);\n }\n\n .fml-nsr-radar__card:hover::before {\n width:100%;\n }\n\n .fml-nsr-radar__card-top {\n display:flex;\n justify-content:space-between;\n gap:14px;\n\n margin-bottom:25px;\n }\n\n .fml-nsr-radar__card-index {\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:10px;\n font-weight:950;\n }\n\n .fml-nsr-radar__card-tag {\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:8px;\n font-weight:800;\n letter-spacing:.09em;\n text-align:right;\n text-transform:uppercase;\n }\n\n .fml-nsr-radar__card h3 {\n margin:0 0 11px !important;\n\n color:var(--white) !important;\n\n font-size:clamp(20px,2vw,25px) !important;\n font-weight:950 !important;\n letter-spacing:-.03em;\n line-height:1.15 !important;\n }\n\n .fml-nsr-radar__card p {\n color:var(--muted) !important;\n\n font-size:14px;\n line-height:1.72;\n }\n\n\n \/* =========================================================\n FRAMEWORKS\n ========================================================= *\/\n\n .fml-nsr-radar__frameworks {\n display:grid;\n grid-template-columns:repeat(4,minmax(0,1fr));\n gap:10px;\n\n margin-top:42px;\n }\n\n .fml-nsr-radar__framework {\n padding:22px 18px;\n\n border:1px solid var(--line);\n border-top-color:var(--gold-line);\n border-radius:4px;\n\n background:var(--panel);\n }\n\n .fml-nsr-radar__framework small {\n display:block;\n margin-bottom:22px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n }\n\n .fml-nsr-radar__framework strong {\n display:block;\n\n color:var(--white);\n\n font-size:17px;\n font-weight:950;\n }\n\n\n \/* =========================================================\n REQUIREMENTS \/ TECH\n ========================================================= *\/\n\n .fml-nsr-radar__terminal {\n margin-top:42px;\n overflow:hidden;\n\n border:1px solid var(--gold-line);\n border-radius:4px;\n\n background:\n linear-gradient(\n 180deg,\n rgba(255,215,0,.026),\n transparent 30%\n ),\n rgba(0,0,0,.20);\n }\n\n .fml-nsr-radar__terminal-head {\n display:flex;\n flex-wrap:wrap;\n justify-content:space-between;\n gap:10px 24px;\n\n padding:14px 18px;\n\n border-bottom:1px solid var(--line);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.09em;\n text-transform:uppercase;\n }\n\n .fml-nsr-radar__terminal-head strong {\n color:var(--gold);\n }\n\n .fml-nsr-radar__terminal-head span {\n color:var(--dim);\n }\n\n .fml-nsr-radar__tech-grid {\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n }\n\n .fml-nsr-radar__tech {\n padding:clamp(23px,3.5vw,32px);\n\n border-right:1px solid var(--line);\n border-bottom:1px solid var(--line);\n }\n\n .fml-nsr-radar__tech:nth-child(2n) {\n border-right:0;\n }\n\n .fml-nsr-radar__tech:nth-last-child(-n + 2) {\n border-bottom:0;\n }\n\n .fml-nsr-radar__tech small {\n display:block;\n margin-bottom:11px;\n\n color:var(--dim);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:8px;\n font-weight:900;\n letter-spacing:.12em;\n text-transform:uppercase;\n }\n\n .fml-nsr-radar__tech strong {\n display:block;\n\n color:var(--white);\n\n font-size:clamp(18px,2.2vw,27px);\n font-weight:950;\n letter-spacing:-.035em;\n line-height:1.18;\n }\n\n\n \/* =========================================================\n INSTALL NOTE\n ========================================================= *\/\n\n .fml-nsr-radar__note {\n margin-top:42px;\n padding:clamp(25px,4vw,36px);\n\n border:1px solid var(--gold-line);\n border-left:3px solid var(--gold);\n border-radius:4px;\n\n background:\n linear-gradient(\n 110deg,\n rgba(255,215,0,.055),\n transparent 55%\n ),\n rgba(255,255,255,.015);\n }\n\n .fml-nsr-radar__note small {\n display:block;\n margin-bottom:11px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.11em;\n text-transform:uppercase;\n }\n\n .fml-nsr-radar__note p {\n color:var(--muted) !important;\n\n font-size:15px;\n line-height:1.72;\n }\n\n\n \/* =========================================================\n CLOSING\n ========================================================= *\/\n\n .fml-nsr-radar__closing {\n position:relative;\n overflow:hidden;\n\n margin-top:clamp(62px,8vw,100px);\n padding:clamp(38px,6vw,72px);\n\n border-top:1px solid var(--gold-line);\n border-bottom:1px solid var(--line);\n\n background:\n radial-gradient(\n circle at 100% 0,\n rgba(255,215,0,.12),\n transparent 34%\n ),\n rgba(255,255,255,.012);\n }\n\n .fml-nsr-radar__closing-label {\n margin-bottom:18px;\n\n color:var(--gold);\n\n font-family:\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n monospace;\n\n font-size:9px;\n font-weight:900;\n letter-spacing:.13em;\n text-transform:uppercase;\n }\n\n .fml-nsr-radar__closing h2 {\n max-width:940px;\n\n color:var(--white) !important;\n\n font-size:clamp(31px,4.4vw,52px) !important;\n font-weight:950 !important;\n letter-spacing:-.045em;\n line-height:1.03 !important;\n }\n\n\n \/* =========================================================\n RESPONSIVE\n ========================================================= *\/\n\n @media (max-width:900px) {\n .fml-nsr-radar__head {\n grid-template-columns:1fr;\n gap:15px;\n }\n\n .fml-nsr-radar__panel {\n grid-template-columns:1fr;\n }\n\n .fml-nsr-radar__frameworks {\n grid-template-columns:repeat(2,minmax(0,1fr));\n }\n }\n\n @media (max-width:680px) {\n .fml-nsr-radar {\n padding-top:8px;\n }\n\n .fml-nsr-radar__hero {\n padding:30px 20px;\n }\n\n .fml-nsr-radar__eyebrow {\n display:grid;\n gap:5px;\n }\n\n .fml-nsr-radar__eyebrow span + span::before {\n display:none;\n }\n\n .fml-nsr-radar__features,\n .fml-nsr-radar__frameworks,\n .fml-nsr-radar__tech-grid {\n grid-template-columns:1fr;\n }\n\n .fml-nsr-radar__tech {\n border-right:0;\n border-bottom:1px solid var(--line);\n }\n\n .fml-nsr-radar__tech:nth-last-child(-n + 2) {\n border-bottom:1px solid var(--line);\n }\n\n .fml-nsr-radar__tech:last-child {\n border-bottom:0;\n }\n\n .fml-nsr-radar__closing {\n padding:36px 21px;\n }\n }\n\n @media (prefers-reduced-motion:reduce) {\n .fml-nsr-radar *,\n .fml-nsr-radar *::before,\n .fml-nsr-radar *::after {\n transition-duration:.01ms !important;\n animation-duration:.01ms !important;\n }\n }\n\u003c\/style\u003e\n\n\n\u003carticle class=\"fml-nsr-radar\"\u003e\n\n \u003c!-- HERO --\u003e\n\n \u003cheader class=\"fml-nsr-radar__hero\"\u003e\n\n \u003cdiv class=\"fml-nsr-radar__eyebrow\"\u003e\n \u003cspan\u003eFiveM Police Resource\u003c\/span\u003e\n \u003cspan\u003eRadar System\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch2 class=\"fml-nsr-radar__title\"\u003e\n 🚨 \u003cstrong\u003eNSR Police Radar System\u003c\/strong\u003e\n \u003c\/h2\u003e\n\n \u003cp class=\"fml-nsr-radar__lead\"\u003e\n A powerful FiveM script that brings \u003cem\u003erealistic law enforcement radar functionality\u003c\/em\u003e to roleplay servers.\n \u003c\/p\u003e\n\n \u003cp class=\"fml-nsr-radar__hero-note\"\u003e\n Designed for cops, by cops.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"fml-nsr-radar__badges\"\u003e\n\n \u003cspan class=\"fml-nsr-radar__badge fml-nsr-radar__badge--gold\"\u003e\n Front + Rear Radar\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-nsr-radar__badge\"\u003e\n Citation System\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-nsr-radar__badge\"\u003e\n Server Validation\n \u003c\/span\u003e\n\n \u003cspan class=\"fml-nsr-radar__badge\"\u003e\n Multi-Framework\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/header\u003e\n\n\n \u003c!-- WHAT'S THE DEAL --\u003e\n\n \u003csection class=\"fml-nsr-radar__section\"\u003e\n\n \u003cdiv class=\"fml-nsr-radar__head\"\u003e\n\n \u003cdiv class=\"fml-nsr-radar__index\"\u003e\n 00 \/ Overview\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003ch2 class=\"fml-nsr-radar__section-title\"\u003e\n What's the Deal?\n \u003c\/h2\u003e\n\n \u003cp class=\"fml-nsr-radar__copy\"\u003e\n This system simulates front and rear radar sweeps—just like real police cars—with target locking, UI panels for issuing tickets, and a full history of interactions. The best part? It verifies vehicle speeds \u003cem\u003eserver-side\u003c\/em\u003e, making it nearly impossible to spoof or fake readings.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-nsr-radar__panel\"\u003e\n\n \u003carticle class=\"fml-nsr-radar__panel-main\"\u003e\n\n \u003csmall\u003e\n \/\/ POLICE RADAR SYSTEM\n \u003c\/small\u003e\n\n \u003ch3\u003e\n Front + rear radar sweeps with target locking and citation tools.\n \u003c\/h3\u003e\n\n \u003cp\u003e\n This system simulates front and rear radar sweeps—just like real police cars—with target locking, UI panels for issuing tickets, and a full history of interactions.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003caside class=\"fml-nsr-radar__panel-side\"\u003e\n\n \u003csmall\u003e\n Speed validation\n \u003c\/small\u003e\n\n \u003cstrong\u003e\n SERVER\n \u003c\/strong\u003e\n\n \u003csmall\u003e\n Anti-spoof protection\n \u003c\/small\u003e\n\n \u003c\/aside\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- FEATURES --\u003e\n\n \u003csection class=\"fml-nsr-radar__section\"\u003e\n\n \u003cdiv class=\"fml-nsr-radar__head\"\u003e\n\n \u003cdiv class=\"fml-nsr-radar__index\"\u003e\n 01 \/ Features\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003ch2 class=\"fml-nsr-radar__section-title\"\u003e\n Key Features 🔧\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-nsr-radar__features\"\u003e\n\n \u003carticle class=\"fml-nsr-radar__card\"\u003e\n\n \u003cdiv class=\"fml-nsr-radar__card-top\"\u003e\n \u003cspan class=\"fml-nsr-radar__card-index\"\u003e01\u003c\/span\u003e\n \u003cspan class=\"fml-nsr-radar__card-tag\"\u003eFront + Rear\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003e\n ✅ \u003cstrong\u003eRadar Sweep \u0026amp; Lock\u003c\/strong\u003e\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Front + rear detection with smooth locking mechanics — just aim and see targets pop up!\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-nsr-radar__card\"\u003e\n\n \u003cdiv class=\"fml-nsr-radar__card-top\"\u003e\n \u003cspan class=\"fml-nsr-radar__card-index\"\u003e02\u003c\/span\u003e\n \u003cspan class=\"fml-nsr-radar__card-tag\"\u003eServer Validation\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003e\n ✅ \u003cstrong\u003eAnti-Spoof Protection\u003c\/strong\u003e\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Server-validated speed checks ensure no fake readings (no cheaters getting away easy).\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-nsr-radar__card\"\u003e\n\n \u003cdiv class=\"fml-nsr-radar__card-top\"\u003e\n \u003cspan class=\"fml-nsr-radar__card-index\"\u003e03\u003c\/span\u003e\n \u003cspan class=\"fml-nsr-radar__card-tag\"\u003eSpeed Levels\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003e\n ✅ \u003cstrong\u003eSpeed Tier Classification\u003c\/strong\u003e\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Automatically categorizes speeds into customizable tiers: warning \/ ticket \/ chase levels.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-nsr-radar__card\"\u003e\n\n \u003cdiv class=\"fml-nsr-radar__card-top\"\u003e\n \u003cspan class=\"fml-nsr-radar__card-index\"\u003e04\u003c\/span\u003e\n \u003cspan class=\"fml-nsr-radar__card-tag\"\u003eTickets · History\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003e\n 📄 Citation System\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Integrated UI lets officers issue tickets with details auto-filled — search past citations too!\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-nsr-radar__card\"\u003e\n\n \u003cdiv class=\"fml-nsr-radar__card-top\"\u003e\n \u003cspan class=\"fml-nsr-radar__card-index\"\u003e05\u003c\/span\u003e\n \u003cspan class=\"fml-nsr-radar__card-tag\"\u003eVoice Alerts\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003e\n 🎙️ Audio Alerts\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Built-in synthesized voice alerts (\"Speed detected... 85 mph\") — no external files needed!\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-nsr-radar__card\"\u003e\n\n \u003cdiv class=\"fml-nsr-radar__card-top\"\u003e\n \u003cspan class=\"fml-nsr-radar__card-index\"\u003e06\u003c\/span\u003e\n \u003cspan class=\"fml-nsr-radar__card-tag\"\u003eFiveM Mapping\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003e\n 🎮 Key Bindings\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Key Bindings Included via standard game settings menu – press a key, activate radar instantly.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-nsr-radar__card\"\u003e\n\n \u003cdiv class=\"fml-nsr-radar__card-top\"\u003e\n \u003cspan class=\"fml-nsr-radar__card-index\"\u003e07\u003c\/span\u003e\n \u003cspan class=\"fml-nsr-radar__card-tag\"\u003eFramework Bridge\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Auto-Detect Frameworks\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Works out-of-the-box with QBCore\/ESX\/Qbox\/Standalone environments\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-nsr-radar__card\"\u003e\n\n \u003cdiv class=\"fml-nsr-radar__card-top\"\u003e\n \u003cspan class=\"fml-nsr-radar__card-index\"\u003e08\u003c\/span\u003e\n \u003cspan class=\"fml-nsr-radar__card-tag\"\u003eTarget Integration\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003e\n ox_target \/ qb-target\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Integrates seamlessly with ox_target or qb-target modules – opens your radar panel smoothly when you point at vehicles...\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- FRAMEWORKS --\u003e\n\n \u003csection class=\"fml-nsr-radar__section\"\u003e\n\n \u003cdiv class=\"fml-nsr-radar__head\"\u003e\n\n \u003cdiv class=\"fml-nsr-radar__index\"\u003e\n 02 \/ Frameworks\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003ch2 class=\"fml-nsr-radar__section-title\"\u003e\n Supports all major frameworks\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-nsr-radar__frameworks\"\u003e\n\n \u003cdiv class=\"fml-nsr-radar__framework\"\u003e\n \u003csmall\u003e01\u003c\/small\u003e\n \u003cstrong\u003eQBCore\u003c\/strong\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-nsr-radar__framework\"\u003e\n \u003csmall\u003e02\u003c\/small\u003e\n \u003cstrong\u003eESX\u003c\/strong\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-nsr-radar__framework\"\u003e\n \u003csmall\u003e03\u003c\/small\u003e\n \u003cstrong\u003eQbox\u003c\/strong\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-nsr-radar__framework\"\u003e\n \u003csmall\u003e04\u003c\/small\u003e\n \u003cstrong\u003eStandalone\u003c\/strong\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- REQUIREMENTS --\u003e\n\n \u003csection class=\"fml-nsr-radar__section\"\u003e\n\n \u003cdiv class=\"fml-nsr-radar__head\"\u003e\n\n \u003cdiv class=\"fml-nsr-radar__index\"\u003e\n 03 \/ Technical\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003ch2 class=\"fml-nsr-radar__section-title\"\u003e\n Requirements:\n \u003c\/h2\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-nsr-radar__terminal\"\u003e\n\n \u003cdiv class=\"fml-nsr-radar__terminal-head\"\u003e\n \u003cstrong\u003e\/\/ NSR_POLICE_RADAR\u003c\/strong\u003e\n \u003cspan\u003eFiveM \/ Police Radar System\u003c\/span\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-nsr-radar__tech-grid\"\u003e\n\n \u003cdiv class=\"fml-nsr-radar__tech\"\u003e\n\n \u003csmall\u003e\n Framework Support\n \u003c\/small\u003e\n\n \u003cstrong\u003e\n Supports all major frameworks (QBCore ESX Qbox Standalone)\n \u003c\/strong\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-nsr-radar__tech\"\u003e\n\n \u003csmall\u003e\n Code Access\n \u003c\/small\u003e\n\n \u003cstrong\u003e\n Some code is escrowed but configuration \u0026amp; localization files are open-source.\n \u003c\/strong\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-nsr-radar__tech\"\u003e\n\n \u003csmall\u003e\n Target Integration\n \u003c\/small\u003e\n\n \u003cstrong\u003e\n ox_target or qb-target\n \u003c\/strong\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-nsr-radar__tech\"\u003e\n\n \u003csmall\u003e\n Installation\n \u003c\/small\u003e\n\n \u003cstrong\u003e\n Installation steps provided by the author directly on their page\n \u003c\/strong\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-nsr-radar__note\"\u003e\n\n \u003csmall\u003e\n \/\/ INSTALLATION\n \u003c\/small\u003e\n\n \u003cp\u003e\n Installation steps provided by the author directly on their page\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- CLOSING --\u003e\n\n \u003csection class=\"fml-nsr-radar__closing\"\u003e\n\n \u003cdiv class=\"fml-nsr-radar__closing-label\"\u003e\n NSR Police Radar System \/ FiveM\n \u003c\/div\u003e\n\n \u003ch2\u003e\n 🚨 \u003cstrong\u003eNSR Police Radar System\u003c\/strong\u003e\n \u003c\/h2\u003e\n\n \u003c\/section\u003e\n\n\u003c\/article\u003e","brand":"Nsr Scripts","offers":[{"title":"Default Title","offer_id":45787337097325,"sku":null,"price":10.44,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/bc7108db6a676d1725c86fedca00e127514d037f.jpg?v=1788690541"},{"product_id":"rw-loading-screen-fivem-script","title":"RW Loading Screen","description":"\u003cstyle\u003e\n .fml-album-loadscreen {\n position: relative;\n width: 100%;\n max-width: none;\n margin: 0;\n padding: 12px 24px 20px 26px;\n\n color: rgba(255,255,255,.88);\n font-family: inherit;\n line-height: 1.75;\n }\n\n .fml-album-loadscreen,\n .fml-album-loadscreen * {\n box-sizing: border-box;\n }\n\n .fml-album-loadscreen::before {\n content: \"\";\n position: absolute;\n top: 14px;\n bottom: 20px;\n left: 0;\n width: 1px;\n\n background: linear-gradient(\n to bottom,\n #ffd700 0%,\n rgba(255,215,0,.28) 42%,\n rgba(255,255,255,.05) 100%\n );\n }\n\n .fml-album-loadscreen p {\n margin: 0 0 22px;\n color: rgba(255,255,255,.72);\n font-size: 15px;\n line-height: 1.82;\n }\n\n .fml-album-loadscreen strong,\n .fml-album-loadscreen em {\n color: #fff;\n }\n\n .fml-album-loadscreen__intro {\n margin-bottom: 30px !important;\n\n color: #fff !important;\n\n font-size: clamp(18px,1.6vw,22px) !important;\n font-weight: 750;\n line-height: 1.55 !important;\n letter-spacing: -.015em;\n }\n\n .fml-album-loadscreen__main {\n margin-bottom: 28px;\n padding: 20px 0;\n\n border-top: 1px solid rgba(255,255,255,.08);\n border-bottom: 1px solid rgba(255,255,255,.08);\n }\n\n .fml-album-loadscreen__main p:last-child {\n margin-bottom: 0;\n }\n\n .fml-album-loadscreen__label {\n margin: 0 0 16px;\n\n color: rgba(255,255,255,.44);\n\n font-size: 10px;\n font-weight: 850;\n letter-spacing: .13em;\n text-transform: uppercase;\n }\n\n .fml-album-loadscreen__features {\n display: grid;\n grid-template-columns: repeat(3,minmax(0,1fr));\n gap: 12px;\n\n margin-bottom: 28px;\n }\n\n .fml-album-loadscreen__feature {\n position: relative;\n\n padding: 18px 18px 18px 20px;\n\n border: 1px solid rgba(255,255,255,.08);\n border-radius: 2px;\n\n background: rgba(255,255,255,.018);\n }\n\n .fml-album-loadscreen__feature::before {\n content: \"\";\n position: absolute;\n top: 18px;\n bottom: 18px;\n left: 0;\n\n width: 2px;\n background: #ffd700;\n }\n\n .fml-album-loadscreen__feature p {\n margin: 0;\n color: rgba(255,255,255,.84);\n }\n\n .fml-album-loadscreen__performance {\n position: relative;\n\n margin: 28px 0;\n padding-left: 18px;\n }\n\n .fml-album-loadscreen__performance::before {\n content: \"\";\n position: absolute;\n top: 9px;\n left: 0;\n\n width: 7px;\n height: 7px;\n\n background: #ffd700;\n border-radius: 2px;\n }\n\n .fml-album-loadscreen__performance p {\n margin: 0;\n color: rgba(255,255,255,.92);\n }\n\n .fml-album-loadscreen__ending {\n margin-top: 28px;\n padding-top: 20px;\n\n border-top: 1px solid rgba(255,255,255,.08);\n }\n\n .fml-album-loadscreen__ending p {\n margin: 0;\n color: #fff !important;\n font-weight: 700;\n }\n\n @media (max-width: 900px) {\n .fml-album-loadscreen__features {\n grid-template-columns: 1fr;\n }\n }\n\n @media (max-width: 680px) {\n .fml-album-loadscreen {\n padding: 8px 0 12px 18px;\n }\n\n .fml-album-loadscreen__intro {\n font-size: 18px !important;\n }\n }\n\u003c\/style\u003e\n\n\n\u003carticle class=\"fml-album-loadscreen\"\u003e\n\n \u003cp class=\"fml-album-loadscreen__intro\"\u003e\n \u003cstrong\u003eThis is a stylish album-style loading screen for FiveM — like a music video, but in the form of a connection waiting screen.\u003c\/strong\u003e\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"fml-album-loadscreen__main\"\u003e\n\n \u003cp\u003e\n The interface is designed in an album style: clean design with a central image (cover art), smooth animations, and minimalist typography. It looks modern and very atmospheric.\n \u003c\/p\u003e\n\n \u003cp\u003e\n You can fully customize it for your server:\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-album-loadscreen__features\"\u003e\n\n \u003cdiv class=\"fml-album-loadscreen__feature\"\u003e\n \u003cp\u003e\n 🎨 Change the logo, background color, or background image,\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-album-loadscreen__feature\"\u003e\n \u003cp\u003e\n 🔊 Add your own music — so it plays during loading (it can be a track from your channel\/radio),\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-album-loadscreen__feature\"\u003e\n \u003cp\u003e\n ✍️ Change text elements or fonts.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-album-loadscreen__performance\"\u003e\n\n \u003cp\u003e\n The loading screen is lightweight on resources — it doesn’t slow down the server even with a large number of players. It works on all screen resolutions without glitches.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-album-loadscreen__ending\"\u003e\n\n \u003cp\u003e\n It doesn’t require any additional libraries! Just install it instead of the standard loading panel… And voilà – now your entrance looks like a show advertisement.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\u003c\/article\u003e","brand":"Royalewind","offers":[{"title":"Default Title","offer_id":45787340341357,"sku":null,"price":6.37,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/9650d6d56d7ca555d20275e0e83affd76806e8ca.jpg?v=1788690544"},{"product_id":"cr-carkeys-vehicle-keys-system-fivem-script","title":"CR-Carkeys Vehicle Keys System","description":"\u003cstyle\u003e\n .fml-cr-carkeys {\n position: relative;\n width: 100%;\n max-width: 980px;\n padding: 10px 8px 18px 24px;\n\n color: rgba(255,255,255,.88);\n font-family: inherit;\n line-height: 1.75;\n }\n\n .fml-cr-carkeys,\n .fml-cr-carkeys * {\n box-sizing: border-box;\n }\n\n .fml-cr-carkeys::before {\n content: \"\";\n position: absolute;\n top: 14px;\n bottom: 18px;\n left: 0;\n\n width: 1px;\n\n background: linear-gradient(\n to bottom,\n #ffd700 0%,\n rgba(255,215,0,.28) 42%,\n rgba(255,255,255,.06) 100%\n );\n }\n\n .fml-cr-carkeys p {\n max-width: 900px;\n margin: 0 0 22px;\n\n color: rgba(255,255,255,.72);\n\n font-size: 15px;\n line-height: 1.8;\n }\n\n .fml-cr-carkeys__intro {\n max-width: 890px !important;\n margin-bottom: 28px !important;\n\n color: #fff !important;\n\n font-size: clamp(18px,1.6vw,21px) !important;\n font-weight: 750;\n line-height: 1.55 !important;\n letter-spacing: -.015em;\n }\n\n .fml-cr-carkeys em {\n color: rgba(255,255,255,.95);\n }\n\n .fml-cr-carkeys__feature {\n max-width: 900px;\n margin: 26px 0;\n padding: 18px 0;\n\n border-top: 1px solid rgba(255,255,255,.08);\n border-bottom: 1px solid rgba(255,255,255,.08);\n }\n\n .fml-cr-carkeys__feature p {\n margin-bottom: 18px;\n }\n\n .fml-cr-carkeys__feature p:last-child {\n margin-bottom: 0;\n }\n\n .fml-cr-carkeys__security {\n position: relative;\n\n max-width: 900px;\n margin: 28px 0;\n padding-left: 18px;\n }\n\n .fml-cr-carkeys__security::before {\n content: \"\";\n position: absolute;\n top: 9px;\n left: 0;\n\n width: 7px;\n height: 7px;\n\n background: #ffd700;\n border-radius: 2px;\n }\n\n .fml-cr-carkeys__security p {\n margin: 0;\n color: rgba(255,255,255,.9) !important;\n }\n\n .fml-cr-carkeys__compatibility {\n max-width: 900px;\n margin: 28px 0 22px;\n padding: 16px 0;\n\n border-top: 1px solid rgba(255,255,255,.08);\n border-bottom: 1px solid rgba(255,255,255,.08);\n\n color: rgba(255,255,255,.84);\n }\n\n .fml-cr-carkeys__compatibility p {\n margin: 0;\n color: inherit !important;\n }\n\n .fml-cr-carkeys__ending {\n max-width: 900px;\n margin-top: 26px;\n }\n\n .fml-cr-carkeys__ending p {\n margin: 0;\n color: #fff !important;\n font-weight: 700;\n }\n\n @media (max-width: 680px) {\n .fml-cr-carkeys {\n padding: 6px 0 10px 18px;\n }\n\n .fml-cr-carkeys__intro {\n font-size: 18px !important;\n }\n }\n\u003c\/style\u003e\n\n\n\u003carticle class=\"fml-cr-carkeys\"\u003e\n\n \u003cp class=\"fml-cr-carkeys__intro\"\u003e\n \u003cstrong\u003eCR-Carkeys — это полноценная система ключей для авто на FiveM серверах. Не просто скрипт, а целый механизм ролевого взаимодействия с машинами.\u003c\/strong\u003e\n \u003c\/p\u003e\n\n \u003cp\u003e\n Открываешь KeyFob UI — и перед тобой: кнопки блокировки, запуск двигателя, багажник... Всё как в реальной жизни.\n \u003c\/p\u003e\n\n \u003cdiv class=\"fml-cr-carkeys__feature\"\u003e\n\n \u003cp\u003e\n Ключи бывают физическими (лежат в инвентаре) или сессионными — временные коды на входе. Они автоматически стираются через время!\n \u003c\/p\u003e\n\n \u003cp\u003e\n А если потерял ключ? Можешь попробовать взломать замок (lockpicking) или горячить проводку (hotwiring). Для этого используются skillcheck’и из ox_lib’а.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003cp\u003e\n Ещё круче: теперь NPC могут устраивать \u003cem\u003eнастоящие\u003c\/em\u003e автоугоны! Шанс успеха зависит от оружия преступника… И да — полиция уже получает сигнал тревоги при попытке кражи!\n \u003c\/p\u003e\n\n \u003cdiv class=\"fml-cr-carkeys__security\"\u003e\n\n \u003cp\u003e\n И самое важное: все действия логируются через дискорд-вебхуки. Кому передал ключи? Кто пытался взломать машину? Видно всё моментально.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-cr-carkeys__compatibility\"\u003e\n\n \u003cp\u003e\n Работает с ESX Legacy\/QBCore\/Qbox + интегрируется со qb-inventory и ox_inventory без проблем.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-cr-carkeys__ending\"\u003e\n\n \u003cp\u003e\n Скрипт закрытый по коду… но можно настроить локализации\/конфиги под себя 🔧\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\u003c\/article\u003e","brand":"Crystal Studios","offers":[{"title":"Default Title","offer_id":45787340472429,"sku":null,"price":12.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/6f56e793d3f2e9c261944af2197e06fee805c0c9.jpg?v=1788690545"},{"product_id":"extraction-style-trader-system-fivem-script","title":"Extraction-Style Trader System","description":"\u003ch2\u003eOverview\u003c\/h2\u003e\n\u003cp\u003eThis Extraction‑style Trader System is a server script that adds persistent traders with unique inventories, reputation progression, item buy\/sell mechanics, repeatable and one‑time tasks, and a mobile blackmarket that appears around the map.\u003c\/p\u003e\n\n\u003ch3\u003eHow it works\u003c\/h3\u003e\n\u003cp\u003eEach trader category (weapons, food, medical, resources, military) has its own inventory, pricing and behaviour. Players earn reputation with individual traders by selling items or completing tasks; higher reputation unlocks better items and deals. The mobile blackmarket spawns randomly for a limited time and offers rare or restricted items, and it can influence reputation with regular traders.\u003c\/p\u003e\n\n\u003ch3\u003eKey features\u003c\/h3\u003e\n\u003cul\u003e\n \u003cli\u003eMultiple trader categories with distinct inventories\u003c\/li\u003e\n \u003cli\u003ePer‑trader reputation and progression\u003c\/li\u003e\n \u003cli\u003eBuy and sell mechanics with trader‑specific accepted items\u003c\/li\u003e\n \u003cli\u003eDaily, repeatable and one‑time tasks and missions\u003c\/li\u003e\n \u003cli\u003eRandomly spawning mobile blackmarket with limited activity window\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003eTechnical notes \u0026amp; support\u003c\/h3\u003e\n\u003cp\u003eReported technical details from the author:\u003c\/p\u003e\n\u003cul\u003e\n \u003cli\u003eCode accessible: No\u003c\/li\u003e\n \u003cli\u003eApprox. lines: 1200\u003c\/li\u003e\n \u003cli\u003eRequirements: ox_lib\u003c\/li\u003e\n \u003cli\u003eSubscription‑based: No\u003c\/li\u003e\n \u003cli\u003eSupport: Yes\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003cp\u003eThis description summarises the seller's feature list and technical notes. It does not state compatibility with particular frameworks unless the seller explicitly provides that information.\u003c\/p\u003e","brand":"Afterfall Webstore","offers":[{"title":"Default Title","offer_id":45787340505197,"sku":null,"price":19.76,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/b15b5a343d73060aa93ef47d128508f4b7faf9d9.jpg?v=1788690546"},{"product_id":"lrrp-traders-market-fivem-script","title":"LRRP Traders Market Script","description":"\u003cstyle\u003e\n \/* =========================================================\n FIVEM-LAB — LRRP TRADERS MARKET\n PLAYER MARKETPLACE \/ OFFLINE SALES \/ SQL PERSISTENCE\n ========================================================= *\/\n\n .fml-lrrp-market {\n --gold:#ffd700;\n --white:#ffffff;\n --text:rgba(255,255,255,.92);\n --muted:rgba(255,255,255,.66);\n --dim:rgba(255,255,255,.42);\n --line:rgba(255,255,255,.10);\n --line-soft:rgba(255,255,255,.055);\n --gold-line:rgba(255,215,0,.34);\n --panel:rgba(255,255,255,.022);\n\n width:100%;\n max-width:1180px;\n margin:0 auto;\n padding:18px 0 88px;\n\n color:var(--text);\n background:transparent;\n font-family:inherit;\n font-size:16px;\n line-height:1.72;\n }\n\n .fml-lrrp-market,\n .fml-lrrp-market *,\n .fml-lrrp-market *::before,\n .fml-lrrp-market *::after {\n box-sizing:border-box;\n }\n\n .fml-lrrp-market h2,\n .fml-lrrp-market h3,\n .fml-lrrp-market p,\n .fml-lrrp-market ul {\n margin:0;\n }\n\n .fml-lrrp-market ul {\n padding:0;\n list-style:none;\n }\n\n .fml-lrrp-market ::selection {\n color:#050505;\n background:var(--gold);\n }\n\n\n \/* =========================================================\n HERO\n ========================================================= *\/\n\n .fml-lrrp-market__hero {\n position:relative;\n overflow:hidden;\n\n padding:clamp(40px,6vw,78px);\n\n border:1px solid var(--line);\n border-top-color:var(--gold-line);\n border-radius:7px;\n\n background:\n radial-gradient(\n circle at 92% 3%,\n rgba(255,215,0,.15),\n transparent 31%\n ),\n linear-gradient(\n 135deg,\n rgba(255,215,0,.036),\n transparent 48%\n ),\n rgba(0,0,0,.18);\n }\n\n .fml-lrrp-market__hero::before {\n content:\"\";\n position:absolute;\n top:0;\n left:0;\n\n width:min(470px,75%);\n height:2px;\n\n background:var(--gold);\n box-shadow:0 0 24px rgba(255,215,0,.36);\n }\n\n .fml-lrrp-market__title {\n max-width:1050px;\n\n color:var(--white) !important;\n\n font-size:clamp(42px,5.8vw,74px) !important;\n font-weight:950 !important;\n letter-spacing:-.052em;\n line-height:.96 !important;\n\n text-wrap:balance;\n }\n\n .fml-lrrp-market__hero-copy {\n display:grid;\n gap:13px;\n\n max-width:940px;\n margin-top:26px;\n }\n\n .fml-lrrp-market__hero-copy p {\n color:var(--muted) !important;\n\n font-size:clamp(17px,1.75vw,21px);\n font-weight:600;\n line-height:1.66;\n }\n\n .fml-lrrp-market__hero-copy p:last-child {\n color:var(--white) !important;\n font-weight:750;\n }\n\n .fml-lrrp-market__hero-copy em,\n .fml-lrrp-market__hero-copy strong {\n color:var(--white);\n }\n\n\n \/* =========================================================\n SECTION\n ========================================================= *\/\n\n .fml-lrrp-market__section {\n padding:clamp(54px,7vw,90px) 0;\n border-bottom:1px solid var(--line);\n }\n\n .fml-lrrp-market__section-title {\n max-width:980px;\n\n color:var(--white) !important;\n\n font-size:clamp(29px,3.9vw,47px) !important;\n font-weight:950 !important;\n letter-spacing:-.04em;\n line-height:1.05 !important;\n\n text-wrap:balance;\n }\n\n .fml-lrrp-market__subheading {\n margin-top:40px !important;\n\n color:var(--white) !important;\n\n font-size:clamp(23px,3vw,34px) !important;\n font-weight:950 !important;\n letter-spacing:-.035em;\n line-height:1.1 !important;\n }\n\n\n \/* =========================================================\n MARKET PANEL\n ========================================================= *\/\n\n .fml-lrrp-market__market {\n position:relative;\n overflow:hidden;\n\n margin-top:28px;\n padding:clamp(28px,4vw,42px);\n\n border:1px solid var(--gold-line);\n border-radius:5px;\n\n background:\n radial-gradient(\n circle at 100% 0,\n rgba(255,215,0,.09),\n transparent 36%\n ),\n linear-gradient(\n 120deg,\n rgba(255,215,0,.035),\n transparent 55%\n ),\n var(--panel);\n }\n\n .fml-lrrp-market__market::before {\n content:\"\";\n position:absolute;\n top:0;\n left:0;\n\n width:92px;\n height:1px;\n\n background:var(--gold);\n }\n\n .fml-lrrp-market__market-copy {\n display:grid;\n gap:18px;\n }\n\n .fml-lrrp-market__market-copy p {\n max-width:930px;\n\n color:var(--muted) !important;\n\n font-size:15px;\n line-height:1.8;\n }\n\n .fml-lrrp-market__market-copy strong,\n .fml-lrrp-market__market-copy em {\n color:var(--white);\n }\n\n\n \/* =========================================================\n CREATE LISTING FLOW\n ========================================================= *\/\n\n .fml-lrrp-market__listing {\n margin-top:26px;\n padding:24px;\n\n border:1px solid var(--line);\n border-left:3px solid var(--gold);\n border-radius:4px;\n\n background:rgba(255,255,255,.018);\n }\n\n .fml-lrrp-market__listing p {\n color:var(--muted) !important;\n\n font-size:15px;\n line-height:1.78;\n }\n\n .fml-lrrp-market__listing p + p {\n margin-top:10px !important;\n }\n\n .fml-lrrp-market__listing strong,\n .fml-lrrp-market__listing em {\n color:var(--white);\n }\n\n\n \/* =========================================================\n ITEM TYPES\n ========================================================= *\/\n\n .fml-lrrp-market__items {\n display:grid;\n grid-template-columns:repeat(3,minmax(0,1fr));\n gap:10px;\n\n margin-top:24px;\n }\n\n .fml-lrrp-market__item {\n min-width:0;\n padding:22px 18px;\n\n border:1px solid var(--line);\n border-top-color:var(--gold-line);\n border-radius:4px;\n\n background:var(--panel);\n\n color:var(--white);\n\n font-size:16px;\n font-weight:850;\n text-align:center;\n }\n\n\n \/* =========================================================\n BUY NOW\n ========================================================= *\/\n\n .fml-lrrp-market__buy {\n margin-top:28px;\n padding:clamp(26px,4vw,38px);\n\n border-top:1px solid var(--gold-line);\n border-bottom:1px solid var(--line);\n\n background:\n radial-gradient(\n circle at 100% 0,\n rgba(255,215,0,.11),\n transparent 38%\n ),\n rgba(255,255,255,.012);\n }\n\n .fml-lrrp-market__buy p {\n color:var(--muted) !important;\n\n font-size:15px;\n line-height:1.78;\n }\n\n .fml-lrrp-market__buy p + p {\n margin-top:18px !important;\n }\n\n .fml-lrrp-market__buy strong {\n display:inline-block;\n\n color:var(--gold);\n\n font-size:clamp(21px,2.5vw,30px);\n font-weight:950;\n letter-spacing:-.03em;\n }\n\n\n \/* =========================================================\n OFFLINE SALES\n ========================================================= *\/\n\n .fml-lrrp-market__offline {\n display:grid;\n grid-template-columns:minmax(0,1fr) 250px;\n gap:16px;\n\n margin-top:28px;\n }\n\n .fml-lrrp-market__offline-main,\n .fml-lrrp-market__offline-side {\n padding:clamp(28px,4vw,40px);\n\n border:1px solid var(--line);\n border-radius:5px;\n\n background:var(--panel);\n }\n\n .fml-lrrp-market__offline-main {\n border-color:var(--gold-line);\n\n background:\n linear-gradient(\n 130deg,\n rgba(255,215,0,.055),\n transparent 55%\n ),\n var(--panel);\n }\n\n .fml-lrrp-market__offline-copy {\n display:grid;\n gap:17px;\n }\n\n .fml-lrrp-market__offline-copy p {\n color:var(--muted) !important;\n\n font-size:15px;\n line-height:1.8;\n }\n\n .fml-lrrp-market__offline-copy em,\n .fml-lrrp-market__offline-copy strong {\n color:var(--white);\n }\n\n .fml-lrrp-market__offline-side {\n display:flex;\n align-items:center;\n justify-content:center;\n\n min-height:230px;\n\n text-align:center;\n }\n\n .fml-lrrp-market__offline-side span {\n color:var(--gold);\n\n font-size:clamp(48px,7vw,78px);\n line-height:1;\n }\n\n\n \/* =========================================================\n EARNING ALERT\n ========================================================= *\/\n\n .fml-lrrp-market__earning {\n margin-top:18px;\n padding:24px;\n\n border:1px solid var(--gold-line);\n border-left:3px solid var(--gold);\n border-radius:4px;\n\n background:\n linear-gradient(\n 110deg,\n rgba(255,215,0,.055),\n transparent 55%\n ),\n rgba(255,255,255,.015);\n }\n\n .fml-lrrp-market__earning p {\n color:var(--muted) !important;\n\n font-size:15px;\n line-height:1.78;\n }\n\n .fml-lrrp-market__earning p + p {\n margin-top:12px !important;\n }\n\n .fml-lrrp-market__earning em,\n .fml-lrrp-market__earning strong {\n color:var(--white);\n }\n\n\n \/* =========================================================\n SECURITY\n ========================================================= *\/\n\n .fml-lrrp-market__security {\n display:grid;\n grid-template-columns:repeat(3,minmax(0,1fr));\n gap:12px;\n\n margin-top:36px;\n }\n\n .fml-lrrp-market__security-card {\n position:relative;\n overflow:hidden;\n\n min-width:0;\n padding:clamp(23px,3vw,30px);\n\n border:1px solid var(--line);\n border-radius:4px;\n\n background:var(--panel);\n }\n\n .fml-lrrp-market__security-card::before {\n content:\"\";\n position:absolute;\n top:0;\n left:0;\n\n width:70px;\n height:1px;\n\n background:var(--gold);\n }\n\n .fml-lrrp-market__security-card p {\n color:var(--muted) !important;\n\n font-size:14px;\n line-height:1.72;\n }\n\n .fml-lrrp-market__security-card em {\n color:var(--white);\n }\n\n\n \/* =========================================================\n SQL\n ========================================================= *\/\n\n .fml-lrrp-market__persistence {\n margin-top:28px;\n padding:clamp(26px,4vw,38px);\n\n border:1px solid var(--gold-line);\n border-radius:4px;\n\n background:\n radial-gradient(\n circle at 100% 0,\n rgba(255,215,0,.08),\n transparent 38%\n ),\n rgba(255,255,255,.016);\n }\n\n .fml-lrrp-market__persistence p {\n max-width:930px;\n\n color:var(--white) !important;\n\n font-size:clamp(17px,1.9vw,22px);\n font-weight:750;\n line-height:1.68;\n }\n\n\n \/* =========================================================\n RESPONSIVE\n ========================================================= *\/\n\n @media (max-width:900px) {\n .fml-lrrp-market__offline {\n grid-template-columns:1fr;\n }\n\n .fml-lrrp-market__security {\n grid-template-columns:1fr;\n }\n\n .fml-lrrp-market__offline-side {\n min-height:130px;\n }\n }\n\n @media (max-width:680px) {\n .fml-lrrp-market {\n padding-top:8px;\n }\n\n .fml-lrrp-market__hero {\n padding:30px 20px;\n }\n\n .fml-lrrp-market__items {\n grid-template-columns:1fr;\n }\n }\n\n @media (prefers-reduced-motion:reduce) {\n .fml-lrrp-market *,\n .fml-lrrp-market *::before,\n .fml-lrrp-market *::after {\n transition-duration:.01ms !important;\n animation-duration:.01ms !important;\n }\n }\n\u003c\/style\u003e\n\n\n\u003carticle class=\"fml-lrrp-market\"\u003e\n\n \u003cheader class=\"fml-lrrp-market__hero\"\u003e\n\n \u003ch2 class=\"fml-lrrp-market__title\"\u003e\n 💰 \u003cstrong\u003eLRRP Traders Market\u003c\/strong\u003e\n \u003c\/h2\u003e\n\n\n \u003cdiv class=\"fml-lrrp-market__hero-copy\"\u003e\n\n \u003cp\u003e\n A free, player-powered marketplace for your FiveM server — turning passive economies into \u003cem\u003eliving trade networks\u003c\/em\u003e where players buy, sell, and profit from each other.\n \u003c\/p\u003e\n\n \u003cp\u003e\n No more waiting on admins to drop loot crates.\n \u003c\/p\u003e\n\n \u003cp\u003e\n Now? Players build their own market… with real listings, prices set by demand… and even offline selling!\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/header\u003e\n\n\n \u003csection class=\"fml-lrrp-market__section\"\u003e\n\n \u003ch2 class=\"fml-lrrp-market__section-title\"\u003e\n How It Works\n \u003c\/h2\u003e\n\n\n \u003ch3 class=\"fml-lrrp-market__subheading\"\u003e\n 🏪 Modern Player-to-Player Trading System\n \u003c\/h3\u003e\n\n\n \u003cdiv class=\"fml-lrrp-market__market\"\u003e\n\n \u003cdiv class=\"fml-lrrp-market__market-copy\"\u003e\n\n \u003cp\u003e\n The script gives every player access to a sleek NUI (next-gen user interface) inside the game:\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-lrrp-market__listing\"\u003e\n\n \u003cp\u003e\n - Want to sell something?\n \u003c\/p\u003e\n\n \u003cp\u003e\n Open the menu → create a listing: upload an image (if supported), set price ($), quantity available (\"3x\"), duration (\"7 days\").\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-lrrp-market__market-copy\" style=\"margin-top:24px;\"\u003e\n\n \u003cp\u003e\n You can list anything:\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-lrrp-market__items\"\u003e\n\n \u003cdiv class=\"fml-lrrp-market__item\"\u003e\n Weapons?\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-lrrp-market__item\"\u003e\n Clothes?\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-lrrp-market__item\"\u003e\n Rare items from missions?\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-lrrp-market__buy\"\u003e\n\n \u003cp\u003e\n It appears instantly in one shared marketplace visible to everyone online.\n \u003c\/p\u003e\n\n \u003cp\u003e\n Others browse through categories or search keywords—like “armor” or “gold watch”—and when they find what they want…\n \u003c\/p\u003e\n\n \u003cp\u003e\n 💥 They click \u003cstrong\u003eBuy Now\u003c\/strong\u003e.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003csection class=\"fml-lrrp-market__section\"\u003e\n\n \u003ch2 class=\"fml-lrrp-market__section-title\"\u003e\n 📦 Offline Sales \u0026amp; Ledger Collection\n \u003c\/h2\u003e\n\n\n \u003cdiv class=\"fml-lrrp-market__offline\"\u003e\n\n \u003cdiv class=\"fml-lrrp-market__offline-main\"\u003e\n\n \u003cdiv class=\"fml-lrrp-market__offline-copy\"\u003e\n\n \u003cp\u003e\n Even if you're not logged in?\n \u003c\/p\u003e\n\n \u003cp\u003e\n Your listings stay active!\n \u003c\/p\u003e\n\n \u003cp\u003e\n If someone buys while you’re offline…\n \u003c\/p\u003e\n\n \u003cp\u003e\n The system notes it down as \u003cem\u003epending earnings\u003c\/em\u003e tied only to your account ID.\n \u003c\/p\u003e\n\n \u003cp\u003e\n Next time you log back in?\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003caside class=\"fml-lrrp-market__offline-side\"\u003e\n\n \u003cspan\u003e\n 📦\n \u003c\/span\u003e\n\n \u003c\/aside\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-lrrp-market__earning\"\u003e\n\n \u003cp\u003e\n Boom—a notification pops up: \u003cem\u003e\"You made $420!\"\u003c\/em\u003e\n \u003c\/p\u003e\n\n \u003cp\u003e\n Go claim your cash at any bank terminal linked via ZAT Banking System—or another integrated payment point admin sets up...\n \u003c\/p\u003e\n\n \u003cp\u003e\n Sellers collect automatically—no manual transfers needed!\n \u003c\/p\u003e\n\n \u003cp\u003e\n Discord logs track every transaction too—for transparency between buyers\/sellers without needing mods present constantly...\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003csection class=\"fml-lrrp-market__section\"\u003e\n\n \u003ch2 class=\"fml-lrrp-market__section-title\"\u003e\n Server-Side Security \u0026amp; Persistence\n \u003c\/h2\u003e\n\n\n \u003cdiv class=\"fml-lrrp-market__security\"\u003e\n\n \u003carticle class=\"fml-lrrp-market__security-card\"\u003e\n\n \u003cp\u003e\n All sales are validated server-side:\n \u003cbr\u003e\n No duplicate purchases allowed.\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-lrrp-market__security-card\"\u003e\n\n \u003cp\u003e\n Taxes can be applied per item type (\u003cem\u003econfigurable by admins\u003c\/em\u003e).\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n\n \u003carticle class=\"fml-lrrp-market__security-card\"\u003e\n\n \u003cp\u003e\n Blacklists stop illegal items being traded (weapons banned unless permitted).\n \u003c\/p\u003e\n\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-lrrp-market__persistence\"\u003e\n\n \u003cp\u003e\n Data persists using SQL databases — meaning markets don’t reset when servers restart.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\u003c\/article\u003e","brand":"The Lost Riders Mmorpg","offers":[{"title":"Default Title","offer_id":45787341029485,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/cd2f07a182ceb59fa75507d07108224d8631cdd7.jpg?v=1788690548"},{"product_id":"pops-and-bangs-2-step-antilag-system-fivem-script","title":"Pops \u0026 Bangs 2‑Step Antilag System","description":"\u003ch2\u003ePops \u0026amp; Bangs 2‑Step Antilag System — overview\u003c\/h2\u003e\n\u003cp\u003eThis vehicle script adds a configurable pops \u0026amp; bangs antilag system with visual and audio effects, a movable tablet UI and owner\/mechanic permissions. Designed for servers using ESX or QBCore, the package focuses on exhaust flame colors, sound presets and simple installation.\u003c\/p\u003e\n\n\u003ch3\u003eWhat’s included\u003c\/h3\u003e\n\u003cul\u003e\n \u003cli\u003ePops \u0026amp; bangs system with multiple flame colors\u003c\/li\u003e\n \u003cli\u003eClassic and colored exhaust modes\u003c\/li\u003e\n \u003cli\u003eMultiple sound presets with adjustable volume\u003c\/li\u003e\n \u003cli\u003eInstallation and removal system\u003c\/li\u003e\n \u003cli\u003eOwner \/ mechanic permission support\u003c\/li\u003e\n \u003cli\u003eConfigurable tablet UI (light\/dark) and movable tablet\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003eRequirements\u003c\/h3\u003e\n\u003cul\u003e\n \u003cli\u003eox_lib\u003c\/li\u003e\n \u003cli\u003eoxmysql\u003c\/li\u003e\n \u003cli\u003eESX or QBCore framework\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003eKey facts \u0026amp; notes\u003c\/h3\u003e\n\u003cp\u003eThe resource reports very low idle usage and optimised client behaviour when driving with pops \u0026amp; bangs enabled. Code access is marked as closed and support is indicated as available.\u003c\/p\u003e\n\n\u003cul\u003e\n \u003cli\u003eFrameworks: ESX, QBCore\u003c\/li\u003e\n \u003cli\u003eCode access: No\u003c\/li\u003e\n \u003cli\u003eSupport: Yes\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003cp\u003eIf you need exact installation details or the SQL file import instructions, consult the included documentation after purchase. This listing describes the script contents and technical requirements only.\u003c\/p\u003e","brand":"Bgscripts","offers":[{"title":"Default Title","offer_id":45787341062253,"sku":null,"price":13.82,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/6d0eb0d601891cf588ffa04f110e6a157a1ac15a.jpg?v=1788690549"},{"product_id":"hideout-tattoos-tattoo-studio-fivem-script","title":"Hideout Tattoos — Tattoo Studio Script","description":"\u003cstyle\u003e\n .fml-hideout-tattoos {\n position: relative;\n width: 100%;\n max-width: none;\n margin: 0;\n padding: 12px 24px 20px 26px;\n color: rgba(255,255,255,.88);\n font-family: inherit;\n line-height: 1.75;\n }\n\n .fml-hideout-tattoos,\n .fml-hideout-tattoos * {\n box-sizing: border-box;\n }\n\n .fml-hideout-tattoos::before {\n content: \"\";\n position: absolute;\n top: 14px;\n bottom: 20px;\n left: 0;\n width: 1px;\n background: linear-gradient(\n to bottom,\n #ffd700 0%,\n rgba(255,215,0,.28) 42%,\n rgba(255,255,255,.05) 100%\n );\n }\n\n .fml-hideout-tattoos p {\n margin: 0 0 22px;\n color: rgba(255,255,255,.72);\n font-size: 15px;\n line-height: 1.82;\n }\n\n .fml-hideout-tattoos strong,\n .fml-hideout-tattoos em {\n color: #fff;\n }\n\n .fml-hideout-tattoos__intro {\n margin-bottom: 30px !important;\n color: #fff !important;\n font-size: clamp(18px,1.6vw,22px) !important;\n font-weight: 750;\n line-height: 1.55 !important;\n letter-spacing: -.015em;\n }\n\n .fml-hideout-tattoos__main {\n margin-bottom: 28px;\n padding: 20px 0;\n border-top: 1px solid rgba(255,255,255,.08);\n border-bottom: 1px solid rgba(255,255,255,.08);\n }\n\n .fml-hideout-tattoos__main p:last-child {\n margin-bottom: 0;\n }\n\n .fml-hideout-tattoos__label {\n margin: 0 0 16px;\n color: rgba(255,255,255,.44);\n font-size: 10px;\n font-weight: 850;\n letter-spacing: .13em;\n text-transform: uppercase;\n }\n\n .fml-hideout-tattoos__features {\n display: grid;\n grid-template-columns: repeat(3,minmax(0,1fr));\n gap: 12px;\n margin-bottom: 28px;\n }\n\n .fml-hideout-tattoos__feature {\n position: relative;\n padding: 18px 18px 18px 20px;\n border: 1px solid rgba(255,255,255,.08);\n border-radius: 2px;\n background: rgba(255,255,255,.018);\n }\n\n .fml-hideout-tattoos__feature::before {\n content: \"\";\n position: absolute;\n top: 18px;\n bottom: 18px;\n left: 0;\n width: 2px;\n background: #ffd700;\n }\n\n .fml-hideout-tattoos__feature p {\n margin: 0;\n color: rgba(255,255,255,.84);\n }\n\n .fml-hideout-tattoos__self {\n position: relative;\n margin: 28px 0;\n padding-left: 18px;\n }\n\n .fml-hideout-tattoos__self::before {\n content: \"\";\n position: absolute;\n top: 9px;\n left: 0;\n width: 7px;\n height: 7px;\n background: #ffd700;\n border-radius: 2px;\n }\n\n .fml-hideout-tattoos__self p {\n margin: 0;\n color: rgba(255,255,255,.92);\n }\n\n .fml-hideout-tattoos__inventory {\n margin: 28px 0;\n padding: 18px 0;\n border-top: 1px solid rgba(255,255,255,.08);\n border-bottom: 1px solid rgba(255,255,255,.08);\n }\n\n .fml-hideout-tattoos__inventory p {\n margin-bottom: 14px;\n }\n\n .fml-hideout-tattoos__tags {\n display: flex;\n flex-wrap: wrap;\n gap: 9px;\n }\n\n .fml-hideout-tattoos__tag {\n display: inline-flex;\n align-items: center;\n padding: 8px 11px;\n color: #ffd700;\n background: rgba(255,215,0,.045);\n border: 1px solid rgba(255,215,0,.18);\n border-radius: 2px;\n font-size: 12px;\n font-weight: 800;\n }\n\n .fml-hideout-tattoos__ending {\n padding-top: 20px;\n }\n\n .fml-hideout-tattoos__ending p {\n margin: 0;\n color: #fff !important;\n font-weight: 700;\n }\n\n @media (max-width: 900px) {\n .fml-hideout-tattoos__features {\n grid-template-columns: 1fr;\n }\n }\n\n @media (max-width: 680px) {\n .fml-hideout-tattoos {\n padding: 8px 0 12px 18px;\n }\n\n .fml-hideout-tattoos__intro {\n font-size: 18px !important;\n }\n }\n\u003c\/style\u003e\n\n\u003carticle class=\"fml-hideout-tattoos\"\u003e\n\n \u003cp class=\"fml-hideout-tattoos__intro\"\u003e\n \u003cstrong\u003eHideout Tattoos is a live tattoo studio for FiveM where you can get tattoos in real time.\u003c\/strong\u003e\n \u003c\/p\u003e\n\n \u003cdiv class=\"fml-hideout-tattoos__main\"\u003e\n\n \u003cp\u003e\n Here’s how it works: the client walks in, chooses an artist or does it themselves (if the artist is offline). The artist starts a session — and the client gets a \u003cstrong\u003elive preview camera\u003c\/strong\u003e: you look at your body on screen and see your future tattoo taking shape right now!\n \u003c\/p\u003e\n\n \u003cp\u003e\n There are cinematic zooms: the camera moves closer to the arm\/chest\/back… focuses. Like someone is filming a documentary about the process!\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-hideout-tattoos__label\"\u003e\n And there’s more:\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-hideout-tattoos__features\"\u003e\n\n \u003cdiv class=\"fml-hideout-tattoos__feature\"\u003e\n \u003cp\u003e\n 💇‍♂️ Support for fade haircuts and undercuts — you can give yourself a fresh cut straight from the menu.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-hideout-tattoos__feature\"\u003e\n \u003cp\u003e\n 👩➡️👨 Automatic gender adaptation: if you choose a female design – it automatically converts to the male version.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-hideout-tattoos__feature\"\u003e\n \u003cp\u003e\n 🖥️ Modern HTML\/CSS\/JS UI with categories (arms? neck?), tattoo database search + prices.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-hideout-tattoos__self\"\u003e\n \u003cp\u003e\n If no artists are online – you can do the tattoo \u003cem\u003eyourself\u003c\/em\u003e! It’ll just cost more 😉\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-hideout-tattoos__inventory\"\u003e\n\n \u003cp\u003e\n You pay directly through the server inventory – ox_inventory \/ qb-inventory \/ core_inventory are supported.\n \u003c\/p\u003e\n\n \u003cdiv class=\"fml-hideout-tattoos__tags\"\u003e\n \u003cspan class=\"fml-hideout-tattoos__tag\"\u003eox_inventory\u003c\/span\u003e\n \u003cspan class=\"fml-hideout-tattoos__tag\"\u003eqb-inventory\u003c\/span\u003e\n \u003cspan class=\"fml-hideout-tattoos__tag\"\u003ecore_inventory\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-hideout-tattoos__ending\"\u003e\n \u003cp\u003e\n \u003cstrong\u003eThe script comes fully configured. Everything is editable: from the tattoo list to camera behavior… You can even add new tattoo zones!\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n\u003c\/article\u003e","brand":"Hideout Webshop","offers":[{"title":"Default Title","offer_id":45787343487085,"sku":null,"price":20.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/6f268daf758ae049d7976973ac8251a68b38dafd.jpg?v=1788690551"},{"product_id":"mi-bossmenu-boss-and-gang-console-fivem-script","title":"mi-bossmenu — Boss \u0026 Gang Console","description":"\u003cstyle\u003e\n .fml-mi-bossmenu {\n position: relative;\n width: 100%;\n max-width: none;\n margin: 0;\n padding: 12px 24px 20px 26px;\n\n color: rgba(255,255,255,.88);\n font-family: inherit;\n line-height: 1.75;\n }\n\n .fml-mi-bossmenu,\n .fml-mi-bossmenu * {\n box-sizing: border-box;\n }\n\n .fml-mi-bossmenu::before {\n content: \"\";\n position: absolute;\n top: 14px;\n bottom: 20px;\n left: 0;\n width: 1px;\n\n background: linear-gradient(\n to bottom,\n #ffd700 0%,\n rgba(255,215,0,.28) 42%,\n rgba(255,255,255,.05) 100%\n );\n }\n\n .fml-mi-bossmenu p {\n margin: 0 0 22px;\n color: rgba(255,255,255,.72);\n font-size: 15px;\n line-height: 1.82;\n }\n\n .fml-mi-bossmenu strong,\n .fml-mi-bossmenu em {\n color: #fff;\n }\n\n .fml-mi-bossmenu__intro {\n margin-bottom: 30px !important;\n\n color: #fff !important;\n\n font-size: clamp(18px,1.6vw,22px) !important;\n font-weight: 750;\n line-height: 1.55 !important;\n letter-spacing: -.015em;\n }\n\n .fml-mi-bossmenu__main {\n margin-bottom: 28px;\n padding: 20px 0;\n\n border-top: 1px solid rgba(255,255,255,.08);\n border-bottom: 1px solid rgba(255,255,255,.08);\n }\n\n .fml-mi-bossmenu__main p:last-child {\n margin-bottom: 0;\n }\n\n .fml-mi-bossmenu__label {\n margin: 0 0 16px;\n\n color: rgba(255,255,255,.44);\n\n font-size: 10px;\n font-weight: 850;\n letter-spacing: .13em;\n text-transform: uppercase;\n }\n\n .fml-mi-bossmenu__features {\n display: grid;\n grid-template-columns: repeat(3,minmax(0,1fr));\n gap: 12px;\n\n margin-bottom: 28px;\n }\n\n .fml-mi-bossmenu__feature {\n position: relative;\n\n padding: 18px 18px 18px 20px;\n\n border: 1px solid rgba(255,255,255,.08);\n border-radius: 2px;\n\n background: rgba(255,255,255,.018);\n }\n\n .fml-mi-bossmenu__feature::before {\n content: \"\";\n position: absolute;\n top: 18px;\n bottom: 18px;\n left: 0;\n\n width: 2px;\n background: #ffd700;\n }\n\n .fml-mi-bossmenu__feature p {\n margin: 0;\n color: rgba(255,255,255,.84);\n }\n\n .fml-mi-bossmenu__unified {\n position: relative;\n\n margin: 28px 0;\n padding-left: 18px;\n }\n\n .fml-mi-bossmenu__unified::before {\n content: \"\";\n position: absolute;\n top: 9px;\n left: 0;\n\n width: 7px;\n height: 7px;\n\n background: #ffd700;\n border-radius: 2px;\n }\n\n .fml-mi-bossmenu__unified p {\n margin: 0;\n color: rgba(255,255,255,.92);\n }\n\n .fml-mi-bossmenu__localization {\n margin: 28px 0;\n padding: 18px 0;\n\n border-top: 1px solid rgba(255,255,255,.08);\n border-bottom: 1px solid rgba(255,255,255,.08);\n }\n\n .fml-mi-bossmenu__localization p {\n margin: 0;\n }\n\n .fml-mi-bossmenu__stack {\n display: flex;\n flex-wrap: wrap;\n gap: 9px;\n\n margin-top: 16px;\n }\n\n .fml-mi-bossmenu__tag {\n display: inline-flex;\n align-items: center;\n\n padding: 8px 11px;\n\n color: #ffd700;\n background: rgba(255,215,0,.045);\n\n border: 1px solid rgba(255,215,0,.18);\n border-radius: 2px;\n\n font-size: 12px;\n font-weight: 800;\n }\n\n .fml-mi-bossmenu__ending {\n padding-top: 4px;\n }\n\n .fml-mi-bossmenu__ending p {\n margin: 0;\n color: #fff !important;\n font-weight: 700;\n }\n\n @media (max-width: 900px) {\n .fml-mi-bossmenu__features {\n grid-template-columns: 1fr;\n }\n }\n\n @media (max-width: 680px) {\n .fml-mi-bossmenu {\n padding: 8px 0 12px 18px;\n }\n\n .fml-mi-bossmenu__intro {\n font-size: 18px !important;\n }\n }\n\u003c\/style\u003e\n\n\n\u003carticle class=\"fml-mi-bossmenu\"\u003e\n\n \u003cp class=\"fml-mi-bossmenu__intro\"\u003e\n \u003cstrong\u003emi-bossmenu is a management console for bosses and gangs on FiveM.\u003c\/strong\u003e\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"fml-mi-bossmenu__main\"\u003e\n\n \u003cp\u003e\n It brings all hiring, firing, promotion, and demotion controls into one NUI interface — like a real administrative portal.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mi-bossmenu__label\"\u003e\n Bosses can:\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mi-bossmenu__features\"\u003e\n\n \u003cdiv class=\"fml-mi-bossmenu__feature\"\u003e\n \u003cp\u003e\n 📊 View the full list of their employees (the list updates in real time),\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-mi-bossmenu__feature\"\u003e\n \u003cp\u003e\n 💼 Assign positions, fire employees, or change their rank,\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-mi-bossmenu__feature\"\u003e\n \u003cp\u003e\n ⛓️ Monitor the society balance and make deposits\/payouts directly through the panel.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mi-bossmenu__unified\"\u003e\n\n \u003cp\u003e\n And most importantly — \u003cem\u003eall of this\u003c\/em\u003e works for regular jobs... as well as gangs! One interface. One system. No switching between different scripts.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mi-bossmenu__localization\"\u003e\n\n \u003cp\u003e\n Language files are shared: localization is written once – and it will work both in the server-side Lua code and in the NUI frontend!\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cp\u003e\n Requires the standard ox-* library stack + Qbox core (or mi_core). Supports ox_inventory + database through oxmysql.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"fml-mi-bossmenu__stack\"\u003e\n \u003cspan class=\"fml-mi-bossmenu__tag\"\u003eQbox\u003c\/span\u003e\n \u003cspan class=\"fml-mi-bossmenu__tag\"\u003emi_core\u003c\/span\u003e\n \u003cspan class=\"fml-mi-bossmenu__tag\"\u003eox_inventory\u003c\/span\u003e\n \u003cspan class=\"fml-mi-bossmenu__tag\"\u003eoxmysql\u003c\/span\u003e\n \u003cspan class=\"fml-mi-bossmenu__tag\"\u003eox-*\u003c\/span\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-mi-bossmenu__ending\"\u003e\n\n \u003cp\u003e\n Documentation is available from the author… But it’s better to check compatibility with your server before installation!\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\u003c\/article\u003e","brand":"Luthanirgi","offers":[{"title":"Default Title","offer_id":45787343716461,"sku":null,"price":23.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/1a77e14c08eddb952a6311c94074ebddffc59818.png?v=1788690552"},{"product_id":"free-conflict-scanner-and-resolver-fivem-map","title":"Map Conflict Scanner \u0026 Resolver","description":"\u003ch2\u003eOverview\u003c\/h2\u003e\n\u003cp\u003eMap Conflict Scanner \u0026amp; Resolver is a standalone in-game tool for FiveM that scans started resources for map assets and surfaces conflicts directly in the world. It inspects .ymap, .ytyp, .ybn, .ydr, .ydd, .ytd and .yft files, parses and hashes files on the server, and presents each conflict with a world marker and an editable preview.\u003c\/p\u003e\n\n\u003ch3\u003eKey features\u003c\/h3\u003e\n\u003cul\u003e\n \u003cli\u003eFull server scan of started resources with per-file parsing and hashing.\u003c\/li\u003e\n \u003cli\u003eDetects duplicate files, double-placed props, overlapping occluders, duplicate collisions and archetype conflicts across ytyp\/ymap files.\u003c\/li\u003e\n \u003cli\u003eAuto-resolve queue for safe fixes (identical duplicates, double placements).\u003c\/li\u003e\n \u003cli\u003eManual resolve with keep, move or remove decisions and in-world preview of both sides.\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003eIn-game editing tools\u003c\/h3\u003e\n\u003cp\u003eThe tool includes an occluder editor and collision editor with a native gizmo: move, rotate and resize boxes or bounds, extrude faces, merge or shrink occluders, and write edits back into the ymap. X-ray rendering, color-coded world beams and a right-click world action menu speed up navigation and fixes.\u003c\/p\u003e\n\n\u003ch3\u003eWorkflow \u0026amp; safety\u003c\/h3\u003e\n\u003cp\u003eFilters let you narrow results by resource, file type or asset kind. Changes can be undone (Ctrl+Z). Applying edits creates timestamped backup bundles and uses SHA1 verification so bundles can be restored if needed. The tool also reports per-resource streaming weight and warns about files likely to exceed streaming limits.\u003c\/p\u003e\n\n\u003ch3\u003eNotes\u003c\/h3\u003e\n\u003cul\u003e\n \u003cli\u003eStandalone — no framework required; key bindings are remappable using FiveM key mappings.\u003c\/li\u003e\n \u003cli\u003eSource code and releases are available on the project's GitHub repository.\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"KkMihai","offers":[{"title":"Default Title","offer_id":45847145218157,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/a1b950766526dd8a5d38bcb1cf19b8dc54f9b03a_7c5d0af9-fcda-478e-839f-dfaf985cc95e.jpg?v=1789408676"},{"product_id":"free-kill-feed-v1-lightweight-notifications-fivem-script","title":"Kill Feed V1 — Lightweight Kill Notifications","description":"\u003ch2\u003eOverview\u003c\/h2\u003e\n\u003cp\u003eKill Feed V1 is a lightweight kill\/death notification script for FiveM designed to provide immediate, unobtrusive feedback when a player is killed or confirms a kill. It uses ox_lib notifications to keep the UI minimal and the resource efficient. The script is configurable and intended for easy installation and customization.\u003c\/p\u003e\n\n\u003ch3\u003eFeatures\u003c\/h3\u003e\n\u003cul\u003e\n \u003cli\u003eKill confirmation and death notifications\u003c\/li\u003e\n \u003cli\u003eDisplays killer and victim server IDs\u003c\/li\u003e\n \u003cli\u003eShows distance between killer and victim\u003c\/li\u003e\n \u003cli\u003eDuplicate death protection and automatic reset on revive\/respawn\u003c\/li\u003e\n \u003cli\u003eConfigurable debug output for troubleshooting\u003c\/li\u003e\n \u003cli\u003eBuilt-in test notification command to preview alerts\u003c\/li\u003e\n \u003cli\u003eFully editable configuration and lightweight performance\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003eRequirements\u003c\/h3\u003e\n\u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eox_lib\u003c\/strong\u003e (notification library)\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003eNotes\u003c\/h3\u003e\n\u003cp\u003eThe test notification command can be enabled or disabled in the configuration to allow staff to preview kill and death alerts without another player. Debug mode exposes console logs for detected deaths, killer presence, valid PvP kills, and notification dispatch status to aid troubleshooting. Configuration options are provided to adjust behavior and logging.\u003c\/p\u003e\n\n\u003cp\u003eKill Feed V1 is suitable for PvP, freeroam, deathmatch and other servers that prefer a minimal, performance-friendly notification system rather than a large on-screen killfeed UI.\u003c\/p\u003e","brand":"Plugx Creations","offers":[{"title":"Default Title","offer_id":45847145250925,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/a2b68ab1f59c888e1b67bfcbb6728120f10a2e4a.jpg?v=1789408677"},{"product_id":"dual-channel-radio-fivem-script","title":"Dual-Channel Radio Script","description":"\u003ch2\u003eOverview\u003c\/h2\u003e\n\u003cp\u003eThis Dual-Channel Radio Script adds independent, simultaneous radio channels to your FiveM server. It preserves clear in-game voice broadcasts while letting players listen to or transmit on two channels at once. Controls and audio balance are configurable so you can tailor behavior to your roleplay setup.\u003c\/p\u003e\n\n\u003ch3\u003eKey features\u003c\/h3\u003e\n\u003cul\u003e\n \u003cli\u003eIndependent radio broadcasts per channel\u003c\/li\u003e\n \u003cli\u003eSimultaneous use of two channels\u003c\/li\u003e\n \u003cli\u003eConfigurable keybinds for quick control\u003c\/li\u003e\n \u003cli\u003eItem checks and restricted channels support\u003c\/li\u003e\n \u003cli\u003eVolume control and channel switching\u003c\/li\u003e\n \u003cli\u003eLeft\/right ear audio balancing\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003eCompatibility\u003c\/h3\u003e\n\u003cp\u003eThe author lists support for OX Core, QBOX, QB Core and ESX. The package includes code access as provided by the maker.\u003c\/p\u003e\n\n\u003ch3\u003eNotes\u003c\/h3\u003e\n\u003cp\u003eUse this script to add realistic radio behavior for police, EMS, gangs, or custom factions. The script focuses on audio control and flexible channel management rather than additional UI or vehicles.\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eIncluded:\u003c\/strong\u003e radio channels, keybinds, audio balancing, channel restrictions and item checks as described by the author.\u003c\/p\u003e","brand":"Binary 01 Studios","offers":[{"title":"Default Title","offer_id":45847145283693,"sku":null,"price":15.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/b2b2d75ad0b51997937281b9795a9114045608cd.jpg?v=1789408678"},{"product_id":"advanced-garbage-job-fivem-script","title":"Advanced Garbage Job","description":"\u003ch2\u003eOverview\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003eAdvanced Garbage Job\u003c\/strong\u003e is a multiplayer garbage-collection script for FiveM that adds coordinated crew work, world prop cleanup, an interactive unloading bay and an in-game NUI for managing shifts and rewards. The script focuses on roleplay tasks: forming crews, scanning and collecting trash props, unloading trucks, and progressing through sanitation ranks.\u003c\/p\u003e\n\n\u003ch3\u003eKey features\u003c\/h3\u003e\n\u003cul\u003e\n \u003cli\u003eMultiplayer crew system with in-game invite, leave and kick commands and synchronized route\/vehicle state.\u003c\/li\u003e\n \u003cli\u003eDual scanning engine that detects commercial dumpsters and ambient ground trash props with server-wide hide\/remove of collected props.\u003c\/li\u003e\n \u003cli\u003e3D visual unloading bay for truck alignment and automated unload sequence with capacity-based shifts and bonuses.\u003c\/li\u003e\n \u003cli\u003eCareer progression system with rank tiers, collection points and a rewards shop accessible via the NUI.\u003c\/li\u003e\n \u003cli\u003eInteractive supervisor NPC dialogue and a modern dark glassmorphic NUI built with React 18 and Tailwind CSS.\u003c\/li\u003e\n \u003cli\u003eAnimation set for digging, carrying and throwing trash into the truck, plus anti-leech validation for payouts.\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003eInstallation\u003c\/h3\u003e\n\u003col\u003e\n \u003cli\u003ePlace the script folder into your server resources directory.\u003c\/li\u003e\n \u003cli\u003eEnsure required dependency \u003cstrong\u003eak47_lib\u003c\/strong\u003e is installed on the server.\u003c\/li\u003e\n \u003cli\u003eStart the resource from your server.cfg after loading framework files.\u003c\/li\u003e\n \u003cli\u003eRestart the server and verify the script loads correctly.\u003c\/li\u003e\n\u003c\/ol\u003e\n\n\u003ch3\u003eFrameworks \u0026amp; dependency\u003c\/h3\u003e\n\u003cp\u003eThis script lists support for \u003cstrong\u003eESX\u003c\/strong\u003e, \u003cstrong\u003eQBCore\u003c\/strong\u003e and \u003cstrong\u003eQbox\u003c\/strong\u003e. It requires the \u003cstrong\u003eak47_lib\u003c\/strong\u003e dependency. Check your server framework versions and dependency availability before installing.\u003c\/p\u003e\n\n\u003cp\u003e\u003cem\u003eNote:\u003c\/em\u003e Do not rename files that the script requires, and follow standard server resource installation practices when uploading files.\u003c\/p\u003e","brand":"Menanak47","offers":[{"title":"Default Title","offer_id":45847145316461,"sku":null,"price":34.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/2938cbca3189039331720f3b373964e7620cc325.jpg?v=1789408679"},{"product_id":"f-admin-in-game-panel-fivem-script","title":"F-Admin In-Game Admin Panel","description":"\u003ch2\u003eOverview\u003c\/h2\u003e\n\u003cp\u003eF-Admin is an all-in-one in-game administration panel for FiveM that centralizes player, staff and world management inside a single Control Center. The script groups moderation, reports, vehicle and economy tools into one interface designed for live server administration.\u003c\/p\u003e\n\u003ch3\u003eCore modules\u003c\/h3\u003e\n\u003cul\u003e\n \u003cli\u003ePlayer management (online \u0026amp; offline)\u003c\/li\u003e\n \u003cli\u003eStaff accounts, ranks, permissions and duty tracking\u003c\/li\u003e\n \u003cli\u003eReports, warnings, jail and administrative logs\u003c\/li\u003e\n \u003cli\u003eSpectate, live preview and administrative ESP options\u003c\/li\u003e\n \u003cli\u003eLive administration map with teleportation and event tools\u003c\/li\u003e\n \u003cli\u003eVehicle and garage management, spawn\/repair\/remove\u003c\/li\u003e\n \u003cli\u003eEconomy and inventory controls (give\/remove money \u0026amp; items)\u003c\/li\u003e\n \u003cli\u003eWorld tools: custom blips, props, zones and object placement\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eAdditional features\u003c\/h3\u003e\n\u003cp\u003eThe package also includes a noclip mode for staff movement, an object gizmo for placing items in-world, resource monitoring and a configurable Discord\/webhook logging option. Interface settings are local to each administrator and multiple languages are included.\u003c\/p\u003e\n\u003ch3\u003eCompatibility \u0026amp; requirements\u003c\/h3\u003e\n\u003cp\u003eSupported frameworks: ESX, QBCore and Standalone mode. Server requirements listed by the author include FiveM, OneSync, ox_lib and oxmysql. Some integrations (inventory, fuel, keys, garage) may require compatible third-party resources.\u003c\/p\u003e\n\u003ch3\u003eDelivery \u0026amp; support\u003c\/h3\u003e\n\u003cp\u003eThe resource is distributed using protected asset escrow delivery and includes access to the author’s Discord for support and configuration help.\u003c\/p\u003e\n\u003ch3\u003eQuick summary\u003c\/h3\u003e\n\u003cul\u003e\n \u003cli\u003eSingle resource that replaces multiple admin scripts\u003c\/li\u003e\n \u003cli\u003eDesigned for roleplay servers requiring detailed staff tools\u003c\/li\u003e\n \u003cli\u003eIncludes language support and editable configuration files\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cbr\u003e\n\u003cp\u003e\u003cstrong\u003eNote:\u003c\/strong\u003e This description summarizes the author's feature list. Check the product page or the author’s Discord for installation instructions and full technical details.\u003c\/p\u003e","brand":"Furiascripts Shop","offers":[{"title":"Default Title","offer_id":45847145381997,"sku":null,"price":23.09,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/17f7e36551b6a460380df3445384bd140b437aad.jpg?v=1789408681"},{"product_id":"free-lastresort-wheelman-npc-robbery-minigame-fivem-script","title":"LastResort Wheelman — NPC Robbery Minigame","description":"\u003ch2\u003eLastResort Wheelman — Overview\u003c\/h2\u003e\n\u003cp\u003eLastResort Wheelman is a free FiveM script that adds dynamic NPC robbery encounters and vehicle escape chases. The script focuses on short, reactive minigame events where players can pick up a fleeing robber, escape pursuing police and deliver loot to a drop-off point.\u003c\/p\u003e\n\u003ch3\u003eKey features\u003c\/h3\u003e\n\u003cul\u003e\n \u003cli\u003e15 robbery locations and 20 drop-off locations\u003c\/li\u003e\n \u003cli\u003e179 dialogue lines covering 33 situations, across 12 languages\u003c\/li\u003e\n \u003cli\u003eEach language includes 275 translated text entries (no text hardcoded)\u003c\/li\u003e\n \u003cli\u003eLevel\/XP system with 5 ranks; data saved via oxmysql or fallback JSON\u003c\/li\u003e\n \u003cli\u003eServer-side validation (distance, chase duration, vehicle and robber state) and routing bucket support\u003c\/li\u003e\n \u003cli\u003eOptional crew mode, exports\/events for integration, admin commands and debug panel\u003c\/li\u003e\n \u003cli\u003eMore than 350 adjustable settings in the config\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eRequirements \u0026amp; notes\u003c\/h3\u003e\n\u003cul\u003e\n \u003cli\u003eOneSync enabled on the server\u003c\/li\u003e\n \u003cli\u003eNPC police must be enabled for chases\u003c\/li\u003e\n \u003cli\u003eoxmysql is optional but supported for persistent data\u003c\/li\u003e\n \u003cli\u003eThe package is not obfuscated, contains editable source code, and includes INSTALLATION.md and README.md\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eWhat you get\u003c\/h3\u003e\n\u003cp\u003eVersion 1.0.3 of the script, full source files, documentation, and configuration options. The script is distributed for free and designed to be integrated into existing servers—framework adapters are provided for common setups.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eNote:\u003c\/strong\u003e HUD and chat shown in demos are not included; native GTA V UI is used by default. Follow the included documentation for installation and language selection.\u003c\/p\u003e","brand":"Fivem Last Resort","offers":[{"title":"Default Title","offer_id":45847145414765,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/0f3deeb370cf93826cf060e5914cc6e7b4dfbbf1.jpg?v=1789408682"},{"product_id":"nova-payphones-physical-payphone-fivem-script","title":"Nova Payphones — Physical Payphone Script","description":"\u003ch2\u003eOverview\u003c\/h2\u003e\n\u003cp\u003eNova Payphones turns the game's existing payphone props (around ~120) into working, physical phones players can walk up to, pick up and use. The script provides visible handset animations, a dialpad with tones, ringing and server-authoritative call handling — including anonymous and emergency calls with payphone coordinates.\u003c\/p\u003e\n\n\u003ch2\u003eKey features\u003c\/h2\u003e\n\u003cul\u003e\n \u003cli\u003ePhysical handset and pickup animation visible to other players\u003c\/li\u003e\n \u003cli\u003eDialpad with dial tone, DTMF tones and hangup sound\u003c\/li\u003e\n \u003cli\u003eCord system that ends calls when walking too far away\u003c\/li\u003e\n \u003cli\u003ePermanent phone numbers derived from world position (no coord list)\u003c\/li\u003e\n \u003cli\u003eAutomatic detection of map-mod payphones and ringing with audible range\u003c\/li\u003e\n \u003cli\u003eAnonymous calls, emergency calls with verified payphone coordinates\u003c\/li\u003e\n \u003cli\u003eWorking \/ broken \/ out-of-service states; payphones can be damaged and repaired\u003c\/li\u003e\n \u003cli\u003eAnonymous voicemail\/messages and a city services\/business directory\u003c\/li\u003e\n \u003cli\u003eAdmin tools for scanning, registering, repairing and test-ringing\u003c\/li\u003e\n \u003cli\u003eEN + PT language support included\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch2\u003eCompatibility \u0026amp; integrations\u003c\/h2\u003e\n\u003cp\u003eSupported frameworks: ESX, QBCore, Qbox and Standalone. The script can target ox_target or qb-target and offers optional adapters for phone systems. Optional integrations include ox_inventory and xsound; ox_lib and oxmysql are listed as requirements for full operation.\u003c\/p\u003e\n\n\u003ch3\u003eWhy use this on your server?\u003c\/h3\u003e\n\u003cp\u003eThis script restores functional, location-based payphones without manual coordinate maintenance, adds roleplayable damaged\/repairable states, and provides admin utilities to manage the network. The adapter system allows integration with existing phone resources where available.\u003c\/p\u003e\n\n\u003ch3\u003eIncluded\u003c\/h3\u003e\n\u003cul\u003e\n \u003cli\u003eScript files, configuration with documentation and adapter guides\u003c\/li\u003e\n \u003cli\u003eLanguage files (English and Portuguese)\u003c\/li\u003e\n \u003cli\u003eAdmin command\/tooling for payphone management\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"Novaponte","offers":[{"title":"Default Title","offer_id":45847145447533,"sku":null,"price":12.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/1d6d1ed477cb887428ecff2d4f6bdc98abaa92f8.jpg?v=1789408683"},{"product_id":"xpolaroid-camera-fivem-script","title":"xPolaroid Camera","description":"\u003cp\u003exPolaroid Camera is a Polaroid-style photography script for FiveM that adds a physical camera prop, editable photo cards and in-game display options. Players can take photos with a viewfinder, apply CSS-style filters and frames, then keep, share or display their photos as inventory items, on cork boards, in wooden frames or inside a physical photo album.\u003c\/p\u003e\n\u003ch3\u003eWhat it does\u003c\/h3\u003e\n\u003cp\u003eThe script turns each captured image into a unique inventory item with real image data. After shooting you can preview the photo, apply filters and frame colors, add a short title and watermark, then save the result. Saved polaroids appear as physical props that can be shown to nearby players, handed over, hung on walls or arranged in an album.\u003c\/p\u003e\n\u003ch3\u003eKey features\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003ePhysical camera prop with full-screen viewfinder, zoom and focus corners\u003c\/li\u003e\n\u003cli\u003e8 CSS filters and multiple overlay effects; 6 frame colors\u003c\/li\u003e\n\u003cli\u003ePhotos become unique inventory items with front\/back interaction\u003c\/li\u003e\n\u003cli\u003ePin photos to resizable cork boards and place in wooden frames\u003c\/li\u003e\n\u003cli\u003eCollect and flip through a physical photo album with page turning\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eControls \u0026amp; included items\u003c\/h3\u003e\n\u003cp\u003eCommon controls include full view, flip, page turn and put-away keys for interacting with saved photos and albums. The package includes several in-game items used by the system so photos and displays behave as physical objects.\u003c\/p\u003e\n\u003ch3\u003eIncluded item names\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003epolaroid_camera\u003c\/li\u003e\n\u003cli\u003epolaroid_paper\u003c\/li\u003e\n\u003cli\u003epolaroid (captured photo item)\u003c\/li\u003e\n\u003cli\u003epolaroid_album\u003c\/li\u003e\n\u003cli\u003ephoto_board\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eThe description above summarizes the script's gameplay features and in-world objects. Use the framework-specific item definitions and database setup provided with the resource when installing on your server.\u003c\/p\u003e","brand":"Codem","offers":[{"title":"Default Title","offer_id":45847145480301,"sku":null,"price":9.74,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/035fd6bb8133421f20166374033017d700806909.jpg?v=1789408684"},{"product_id":"free-loki-prescriptions-rp-prescription-fivem-script","title":"Loki Prescriptions — RP Prescription Script","description":"\u003ch2\u003eOverview\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003eLoki_Prescriptions\u003c\/strong\u003e is a FiveM script that lets medical jobs issue interactive prescription items. Players receive a prescription which can be redeemed at a pharmacy to obtain medication. The package includes three realistic prescription layouts (US, UK, DE).\u003c\/p\u003e\n\n\u003ch3\u003eWhat this package contains\u003c\/h3\u003e\n\u003cul\u003e\n \u003cli\u003eIssueable prescription items for roleplay medical jobs\u003c\/li\u003e\n \u003cli\u003eRedeemable prescriptions at an in-game pharmacy to receive medication\u003c\/li\u003e\n \u003cli\u003eThree regional prescription styles: US, UK, DE\u003c\/li\u003e\n \u003cli\u003eOpen-source release (previously a paid resource)\u003c\/li\u003e\n \u003cli\u003eDesigned to work standalone or integrated with common frameworks and inventory\/notification systems\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eNote:\u003c\/strong\u003e This script does NOT include functionality for consuming or applying medication items.\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003eCompatibility and integration\u003c\/h3\u003e\n\u003cp\u003eThe author notes compatibility with a selection of popular frameworks, inventories and notification systems; integrations and additional adapters are documented on the project's GitHub. The script can also be used standalone.\u003c\/p\u003e\n\n\u003ch3\u003eCredits\u003c\/h3\u003e\n\u003cp\u003eOriginally developed with inspiration from K_DISEASES and credited to the project authors and contributors. Spanish translations were contributed by a community member. For installation details, supported integrations and the source code, check the project's GitHub repository.\u003c\/p\u003e","brand":"Kbase","offers":[{"title":"Default Title","offer_id":45847145742445,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/1b04c9402c3e507762b02c3cd3d761ff13b012ea.jpg?v=1789408686"},{"product_id":"free-dynamic-traffic-controller-fivem-script","title":"Dynamic Traffic Controller","description":"\u003ch2\u003eOverview\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003eDynamic Traffic Controller\u003c\/strong\u003e is a real-time traffic and pedestrian management script for FiveM servers. It provides live controls to adjust ambient vehicle density, pedestrian population and ambient NPC vehicle speed without restarting the server or reconnecting players.\u003c\/p\u003e\n\n\u003ch3\u003eHow it works\u003c\/h3\u003e\n\u003cp\u003eChanges are applied instantly and are designed to be smooth so ambient entities do not abruptly disappear around players. A lightweight performance mode reduces visual effects for lower-spec setups while keeping full functionality of the interface.\u003c\/p\u003e\n\n\u003ch3\u003eKey features\u003c\/h3\u003e\n\u003cul\u003e\n \u003cli\u003eReal-time vehicle and pedestrian density control (0%–200%)\u003c\/li\u003e\n \u003cli\u003eAmbient traffic speed adjustment (25%–150%)\u003c\/li\u003e\n \u003cli\u003eSix quick presets: EMPTY, LOW, NORMAL, BUSY, RUSH HOUR, EXTREME\u003c\/li\u003e\n \u003cli\u003eNine UI themes and community branding options\u003c\/li\u003e\n \u003cli\u003ePerformance mode for lower-end systems\u003c\/li\u003e\n \u003cli\u003eNo database required; lightweight client impact\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003ePerformance\u003c\/h3\u003e\n\u003cp\u003eTypical client resmon values are reported as very low. The script is advertised as having minimal runtime impact and does not require a database.\u003c\/p\u003e\n\n\u003ch3\u003eCompatibility\u003c\/h3\u003e\n\u003cp\u003eThe script is distributed with optional compatibility for popular server frameworks; it can be used with ESX, QBCore and Qbox or as a standalone resource.\u003c\/p\u003e\n\n\u003cp\u003e\u003cem\u003eThis description summarizes available functionality and interface options. Review the provided package for installation details and any additional configuration instructions.\u003c\/em\u003e\u003c\/p\u003e","brand":"Evolve","offers":[{"title":"Default Title","offer_id":45847146102893,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/d911e3678b302a4745971132594f925dffe19d0b.jpg?v=1789408687"},{"product_id":"av-racing-competitive-fivem-script","title":"AV Racing — Competitive Racing Script","description":"\u003cstyle\u003e\n .fml-av-racing {\n position: relative;\n width: 100%;\n max-width: none;\n margin: 0;\n padding: 12px 24px 20px 26px;\n\n color: rgba(255,255,255,.88);\n font-family: inherit;\n line-height: 1.75;\n }\n\n .fml-av-racing,\n .fml-av-racing * {\n box-sizing: border-box;\n }\n\n .fml-av-racing::before {\n content: \"\";\n position: absolute;\n top: 14px;\n bottom: 20px;\n left: 0;\n width: 1px;\n\n background: linear-gradient(\n to bottom,\n #ffd700 0%,\n rgba(255,215,0,.28) 42%,\n rgba(255,255,255,.05) 100%\n );\n }\n\n .fml-av-racing p {\n margin: 0 0 22px;\n color: rgba(255,255,255,.72);\n font-size: 15px;\n line-height: 1.82;\n }\n\n .fml-av-racing strong,\n .fml-av-racing em {\n color: #fff;\n }\n\n .fml-av-racing__intro {\n margin-bottom: 30px !important;\n\n color: #fff !important;\n\n font-size: clamp(18px,1.6vw,22px) !important;\n font-weight: 750;\n line-height: 1.55 !important;\n letter-spacing: -.015em;\n }\n\n .fml-av-racing__main {\n margin-bottom: 28px;\n padding: 20px 0;\n\n border-top: 1px solid rgba(255,255,255,.08);\n border-bottom: 1px solid rgba(255,255,255,.08);\n }\n\n .fml-av-racing__label {\n margin: 0 0 16px;\n\n color: rgba(255,255,255,.44);\n\n font-size: 10px;\n font-weight: 850;\n letter-spacing: .13em;\n text-transform: uppercase;\n }\n\n .fml-av-racing__ranked {\n display: grid;\n grid-template-columns: repeat(3,minmax(0,1fr));\n gap: 10px;\n\n margin: 14px 0 28px;\n }\n\n .fml-av-racing__ranked-item {\n position: relative;\n\n padding: 16px 18px 16px 20px;\n\n border: 1px solid rgba(255,255,255,.08);\n background: rgba(255,255,255,.018);\n }\n\n .fml-av-racing__ranked-item::before {\n content: \"\";\n position: absolute;\n top: 16px;\n bottom: 16px;\n left: 0;\n\n width: 2px;\n background: #ffd700;\n }\n\n .fml-av-racing__ranked-item p {\n margin: 0;\n color: rgba(255,255,255,.84);\n }\n\n .fml-av-racing__player {\n display: grid;\n grid-template-columns: repeat(2,minmax(0,1fr));\n gap: 10px;\n\n margin: 14px 0 28px;\n }\n\n .fml-av-racing__player-item {\n padding: 15px 17px;\n\n border: 1px solid rgba(255,255,255,.08);\n border-left: 2px solid #ffd700;\n\n background: rgba(255,255,255,.015);\n\n color: rgba(255,255,255,.84);\n font-size: 14px;\n line-height: 1.65;\n }\n\n .fml-av-racing__creator {\n position: relative;\n\n margin: 28px 0;\n padding-left: 18px;\n }\n\n .fml-av-racing__creator::before {\n content: \"\";\n position: absolute;\n top: 9px;\n left: 0;\n\n width: 7px;\n height: 7px;\n\n background: #ffd700;\n border-radius: 2px;\n }\n\n .fml-av-racing__creator p {\n margin: 0;\n color: rgba(255,255,255,.92);\n }\n\n .fml-av-racing__data {\n margin: 28px 0;\n padding: 18px 0;\n\n border-top: 1px solid rgba(255,255,255,.08);\n border-bottom: 1px solid rgba(255,255,255,.08);\n }\n\n .fml-av-racing__data p:last-child {\n margin-bottom: 0;\n }\n\n .fml-av-racing__drift {\n position: relative;\n\n margin: 28px 0;\n padding-left: 18px;\n }\n\n .fml-av-racing__drift::before {\n content: \"\";\n position: absolute;\n top: 9px;\n left: 0;\n\n width: 7px;\n height: 7px;\n\n background: #ffd700;\n border-radius: 2px;\n }\n\n .fml-av-racing__drift p {\n margin: 0;\n color: rgba(255,255,255,.92);\n }\n\n .fml-av-racing__ending {\n margin-top: 28px;\n padding-top: 20px;\n\n border-top: 1px solid rgba(255,255,255,.08);\n }\n\n .fml-av-racing__ending p {\n margin: 0;\n color: #fff !important;\n font-weight: 700;\n }\n\n @media (max-width: 900px) {\n .fml-av-racing__ranked,\n .fml-av-racing__player {\n grid-template-columns: 1fr;\n }\n }\n\n @media (max-width: 680px) {\n .fml-av-racing {\n padding: 8px 0 12px 18px;\n }\n\n .fml-av-racing__intro {\n font-size: 18px !important;\n }\n }\n\u003c\/style\u003e\n\n\n\u003carticle class=\"fml-av-racing\"\u003e\n\n \u003cp class=\"fml-av-racing__intro\"\u003e\n \u003cstrong\u003eAV Racing is a street racing system for FiveM that turns your server into a full-fledged racing hub.\u003c\/strong\u003e\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"fml-av-racing__main\"\u003e\n\n \u003cp\u003e\n It includes a \u003cem\u003efully standalone AV Laptop application\u003c\/em\u003e (runs as NUI) with functionality:\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cp\u003e\n 🏁 \u003cstrong\u003eRanked races:\u003c\/strong\u003e\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"fml-av-racing__ranked\"\u003e\n\n \u003cdiv class=\"fml-av-racing__ranked-item\"\u003e\n \u003cp\u003e\n - Elo rating system,\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-av-racing__ranked-item\"\u003e\n \u003cp\u003e\n - Lobby voting for the track before the race starts,\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-av-racing__ranked-item\"\u003e\n \u003cp\u003e\n - Monthly seasons: top participants receive rewards, while the worst receive penalties.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-av-racing__label\"\u003e\n Every player can:\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-av-racing__player\"\u003e\n\n \u003cdiv class=\"fml-av-racing__player-item\"\u003e\n ⏱️ View ghost replays of their previous laps,\n \u003c\/div\u003e\n\n \u003cdiv class=\"fml-av-racing__player-item\"\u003e\n ✨ See the time difference from the leader (\u003cem\u003edelta timer\u003c\/em\u003e) on screen,\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-av-racing__creator\"\u003e\n\n \u003cp\u003e\n Create custom tracks through the editor:\n \u003cbr\u003e\n 📍 Free camera… Customizable gates and checkpoint points.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-av-racing__data\"\u003e\n\n \u003cp\u003e\n All data is saved:\n \u003c\/p\u003e\n\n \u003cp\u003e\n 📈 Vehicle paths, sector splits… Even crash data!\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-av-racing__drift\"\u003e\n\n \u003cp\u003e\n There are separate drift events: chain multipliers + a live score display!\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"fml-av-racing__ending\"\u003e\n\n \u003cp\u003e\n The game can be expanded through commands or the admin panel.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\u003c\/article\u003e","brand":"Av Scripts","offers":[{"title":"Default Title","offer_id":45847147577453,"sku":null,"price":29.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0683\/2072\/3053\/files\/db0abb9323a5457159919c308e2214ab9fa04930.jpg?v=1789408700"}],"url":"https:\/\/fivem-lab.com\/collections\/scripts.oembed?page=3","provider":"Fivem-Lab","version":"1.0","type":"link"}