--- title: X Clone Development Cost description: url: https://miracuves.com/x-clone/development-cost date_modified: 2026-09-08 author: miracuves language: en_US --- .mcv-xcc{ --crimson:#e8344f; --crimson-deep:#a70d2a; --crimson-hot:#d81b46; --crimson-light:#ff8090; --amber:#fbbf24; --black:#0a0a0a; --white:#ffffff; --paper:#faf8f8; --ink:#191419; --ink-dim:#6d666d; --line:rgba(11,11,16,0.1); --line-light:rgba(255,255,255,0.12); --card-bg:rgba(8,3,8,0.82); font-family:'Plus Jakarta Sans',Arial,sans-serif; color:var(--ink); background:var(--white); margin:0; padding:0; } .mcv-xcc *{ box-sizing:border-box; } .mcv-xcc h1,.mcv-xcc h2,.mcv-xcc h3{ font-family:'Plus Jakarta Sans',Arial,sans-serif; font-weight:800; margin:0; letter-spacing:-0.02em; line-height:1.12; } .mcv-xcc p{ margin:0 0 14px; line-height:1.7; color:var(--ink); } .mcv-xcc a{ color:var(--crimson-deep); text-decoration:none; } .mcv-xcc .mono{ font-family:'JetBrains Mono',monospace; } .mcv-xcc-wrap{ max-width:1180px; margin:0 auto; padding:0 24px; position:relative; z-index:2; } .mcv-xcc-bleed{ position:relative; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw; width:100vw; } .mcv-seo-ref{ background:#FFF7E0; border:2px dashed #C79A00; padding:18px 22px; font-family:Arial,sans-serif; font-size:13px; color:#4A3B00; max-width:1180px; margin:18px auto; border-radius:8px; } .mcv-xcc-crumb{ display:flex; gap:8px; align-items:center; font-family:'JetBrains Mono',monospace; font-size:11.5px; color:rgba(255,255,255,.62); margin-bottom:20px; } .mcv-xcc-crumb a{ color:rgba(255,255,255,.62); } .mcv-xcc-crumb a:hover{ color:var(--crimson-light); } .mcv-xcc-crumb span.sep{ opacity:.5; } .mcv-xcc-crumb span.cur{ color:rgba(255,255,255,.75); } .mcv-xcc-eyebrow{ display:inline-flex; align-items:center; gap:8px; padding:7px 16px; border-radius:100px; background:rgba(255,255,255,.06); border:1px solid var(--line-light); font-family:'JetBrains Mono',monospace; font-size:11.5px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--crimson-light); margin-bottom:22px; } .mcv-xcc-eyebrow .dot{ width:6px; height:6px; border-radius:50%; background:var(--crimson); } .mcv-xcc-hero{ background:radial-gradient(ellipse 900px 500px at 85% -10%, rgba(232,52,79,.16), transparent), #0a0a0a; color:#fff; padding:56px 0 150px; position:relative; overflow:hidden; } .mcv-xcc-hero .ring{ position:absolute; border:2px solid rgba(232,52,79,.18); border-radius:50%; pointer-events:none; } .mcv-xcc-hero .ring1{ width:560px; height:560px; top:-260px; right:-200px; } .mcv-xcc-hero .ring2{ width:340px; height:340px; bottom:-200px; right:120px; border-color:rgba(232,52,79,.1); } .mcv-xcc-herogrid{ display:grid; grid-template-columns:1.1fr 0.9fr; gap:48px; align-items:center; } .mcv-xcc-hero h1{ font-size:clamp(27px,3.9vw,44px); color:#fff; } .mcv-xcc-hero h1 em{ font-style:normal; color:#ff8090; } .mcv-xcc-hero p.sub{ font-size:16px; color:rgba(255,255,255,.68); max-width:600px; margin:20px 0 30px; } .mcv-xcc a.mcv-xcc-btn{ display:inline-flex; align-items:center; gap:8px; border-radius:12px; background:linear-gradient(160deg,#d81b46,#e6223f); color:#fff; font-weight:700; font-size:15px; padding:15px 28px; box-shadow:0 10px 30px rgba(232,52,79,.3); transition:transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s; } .mcv-xcc a.mcv-xcc-btn:hover{ color:#fff; transform:translateY(-2px); box-shadow:0 14px 36px rgba(232,52,79,.42); text-decoration:none; } .mcv-xcc a.mcv-xcc-btn-outline{ display:inline-flex; align-items:center; border:2px solid rgba(255,255,255,.7); color:#fff; border-radius:12px; font-weight:700; font-size:15px; padding:13px 26px; margin-left:12px; transition:all .2s; } .mcv-xcc a.mcv-xcc-btn-outline:hover{ background:#fff; color:#191419; text-decoration:none; } .mcv-xcc-trust{ display:flex; flex-wrap:wrap; gap:22px; margin-top:34px; padding-top:24px; border-top:1px solid var(--line-light); } .mcv-xcc-trust-item{ display:flex; align-items:center; gap:8px; font-size:12.5px; color:rgba(255,255,255,.6); } .mcv-xcc-trust-item strong{ font-family:'JetBrains Mono',monospace; color:#fff; font-size:14px; } .mcv-xcc-cardstack{ position:relative; height:340px; } .mcv-xcc-fincard{ position:absolute; width:300px; height:180px; border-radius:18px; padding:22px; background:linear-gradient(150deg,#1c1418,#0d0709); border:1px solid var(--line-light); box-shadow:0 30px 70px rgba(0,0,0,.5); } .mcv-xcc-fincard.c1{ top:0; left:10px; z-index:1; opacity:.5; transform:rotate(-6deg) scale(.92); } .mcv-xcc-fincard.c2{ top:30px; left:40px; z-index:2; background:linear-gradient(150deg,#3a0a15,#160408 60%,#0a0a0a); border-color:rgba(232,52,79,.3); box-shadow:0 40px 90px rgba(0,0,0,.55), 0 0 60px -12px rgba(232,52,79,.35); } .mcv-xcc-fincard .brand{ font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.55); } .mcv-xcc-fincard .chip{ width:34px; height:24px; border-radius:5px; background:linear-gradient(135deg,#ff8090,#e8344f); margin:22px 0 18px; } .mcv-xcc-fincard .num{ font-family:'JetBrains Mono',monospace; font-size:15px; color:#fff; letter-spacing:.1em; } .mcv-xcc-fincard .curr{ position:absolute; bottom:22px; right:22px; font-family:'JetBrains Mono',monospace; font-size:11px; color:#ff8090; } .mcv-xcc-float{ position:absolute; background:rgba(8,3,8,0.82); border:1px solid var(--line-light); border-radius:14px; padding:12px 16px; box-shadow:0 16px 40px rgba(0,0,0,.35); z-index:3; } .mcv-xcc-float .k2{ font-family:'JetBrains Mono',monospace; font-size:10px; color:#ff8090; text-transform:uppercase; letter-spacing:.08em; margin-bottom:3px; } .mcv-xcc-float .v{ font-family:'JetBrains Mono',monospace; font-size:15px; color:#fff; font-weight:700; } .mcv-xcc-float-1{ top:-10px; right:0; } .mcv-xcc-float-2{ bottom:10px; left:0; } .mcv-xcc-statbar{ margin-top:-72px; position:relative; z-index:3; } .mcv-xcc-statbar .inner{ background:rgba(8,3,8,0.82); border:1px solid var(--line-light); border-radius:18px; box-shadow:0 24px 60px rgba(0,0,0,.35); padding:32px 20px; display:grid; grid-template-columns:repeat(4,1fr); } .mcv-xcc-statbar .stat{ text-align:center; padding:0 12px; border-right:1px solid var(--line-light); } .mcv-xcc-statbar .stat:last-child{ border-right:none; } .mcv-xcc-statbar .num{ font-family:'JetBrains Mono',monospace; font-weight:700; font-size:22px; color:#ff8090; } .mcv-xcc-statbar .lbl{ font-size:11.5px; color:rgba(255,255,255,.62); margin-top:6px; line-height:1.4; } .mcv-xcc-section{ padding:100px 0 76px; } .mcv-xcc-section.paper{ background:#faf8f8; } .mcv-xcc-section.tight{ padding-top:76px; } .mcv-xcc-head{ text-align:center; max-width:720px; margin:0 auto 48px; } .mcv-xcc-head .kicker{ font-family:'JetBrains Mono',monospace; font-size:12px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:#a70d2a; margin-bottom:12px; } .mcv-xcc-head h2{ font-size:clamp(22px,3vw,34px); color:#191419; } .mcv-xcc-head p{ color:#6d666d; margin-top:14px; } .mcv-xcc-rolegrid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; } .mcv-xcc-rolecard{ background:#fff; border:1px solid var(--line); border-radius:18px; padding:28px 24px; box-shadow:0 6px 18px rgba(0,0,0,.05); transition:transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s, border-color .3s; } .mcv-xcc-rolecard:hover{ transform:translateY(-6px); box-shadow:0 20px 40px rgba(0,0,0,.09); border-color:#e8344f; } .mcv-xcc-roleicon{ width:40px; height:40px; border-radius:10px; background:rgba(232,52,79,.12); border:1px solid rgba(232,52,79,.3); display:flex; align-items:center; justify-content:center; margin-bottom:16px; font-family:'JetBrains Mono',monospace; font-weight:700; font-size:14px; color:#a70d2a; } .mcv-xcc-rolecard h3{ font-size:17px; margin-bottom:12px; color:#191419; } .mcv-xcc-rolecard ul{ margin:0; padding-left:18px; font-size:13.5px; color:#191419; } .mcv-xcc-rolecard li{ margin-bottom:8px; line-height:1.5; } .mcv-xcc-tablewrap{ overflow-x:auto; border-radius:16px; box-shadow:0 12px 34px rgba(0,0,0,.07); border:1px solid var(--line); } table.mcv-xcc-table{ border-collapse:collapse; width:100%; min-width:680px; background:#fff; font-size:13.5px; } table.mcv-xcc-table th{ background:#0a0a0a; color:#ffffff; text-align:left; padding:14px 16px; font-family:'JetBrains Mono',monospace; font-weight:600; font-size:12px; letter-spacing:.04em; text-transform:uppercase; } table.mcv-xcc-table td{ padding:14px 16px; border-bottom:1px solid rgba(11,11,16,0.1); vertical-align:top; color:#191419; } table.mcv-xcc-table td.hl{ background:rgba(232,52,79,.06); border-top:3px solid #e8344f; font-weight:600; color:#191419; } table.mcv-xcc-table th.hl{ background:#e6223f; color:#ffffff; } table.mcv-xcc-table tbody tr:hover td{ background:#f4f1f1; color:#191419; } table.mcv-xcc-table tbody tr:hover td.hl{ background:rgba(232,52,79,.13); color:#191419; } table.mcv-xcc-table tr:last-child td{ border-bottom:none; } .mcv-xcc-note{ font-size:12.5px; color:#6d666d; margin-top:12px; } .mcv-xcc-callout{ background:linear-gradient(135deg,#2B0710,#4A0F1E); color:#fff; border-radius:20px; padding:40px 44px; } .mcv-xcc-callout h2,.mcv-xcc-callout h3{ color:#fff; font-size:22px; margin-bottom:12px; } .mcv-xcc-callout p{ color:rgba(255,255,255,.78); font-size:14.5px; margin:0; } .mcv-xcc-honest{ background:#fff; border:1px solid var(--line); border-left:4px solid #fbbf24; border-radius:14px; padding:28px 30px; } .mcv-xcc-honest h3{ font-size:17px; margin-bottom:14px; color:#191419; } .mcv-xcc-honestgrid{ display:grid; grid-template-columns:1fr 1fr; gap:10px 28px; } .mcv-xcc-honestgrid div{ font-size:13.5px; color:#191419; line-height:1.55; padding-left:18px; position:relative; } .mcv-xcc-honestgrid div::before{ content:'!'; position:absolute; left:0; top:0; font-family:'JetBrains Mono',monospace; font-weight:700; color:#8a6100; } .mcv-xcc-cs{ background:#fff; border:1px solid var(--line); border-radius:20px; padding:32px 34px; display:flex; justify-content:space-between; align-items:center; gap:24px; flex-wrap:wrap; box-shadow:0 8px 24px rgba(0,0,0,.05); } .mcv-xcc-cs-badge{ display:inline-flex; align-items:center; gap:7px; padding:6px 14px; border-radius:100px; background:rgba(232,52,79,.08); border:1px solid rgba(232,52,79,.25); font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:#a70d2a; margin-bottom:12px; } .mcv-xcc-cs-badge .dot{ width:6px; height:6px; border-radius:50%; background:#e8344f; } .mcv-xcc-cs-body{ flex:1; min-width:260px; } .mcv-xcc-cs-body h3{ font-size:16.5px; margin-bottom:6px; color:#191419; } .mcv-xcc-cs-body p{ color:#6d666d; font-size:13.5px; margin:0; max-width:460px; } .mcv-xcc a.mcv-xcc-cs-link{ font-family:'JetBrains Mono',monospace; font-size:12px; font-weight:700; color:#a70d2a; white-space:nowrap; } .mcv-xcc-faqgrid{ display:grid; grid-template-columns:1fr 1fr; gap:0 40px; max-width:1000px; margin:0 auto; } .mcv-xcc-faq details{ border-bottom:1px solid var(--line); padding:18px 0; } .mcv-xcc-faq summary{ font-family:'Plus Jakarta Sans',Arial,sans-serif; font-weight:700; font-size:15px; color:#191419; cursor:pointer; list-style:none; display:flex; justify-content:space-between; align-items:center; gap:16px; } .mcv-xcc-faq summary::-webkit-details-marker{ display:none; } .mcv-xcc-faq summary::after{ content:'+'; font-family:'JetBrains Mono',monospace; color:#a70d2a; font-size:20px; font-weight:700; flex:none; } .mcv-xcc-faq details[open] summary::after{ content:'\2212'; } .mcv-xcc-faq .a{ color:#6d666d; font-size:13.5px; margin-top:10px; line-height:1.65; } .mcv-xcc-cta{ background:linear-gradient(120deg,#e6223f,#6e0e1f); color:#fff; padding:64px 0; position:relative; overflow:hidden; } .mcv-xcc-cta .ring{ position:absolute; border:2px solid rgba(255,255,255,.14); border-radius:50%; width:360px; height:360px; top:-140px; right:-100px; } .mcv-xcc-cta .flex{ display:flex; justify-content:space-between; align-items:center; gap:28px; flex-wrap:wrap; position:relative; z-index:2; } .mcv-xcc-cta h2{ color:#fff; font-size:clamp(20px,2.6vw,28px); margin-bottom:8px; } .mcv-xcc-cta p{ color:#ffffff; margin:0; max-width:460px; } .mcv-xcc-cta a.mcv-xcc-btn-outline{ border-color:#fff; } .mcv-xcc-cta a.mcv-xcc-btn{ background:#fff; box-shadow:0 10px 30px rgba(0,0,0,.2); } .mcv-xcc-cta a.mcv-xcc-btn,.mcv-xcc-cta a.mcv-xcc-btn:hover{ color:#a70d2a; } .mcv-xcc-explore{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; } .mcv-xcc a.mcv-xcc-pill{ font-family:'JetBrains Mono',monospace; font-size:12.5px; font-weight:600; padding:10px 18px; border-radius:100px; border:1px solid var(--line); color:#191419; background:#fff; transition:all .2s; } .mcv-xcc a.mcv-xcc-pill:hover{ border-color:#e8344f; color:#a70d2a; text-decoration:none; } .mcv-xcc a.mcv-xcc-pill.cur{ background:#191419; color:#fff; border-color:#191419; } .mcv-xcc-finalcta{ background:#0a0a0a; color:#fff; text-align:center; padding:96px 24px 64px; position:relative; overflow:hidden; } .mcv-xcc-finalcta .ring{ position:absolute; border:1.5px solid rgba(232,52,79,.16); border-radius:50%; } .mcv-xcc-finalcta .ring1{ width:480px; height:480px; top:-220px; left:-160px; } .mcv-xcc-finalcta .ring2{ width:300px; height:300px; bottom:-180px; right:-90px; } .mcv-xcc-finalcta .card{ background:rgba(8,3,8,0.82); border:1px solid var(--line-light); border-radius:24px; padding:56px 40px; max-width:720px; margin:0 auto; position:relative; z-index:2; } .mcv-xcc-finalcta h2{ color:#fff; font-size:clamp(24px,3.2vw,34px); max-width:640px; margin:0 auto 14px; } .mcv-xcc-finalcta p.sub{ color:rgba(255,255,255,.7); max-width:520px; margin:0 auto 30px; } .mcv-xcc-footerbar{ max-width:1180px; margin:56px auto 0; padding-top:28px; border-top:1px solid var(--line-light); position:relative; z-index:2; } .mcv-xcc-byline{ display:flex; flex-wrap:wrap; gap:6px 14px; align-items:center; font-family:'JetBrains Mono',monospace; font-size:11.5px; color:rgba(255,255,255,.55); border-bottom:1px solid rgba(255,255,255,.12); padding-bottom:16px; margin-bottom:12px; } .mcv-xcc-byline strong{ color:#fff; font-weight:600; } .mcv-xcc-byline .dotsep{ opacity:.4; } .mcv-xcc-footermeta{ display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; font-family:'JetBrains Mono',monospace; font-size:11px; color:rgba(255,255,255,.55); } @media (max-width:900px){ .mcv-xcc-herogrid{ grid-template-columns:1fr; } .mcv-xcc-statbar .inner{ grid-template-columns:repeat(2,1fr); gap:18px 0; } .mcv-xcc-statbar .stat:nth-child(2){ border-right:none; } .mcv-xcc-rolegrid{ grid-template-columns:1fr; } .mcv-xcc-honestgrid{ grid-template-columns:1fr; } .mcv-xcc-faqgrid{ grid-template-columns:1fr; } .mcv-xcc-hero h1{ font-size:27px; } .mcv-xcc-cta .flex{ flex-direction:column; align-items:flex-start; } .mcv-xcc-cardstack{ height:260px; } .mcv-xcc-fincard{ width:250px; height:150px; } } @media (prefers-reduced-motion: reduce){ .mcv-xcc *{ animation:none !important; transition:none !important; } } /* --- components used by cost / company / business-model --- */ .mcv-xcc-pricecard{ background:linear-gradient(150deg,#3a0a15,#160408 60%,#0a0a0a); border:1px solid rgba(232,52,79,.3); border-radius:22px; padding:34px 32px; box-shadow:0 40px 90px rgba(0,0,0,.55), 0 0 60px -12px rgba(232,52,79,.35); } .mcv-xcc-pricecard .plan{ font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:#ff8090; margin-bottom:14px; } .mcv-xcc-pricecard .amt{ font-family:'JetBrains Mono',monospace; font-size:44px; font-weight:700; color:#fff; line-height:1; } .mcv-xcc-pricecard .per{ font-size:13px; color:rgba(255,255,255,.6); margin-top:8px; } .mcv-xcc-pricecard ul{ margin:22px 0 0; padding-left:18px; color:rgba(255,255,255,.78); font-size:13.5px; } .mcv-xcc-pricecard li{ margin-bottom:8px; line-height:1.5; } .mcv-xcc-drivers{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; } .mcv-xcc-driver{ background:#fff; border:1px solid rgba(11,11,16,0.1); border-radius:18px; padding:26px 24px; box-shadow:0 6px 18px rgba(0,0,0,.05); transition:transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s, border-color .3s; } .mcv-xcc-driver:hover{ transform:translateY(-6px); box-shadow:0 20px 40px rgba(0,0,0,.09); border-color:#e8344f; } .mcv-xcc-driver h3{ font-size:16px; margin-bottom:10px; color:#191419; } .mcv-xcc-driver p{ font-size:13.5px; color:#6d666d; margin:0; } .mcv-xcc-steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; } .mcv-xcc-step{ background:#fff; border:1px solid rgba(11,11,16,0.1); border-radius:16px; padding:24px 22px; } .mcv-xcc-step .n{ font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:#a70d2a; margin-bottom:8px; } .mcv-xcc-step h3{ font-size:15.5px; margin-bottom:8px; color:#191419; } .mcv-xcc-step p{ font-size:13.5px; color:#6d666d; margin:0; } .mcv-xcc-checkgrid{ display:grid; grid-template-columns:1fr 1fr; gap:16px 28px; } .mcv-xcc-check{ background:#fff; border:1px solid rgba(11,11,16,0.1); border-radius:14px; padding:20px 22px; } .mcv-xcc-check h3{ font-size:15px; margin-bottom:8px; color:#191419; } .mcv-xcc-check p{ font-size:13.5px; color:#6d666d; margin:0; } .mcv-xcc-flags{ display:grid; grid-template-columns:1fr 1fr; gap:14px 28px; } .mcv-xcc-flag{ font-size:13.5px; color:#191419; line-height:1.55; padding-left:22px; position:relative; } .mcv-xcc-flag::before{ content:'\2715'; position:absolute; left:0; top:0; font-family:'JetBrains Mono',monospace; font-weight:700; color:#a70d2a; } .mcv-xcc-pt{ background:radial-gradient(ellipse 800px 400px at 20% 0%, rgba(232,52,79,.14), transparent), #0a0a0a; color:#fff; padding:92px 0 84px; } .mcv-xcc-pt .mcv-xcc-head h2{ color:#fff; } .mcv-xcc-pt .mcv-xcc-head p{ color:rgba(255,255,255,.68); } .mcv-xcc-pt .mcv-xcc-head .kicker{ color:#ff8090; } .mcv-xcc-ptgrid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; } .mcv-xcc-ptcard{ background:rgba(8,3,8,0.82); border:1px solid rgba(255,255,255,0.12); border-radius:18px; padding:26px 24px; } .mcv-xcc-ptcard h3{ font-size:15.5px; color:#fff; margin-bottom:10px; } .mcv-xcc-ptcard p{ font-size:13.5px; color:rgba(255,255,255,.72); margin:0; } .mcv-xcc-ptcard .tag{ display:inline-block; font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:#ff8090; border:1px solid rgba(232,52,79,.35); border-radius:100px; padding:3px 10px; margin-bottom:12px; } .mcv-xcc-csbox{ background:#fff; border:1px solid rgba(11,11,16,0.1); border-radius:22px; padding:40px 42px; box-shadow:0 12px 34px rgba(0,0,0,.06); } .mcv-xcc-csmeta{ display:flex; flex-wrap:wrap; gap:26px; margin:22px 0 26px; padding:20px 0; border-top:1px solid rgba(11,11,16,0.1); border-bottom:1px solid rgba(11,11,16,0.1); } .mcv-xcc-csmeta div{ font-size:13px; color:#6d666d; } .mcv-xcc-csmeta strong{ display:block; font-family:'JetBrains Mono',monospace; font-size:18px; color:#191419; margin-bottom:2px; } .mcv-xcc-cscols{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; } .mcv-xcc-cscols h4{ font-size:13px; font-family:'JetBrains Mono',monospace; letter-spacing:.08em; text-transform:uppercase; color:#a70d2a; margin:0 0 10px; } .mcv-xcc-cscols ul{ margin:0; padding-left:18px; font-size:13.5px; color:#191419; } .mcv-xcc-cscols li{ margin-bottom:8px; line-height:1.5; } .mcv-xcc-quote{ margin-top:28px; padding:24px 26px; background:#faf8f8; border-left:3px solid #e8344f; border-radius:0 12px 12px 0; } .mcv-xcc-quote p{ font-size:15px; font-style:italic; color:#191419; margin:0 0 10px; } .mcv-xcc-quote .who{ font-family:'JetBrains Mono',monospace; font-size:12px; color:#6d666d; font-style:normal; } .mcv-xcc-revgrid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; } .mcv-xcc-revcard{ background:#fff; border:1px solid rgba(11,11,16,0.1); border-radius:18px; padding:28px 24px; box-shadow:0 6px 18px rgba(0,0,0,.05); transition:transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s, border-color .3s; } .mcv-xcc-revcard:hover{ transform:translateY(-6px); box-shadow:0 20px 40px rgba(0,0,0,.09); border-color:#e8344f; } .mcv-xcc-revcard .n{ font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:#a70d2a; margin-bottom:10px; } .mcv-xcc-revcard h3{ font-size:16.5px; margin-bottom:10px; color:#191419; } .mcv-xcc-revcard p{ font-size:13.5px; color:#6d666d; margin:0; } .mcv-xcc-revcard .core{ display:inline-block; margin-top:14px; font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:#a70d2a; background:rgba(232,52,79,.08); border:1px solid rgba(232,52,79,.25); border-radius:100px; padding:3px 10px; } .mcv-xcc-disclose{ background:#faf8f8; border:1px dashed rgba(11,11,16,0.1); border-radius:14px; padding:26px 28px; max-width:860px; margin:0 auto; } .mcv-xcc-disclose h3{ font-size:16px; margin-bottom:10px; color:#191419; } .mcv-xcc-disclose p{ font-size:13.5px; color:#6d666d; margin:0 0 10px; } .mcv-xcc-disclose p:last-child{ margin-bottom:0; } .mcv-xcc-callout .figs{ display:flex; flex-wrap:wrap; gap:32px; margin-top:22px; padding-top:20px; border-top:1px solid rgba(255,255,255,0.12); } .mcv-xcc-callout .figs div{ font-size:12.5px; color:rgba(255,255,255,.65); } .mcv-xcc-callout .figs strong{ display:block; font-family:'JetBrains Mono',monospace; font-size:20px; color:#fff; margin-bottom:3px; } @media (max-width:900px){ .mcv-xcc-drivers,.mcv-xcc-steps,.mcv-xcc-checkgrid,.mcv-xcc-flags,.mcv-xcc-ptgrid,.mcv-xcc-cscols,.mcv-xcc-revgrid{ grid-template-columns:1fr; } .mcv-xcc-csbox{ padding:28px 24px; } } /* ===== components ported from the shipped reference bundle (instagram-clone) ===== */ .mcv-xcc-aside{ border-left:3px solid #e8344f; background:#faf8f8; border-radius:0 16px 16px 0; padding:32px 36px; } .mcv-xcc-aside h3{ font-size:17px; margin-bottom:14px; color:#191419; } .mcv-xcc-aside ul{ margin:0; padding:0; list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:16px 32px; } .mcv-xcc-aside li{ padding-left:18px; position:relative; font-size:14px; color:#191419; line-height:1.6; } .mcv-xcc-aside li::before{ content:''; position:absolute; left:0; top:7px; width:7px; height:7px; background:#e8344f; transform:rotate(45deg); } .mcv-xcc-aside li span{ color:#6d666d; display:block; font-size:12.5px; margin-top:2px; } .mcv-xcc-flowrow{ display:grid; grid-template-columns:64px 1fr; gap:22px; padding:28px 0; border-bottom:1px solid rgba(11,11,16,0.1); align-items:start; } .mcv-xcc-flowrow:last-child{ border-bottom:none; } .mcv-xcc-flowrow h3{ font-size:18px; margin-bottom:8px; color:#191419; } .mcv-xcc-flowrow p{ color:#6d666d; font-size:14.5px; margin:0; max-width:760px; } .mcv-xcc-flownum{ width:56px; height:56px; border-radius:50%; border:1.5px solid rgba(11,11,16,0.1); display:flex; align-items:center; justify-content:center; font-family:'JetBrains Mono',monospace; font-weight:700; color:#a70d2a; font-size:16px; } .mcv-xcc-icongrid{ display:grid; grid-template-columns:repeat(2,1fr); gap:20px; } .mcv-xcc-iconitem{ background:#fff; border:1px solid rgba(11,11,16,0.1); border-radius:14px; padding:22px 24px; display:flex; gap:14px; align-items:flex-start; box-shadow:0 6px 18px rgba(0,0,0,.05); } .mcv-xcc-iconitem h3{ font-size:15px; margin-bottom:6px; color:#191419; } .mcv-xcc-iconitem p{ font-size:13px; color:#6d666d; margin:0; } .mcv-xcc-icondot{ width:34px; height:34px; border-radius:10px; background:rgba(232,52,79,.12); border:1px solid rgba(232,52,79,.3); flex:none; display:flex; align-items:center; justify-content:center; font-family:'JetBrains Mono',monospace; font-weight:700; font-size:14px; color:#a70d2a; } .mcv-xcc-steprow{ display:flex; gap:24px; padding:22px 0; border-bottom:1px solid rgba(11,11,16,0.1); } .mcv-xcc-steprow:last-child{ border-bottom:none; } .mcv-xcc-step-num{ font-family:'JetBrains Mono',monospace; font-weight:700; font-size:15px; color:#a70d2a; flex:none; width:90px; padding-top:2px; } .mcv-xcc-step-body h3{ font-size:17px; color:#191419; margin-bottom:6px; } .mcv-xcc-step-body p{ font-size:14.5px; color:#6d666d; margin:0; } .mcv-xcc-trustband{ background:#0a0a0a; color:#fff; padding:96px 0; position:relative; overflow:hidden; } .mcv-xcc-trustband .ring{ position:absolute; border:1.5px solid rgba(232,52,79,.16); border-radius:50%; width:420px; height:420px; top:-160px; left:-140px; } .mcv-xcc-trustband .head{ text-align:center; max-width:720px; margin:0 auto 44px; position:relative; z-index:2; } .mcv-xcc-trustband .head .kicker{ font-family:'JetBrains Mono',monospace; font-size:12px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:#ff8090; margin-bottom:12px; } .mcv-xcc-trustband .head h2{ color:#fff; font-size:clamp(22px,3vw,34px); } .mcv-xcc-trustband .head p{ color:rgba(255,255,255,.68); margin-top:14px; } /* the band markup uses the prefixed head class, so scope the light colours to it explicitly - without this the h2 falls through to .mcv-xcc-head h2 (#191419) and vanishes on the black band */ .mcv-xcc-trustband .mcv-xcc-head h2{ color:#ffffff; font-size:clamp(22px,3vw,34px); } .mcv-xcc-trustband .mcv-xcc-head p{ color:rgba(255,255,255,0.68); } .mcv-xcc-trustband .mcv-xcc-head .kicker{ color:#ff8090; } .mcv-xcc-trustband .mcv-xcc-note{ color:rgba(255,255,255,0.68); } .mcv-xcc-pt .mcv-xcc-note{ color:rgba(255,255,255,0.68); } .mcv-xcc-trustgrid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; position:relative; z-index:2; } .mcv-xcc-trustcard{ background:rgba(8,3,8,0.82); border:1px solid rgba(255,255,255,0.12); border-radius:16px; padding:26px 22px; } .mcv-xcc-trustcard h3{ color:#fff; font-size:15px; margin-bottom:8px; } .mcv-xcc-trustcard p{ color:rgba(255,255,255,.68); font-size:13px; margin:0; line-height:1.55; } .mcv-xcc-trusticon{ width:38px; height:38px; border-radius:10px; background:rgba(232,52,79,.16); border:1px solid rgba(232,52,79,.4); display:flex; align-items:center; justify-content:center; margin-bottom:14px; } .mcv-xcc-scorecard{ background:rgba(8,3,8,0.82); border:1px solid rgba(255,255,255,0.12); border-radius:20px; padding:28px 26px; } .mcv-xcc-scorecard .k{ font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:#ff8090; margin-bottom:16px; } .mcv-xcc-scorerow{ display:flex; justify-content:space-between; align-items:center; padding:10px 0; border-bottom:1px solid rgba(255,255,255,0.12); } .mcv-xcc-scorerow:last-child{ border-bottom:none; } .mcv-xcc-scorerow .lbl2{ font-size:12.5px; color:rgba(255,255,255,.75); } .mcv-xcc-scorerow .val{ font-family:'JetBrains Mono',monospace; font-size:13px; font-weight:700; color:#fff; } .mcv-xcc-scorerow .val.good{ color:#ff8090; } /* scorecard is a DARK card sitting in a light section. Rows authored as **label**text inherit var(--ink) and vanish (1.13:1). Give them light ink and stack them; .lbl2/.val two-column rows are untouched. */ .mcv-xcc-scorerow{ flex-wrap:wrap; } .mcv-xcc-scorecard > .mcv-xcc-scorerow > strong{ flex:1 0 100%; color:#ffffff; font-size:14.5px; margin-bottom:4px; } .mcv-xcc-scorecard > .mcv-xcc-scorerow > span{ flex:1 0 100%; color:rgba(255,255,255,0.78); font-size:13px; line-height:1.62; } .mcv-xcc-cs-top{ display:flex; justify-content:space-between; align-items:flex-start; gap:24px; flex-wrap:wrap; margin-bottom:28px; } .mcv-xcc-cs-top p{ color:#6d666d; font-size:14.5px; max-width:480px; margin:0; } .mcv-xcc-cs-meta{ text-align:right; font-size:13.5px; } .mcv-xcc-cs-meta strong{ display:block; color:#191419; font-size:14.5px; } .mcv-xcc-cs-meta .lbl{ font-family:'JetBrains Mono',monospace; font-size:10.5px; text-transform:uppercase; letter-spacing:.08em; color:#6d666d; margin:2px 0 12px; } .mcv-xcc-cs-stats{ display:grid; grid-template-columns:repeat(3,1fr); border:1px solid rgba(11,11,16,0.1); border-radius:16px; margin-bottom:24px; overflow:hidden; } .mcv-xcc-cs-stat{ text-align:center; padding:22px 12px; border-right:1px solid rgba(11,11,16,0.1); } .mcv-xcc-cs-stat:last-child{ border-right:none; } .mcv-xcc-cs-stat .v{ font-family:'JetBrains Mono',monospace; font-weight:700; font-size:26px; color:#a70d2a; } .mcv-xcc-cs-stat .l{ font-size:12.5px; color:#6d666d; margin-top:4px; } .mcv-xcc-cs-grid{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:16px; } .mcv-xcc-cs-box{ background:#faf8f8; border-radius:14px; padding:22px 24px; } .mcv-xcc-cs-box .h{ font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:#6d666d; margin-bottom:12px; } .mcv-xcc-cs-box ul{ margin:0; padding:0; list-style:none; display:grid; gap:8px; } .mcv-xcc-cs-box li{ padding-left:16px; position:relative; font-size:13.5px; color:#191419; line-height:1.55; } .mcv-xcc-cs-box li::before{ content:''; position:absolute; left:0; top:7px; width:6px; height:6px; background:#e8344f; transform:rotate(45deg); } .mcv-xcc-cs-quote{ border-left:3px solid #e8344f; background:#faf8f8; border-radius:0 14px 14px 0; padding:22px 26px; margin-top:16px; display:flex; gap:16px; align-items:flex-start; } .mcv-xcc-cs-quote p{ font-style:italic; font-size:15px; color:#191419; margin:0 0 10px; } .mcv-xcc-cs-avatar{ width:38px; height:38px; border-radius:50%; background:#a70d2a; color:#fff; display:flex; align-items:center; justify-content:center; font-family:'JetBrains Mono',monospace; font-weight:700; font-size:13px; flex:none; } .mcv-xcc-cs-who strong{ display:block; font-size:13.5px; color:#191419; } .mcv-xcc-cs-who span{ font-size:12.5px; color:#6d666d; } .mcv-xcc-cs-foot{ margin-top:20px; padding-top:16px; border-top:1px solid rgba(11,11,16,0.1); font-size:12.5px; color:#6d666d; } .mcv-xcc-mockwrap{ position:relative; } .mcv-xcc-chartcard{ background:rgba(8,3,8,0.82); border:1px solid rgba(255,255,255,0.12); border-radius:20px; padding:28px 26px; position:relative; } .mcv-xcc-chartcard .k{ font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:#ff8090; margin-bottom:18px; } .mcv-xcc-chartcard .mcv-xcc-barrow{ display:flex; align-items:center; gap:14px; height:auto; margin:0 0 14px; } .mcv-xcc-chartcard .mcv-xcc-barrow .l{ flex:0 0 140px; font-size:12.5px; line-height:1.35; color:rgba(255,255,255,.78); } .mcv-xcc-chartcard .mcv-xcc-barrow>.bar{ flex:1; height:8px; border-radius:999px; background:rgba(255,255,255,.10); overflow:hidden; } .mcv-xcc-chartcard .mcv-xcc-barrow>.bar>.mcv-xcc-barcol{ height:8px; border-radius:999px; background:linear-gradient(90deg,#ff8090,#d81b46); } .mcv-xcc-chartcard .note{ margin-top:18px; padding-top:14px; border-top:1px solid rgba(255,255,255,0.12); font-size:11.5px; line-height:1.5; color:rgba(255,255,255,.62); } .mcv-xcc-seggrid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; } .mcv-xcc-segcard{ background:#fff; border:1px solid rgba(11,11,16,0.1); border-radius:16px; padding:26px 22px; box-shadow:0 6px 18px rgba(0,0,0,.05); transition:transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s, border-color .3s; } .mcv-xcc-segcard:hover{ transform:translateY(-6px); box-shadow:0 20px 40px rgba(0,0,0,.09); border-color:#e8344f; } .mcv-xcc-segcard h3{ color:#191419; font-size:15.5px; margin-bottom:8px; } .mcv-xcc-segcard p{ color:#6d666d; font-size:13px; margin:0; line-height:1.55; } .mcv-xcc-segcard ul{ margin:12px 0 0; padding-left:17px; } .mcv-xcc-segcard li{ color:#6d666d; font-size:12.5px; line-height:1.5; margin-bottom:6px; } .mcv-xcc-segcard li:last-child{ margin-bottom:0; } .mcv-xcc-segicon{ width:38px; height:38px; border-radius:10px; background:rgba(232,52,79,.12); border:1px solid rgba(232,52,79,.3); display:flex; align-items:center; justify-content:center; margin-bottom:14px; font-family:'JetBrains Mono',monospace; font-weight:700; font-size:14px; color:#a70d2a; transition:background .3s; } .mcv-xcc-modelgrid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; } .mcv-xcc-modelcard{ position:relative; background:#fff; border:1px solid rgba(11,11,16,0.1); border-radius:18px; padding:26px 24px; box-shadow:0 6px 18px rgba(0,0,0,.05); transition:transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s, border-color .3s; overflow:hidden; } .mcv-xcc-modelcard:hover{ transform:translateY(-6px); box-shadow:0 20px 40px rgba(0,0,0,.09); border-color:#e8344f; } .mcv-xcc-modelcard .ghost{ position:absolute; top:-4px; right:6px; font-family:'JetBrains Mono',monospace; font-weight:700; font-size:64px; color:#000; opacity:.045; line-height:1; } .mcv-xcc-modelcard:hover .ghost{ color:#e8344f; opacity:.09; } .mcv-xcc-modelcard .stage{ font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#a70d2a; margin-bottom:10px; position:relative; } .mcv-xcc-modelcard h3{ font-size:16.5px; margin-bottom:8px; position:relative; color:#191419; } .mcv-xcc-modelcard p{ font-size:13.5px; color:#6d666d; margin:0; line-height:1.55; position:relative; } .mcv-xcc-streamlist{ display:flex; flex-direction:column; gap:9px; } .mcv-xcc-streamrow{ display:flex; align-items:center; gap:12px; padding:9px 12px; border:1px solid rgba(255,255,255,0.12); border-radius:10px; background:rgba(255,255,255,.03); } .mcv-xcc-streamrow .n{ font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:700; color:#ff8090; } .mcv-xcc-streamrow .s{ font-size:13px; color:#fff; font-weight:600; } @media (max-width:900px){ .mcv-xcc-aside ul{ grid-template-columns:1fr; } .mcv-xcc-flowrow{ grid-template-columns:48px 1fr; gap:16px; } .mcv-xcc-flownum{ width:44px; height:44px; font-size:14px; } .mcv-xcc-icongrid,.mcv-xcc-cs-grid,.mcv-xcc-modelgrid{ grid-template-columns:1fr; } .mcv-xcc-trustgrid,.mcv-xcc-seggrid{ grid-template-columns:1fr 1fr; } .mcv-xcc-cs-stats{ grid-template-columns:1fr; } .mcv-xcc-cs-stat{ border-right:none; border-bottom:1px solid rgba(11,11,16,0.1); } .mcv-xcc-cs-stat:last-child{ border-bottom:none; } .mcv-xcc-cs-top,.mcv-xcc-steprow{ flex-direction:column; } .mcv-xcc-cs-meta{ text-align:left; } .mcv-xcc-chartcard .mcv-xcc-barrow{ gap:10px; } .mcv-xcc-chartcard .mcv-xcc-barrow .l{ flex:0 0 104px; font-size:11.5px; } } * + .mcv-xcc-callout{ margin-top:22px; } .mcv-xcc-cta .mcv-xcc-byline,.mcv-xcc-cta .mcv-xcc-footerbar{ color:#ffffff; } .mcv-xcc-cta .mcv-xcc-byline .dotsep{ opacity:.65; } .mcv-xcc-trustband .kicker,.mcv-xcc-pt .kicker{ color:var(--crimson-light); } .mcv-xcc-cta .kicker{ color:#ffffff; } .mcv-xcc-cta .mcv-xcc-footermeta{ color:#ffffff; } @media (max-width:560px){ .mcv-xcc-trustgrid,.mcv-xcc-seggrid{ grid-template-columns:1fr; } } [Home](/)/[X Clone](/x-clone/)/Development Cost X Clone · Development Cost # X Clone Development Cost: $3,399, Fixed A membership-led social network is not just a feed. It is tiered entitlements enforced server-side, a verification workflow with a review queue, creator subscriptions and tips settling between members, account status control with recorded reasons, and an audit trail, all consistent across a web app, a mobile app and an operator console. Quoted from scratch that is tens of thousands and several months. [Get a Fixed Quote →](https://miracuves.com/schedule-consultation/)[See Features](/x-clone/features/) **$3,399** one-time, fixed **0%** of what members pay you **6 days** to deploy Quote typeFixed, not opening What the Fixed Price Covers 01The whole membership layer 0268 page Next.js application 0364 handlers, one envelope 0428 screen Flutter client 05Fifteen page operator console 06Firestore rules and indexes $3,399One-Time, Fixed 6 daysTo Live Deployment 3Tiers Transferred 0%Taken From Members Compare ## What a Membership Network Costs Each Way Four routes to the same platform, and what each one costs you in money, time and ownership. | Route | Typical cost | What you end up owning | | --- | --- | --- | | Generic social script | $500 - $3,000 | A feed and profiles. Tiers, verification and the audit trail are what is missing | | Freelance team | $30,000 - $90,000 | The screens you specified, with entitlement checked in the interface because it was faster | | Miracuves ready-made | $3,399 fixed | The membership machinery finished rather than sketched, in six working days | | Custom agency build | $90,000 - $300,000 | A bespoke platform, and a timeline measured in quarters before the first member pays | | Enterprise programme | Six figures and up | A senior team over twelve to twenty-four months, which is the honest figure for this depth from nothing | The ranges above are market observations for comparable scope, not quotes from us. Our number is the one in the highlighted row and it does not move after scoping. The enterprise route exists for associations, publishers, regional operators and white-label resellers, and is quoted against the final scope rather than listed here. Included ## What the Price Includes Everything transfers, and on a membership network one part matters more than the rest: the prices, the entitlements and the rules deciding who earns a badge are your commercial model. **The membership layer**The plan held on the account and enforced server-side, three tiers priced from configuration rather than code, a verification queue with the reason recorded, and subscriber ids and tip records that settle between members. This is the part vendors most often keep, and here it transfers. **Web application**A Next.js application on React 18.2 with TypeScript 4.7: 68 pages facing the member, 190 components behind them, and SWR for fetching and caching. **API layer**64 handlers under /api/v1/ with a single response envelope across all of them, cursor paging wherever order matters, Zod validation on bodies and queries, and ownership confirmed on every write. **Data layer**Firestore as the data layer with security rules and composite indexes included, typed converters in the source tree, and counters denormalized for feed reads rather than aggregated per render. **Mobile application**The Flutter client of 28 screens on the same REST surface as the browser, with the Android build supplied. An iOS build is available as scoped work rather than included in the base. **Operator console**Fifteen console pages with console authentication kept separate from members: verification, status and report queues, appeal review, the audit viewer and sign-in history, plus ad campaign and developer key oversight. **Platform and documentation**Twelve Cloud Functions, Firebase Authentication including Google sign-in, OAuth applications with hashed keys, PM2 with environment-driven configuration, plus the schema and ERD references, the API collection, the security handbook and VAPT reference material. Nothing is charged per seat, no revenue share applies, and we take no percentage of what your members pay you. Nobody upstream can reprice your tiers or redefine what a badge means. Drivers ## What Moves the Number Costs move only when you add integration work, and on a membership network the list is specific. ### Creator payout operations Subscriber ids and tip records model who owes what and to whom. Actually moving money out to creators on a schedule, with the tax handling and compliance that implies, is operations work rather than a module. On a creator-led network this is usually the first thing to scope after launch. ### Payment rails beyond the reference The build references a Stripe setup. Additional processors, regional rails and the merchant relationships behind them are integration work on your accounts, and they matter sooner here than on an ad-funded network because every revenue line runs through them from week one. ### Live audio rooms The Firestore rules define a spaces collection, but the surface on top of it is a scoped extension rather than a switch. If audio rooms are part of what you intend to sell membership for, this belongs in the first conversation rather than the second. ### Two-factor enforcement The account record carries two-factor fields but enforcement is not switched on in the base build. On a platform charging members and holding payment relationships, closing that is worth scheduling early, and it is ordinary engineering rather than a rearchitecture. ### Automated moderation and transcoding The report queue, the five actions and the audit trail are built and a person works them. Automated content classification, and video transcoding with CDN delivery, are each scoped separately and quoted against the volume you actually expect. ### iOS, SSO and deeper analytics An iOS build and its store submission, enterprise SSO, and analytics beyond the console's own statistics are each separate work. App Store review in particular is outside anybody's control, so it is worth starting early if mobile matters to the launch. Anything beyond the base is quoted in writing before it starts. Larger custom work runs two to eight weeks depending on scope. Timeline ## The Six-Day Path to Live What happens in the six working days, in the order it happens. Step 1 · Day 0 ### Draw the free tier What Free includes, what Premium and Pro add, and what a verification badge has to be earned by. On a membership network the free tier is a choice rather than a limitation, and deciding it deliberately is the most valuable hour of the whole engagement. Step 2 · Days 1 - 2 ### Branding across three surfaces Name, logo and colour scheme across the Next.js web application, the Flutter client and the operator console, with the moderation policy language and the wording of verification decisions set to match how you intend to run the network. Step 3 · Days 3 - 4 ### Deploy and connect your accounts The application goes onto infrastructure you control with the Firestore project, security rules and composite indexes deployed as code. Your Firebase project, Google sign-in credentials and payment credentials are connected with keys you hold. Step 4 · Day 5 ### Price the tiers and open the queues The three tiers configured with their entitlements, tips enabled, the verification review queue opened with the criteria you decided on day zero, and administrator accounts created on the separate console authentication path. Step 5 · Day 6 ### Walkthrough and handover We run the membership loop end to end in front of your team: upgrade an account and watch the entitlement take effect in the API and both clients, approve a verification request and reload the member profile, then suspend an account with a reason and read the audit entry it wrote. Step 6 · Post-launch ### The support window Sixty days of launch guidance, six months of priority bug fixes and twelve months of updates. Creator payout operations, two-factor enforcement, the iOS build and any additional payment rails usually run inside this window on their own scoped schedule. Six working days covers branding, configuration, your Firebase project, payment credentials and the Android build. It excludes App Store review, which nobody controls, and it excludes the members, which nobody can sell you. Context ## Regional Development Rates We do not publish a dollar figure for a from-scratch build, because the honest measure is time: a twelve to twenty-four month programme with a senior team. Here are the rates that let you size that yourself. | Region | Senior engineer, blended hourly | What a 12-24 month programme implies | | --- | --- | --- | | North America | $120 - $220 | The high end of any build-versus-buy comparison, and the reason most operators in this bracket buy | | Western Europe | $90 - $170 | Comparable to North America once employer costs and notice periods are included | | Gulf and Middle East | $60 - $130 | Often the market being sold into, which makes local hiring attractive and the timeline no shorter | | Eastern Europe | $45 - $95 | The common outsourcing choice, where the risk shifts from cost to specification quality | | Latin America | $40 - $85 | Time-zone overlap with North America is the usual reason, not the rate | | South and Southeast Asia | $25 - $60 | The lowest rate, and where a great deal of the Firebase and Flutter experience actually sits | ### Why we give you the rate instead of the total A from-scratch total depends on your team size, your region, and how much of the membership layer you specify correctly before anybody writes a line. The feed is the easy part and it is what every estimate prices. Entitlements enforced server-side rather than in the interface, a verification workflow somebody signs their name to, paid followings modelled as relationships rather than receipts, reasons recorded on every status change, and one contract keeping three clients in step are each unglamorous, mandatory and slow. Publishing one number would mean inventing four assumptions and presenting them back to you as a finding. **12-24**Months, senior team **64**Handlers to build and document **15**Console pages to design **$3,399**The alternative, fixed Rates are indicative blended figures for social platform engineering, not quotes. They exist so you can do the arithmetic rather than take ours on trust. Pricing Policy ## Why the Price Is Fixed, Not "Starting At" ### What a fixed number commits us to **The scope is the demo.** What you see across the member experience, the relationships and messaging surface, the operator console and the mobile client is what ships. There is no discovery phase that discovers the price was optimistic, because the platform already exists and runs on live infrastructure. **No percentage of what your members pay you.** This matters more here than on an ad-funded network, because on this configuration the members are the revenue. Tier income, creator subscriptions and tips are yours in full. **No per-seat licence.** Your hundred thousandth account costs you nothing extra from us, which on a platform whose whole model is charging for accounts is exactly the wrong thing to be charged for. **The limitations are named before purchase.** Live audio rooms as an extension, two-factor fields present but not enforced, creator payout operations, automated moderation, transcoding, iOS, SSO, and the fact that no software supplies members are all stated here and on the hub. The enterprise route exists for associations, publishers, regional operators and white-label resellers, and is quoted against the final scope rather than listed here. Budget Honestly ## Hidden Costs Most Quotes Leave Out None of these are ours to charge. They are yours to budget, and on a membership network two of them land in month one. 01 ### Acquiring the members This is the real cost of a social platform and the one no vendor can quote. A network charging for accounts still needs accounts to charge, and closing that gap is a community and distribution programme rather than a line in a software budget. 02 ### Payment fees on small amounts Tips and $9.99 tiers are low-value transactions, which makes per-transaction fees proportionally heavy. On a membership model every revenue line is a small recurring payment, so model the fee against Premium and a typical tip before you price either. 03 ### Working the verification queue A badge is only worth selling if somebody is actually reviewing requests against real criteria. That is a person's time from the first week the queue exists, and it scales with membership rather than with revenue. 04 ### Trust and safety staffing The report queue is built; somebody has to work it. Report volume does not wait for business hours, so this is a rota rather than a role, and it becomes necessary earlier than most operators expect. 05 ### Firestore reads and media storage Counters are denormalized onto the feed document specifically to keep reads affordable, but a social read path is read-heavy by nature, and images, video and audio accumulate without shrinking. Both scale with engagement rather than with revenue. 06 ### Refunds and chargebacks Charging members means handling members who want their money back. The account record supports the workflow, but the policy, the reserve and the dispute handling are commercial decisions with a cost attached, and they arrive with your first paying cohort. The first two decide whether the model works. Everything else is ordinary running cost; those two determine whether you have a membership business or an empty product with a pricing page. Development Company ### Who you hire decides what the number means The six-step process, a modelled reference deployment for a paid membership network, the limitation list and the red flags worth walking away from - on the Development Company page. [See the comparison →](/x-clone/development-company/) FAQ ## Frequently Asked Questions How much does it cost? $3,399, once, as a fixed figure rather than an opening one. That buys the web application, the Flutter application, the API layer, the operator console, the Firestore rules and indexes, and six working days of branded deployment. Nothing is charged per seat, no revenue share applies, and we take no percentage of what your members pay you. Costs move only when you add integration work, and that list is on this page rather than hidden in a contract. What is not included? Members, which is the answer that matters most and the one no vendor can sell you. After that: connecting a payment processor beyond the referenced Stripe setup, creator payout operations, automated content moderation, video transcoding and CDN delivery, live audio rooms, an iOS build and submission, enterprise SSO, and analytics deeper than the console's own statistics are each scoped as separate work. The account record carries two-factor fields but does not enforce them in the base build. How long does deployment take? Six working days to a branded platform running on your infrastructure, covering branding, configuration, your Firebase project, payment credentials and the Android build. It excludes anything scoped as an integration, so payment rails past the referenced setup, automated moderation and enterprise SSO sit outside it, as does App Store review, which nobody controls. Larger custom work runs two to eight weeks and gets quoted in writing before it starts. Why is there no from-scratch dollar figure here? Because any single number would be four assumptions about your team, your region and your scope discipline, presented back to you as a finding. What the build supports is a duration: twelve to twenty-four months with a senior team for this depth across three clients. So we publish that alongside regional rates and let you build the estimate from inputs you control. What do creator payout operations involve? The platform models who owes what and to whom: subscriber ids sit on the creator record and tip records settle between members. What is not automated is the disbursement itself, on a schedule, with the tax handling, thresholds and compliance that go with paying individuals. It is operations work shaped by your jurisdiction and your processor, so we scope it against those rather than quoting a block figure. Should we close the two-factor gap before launch? If you are charging members from week one, we would say yes. The account record already carries the fields, so enforcing it is ordinary engineering rather than a rearchitecture, and it is materially cheaper to do before you hold live payment relationships than after. It is quoted as scoped work before it starts, and it is the item on our own list we would schedule first. ## One fixed price, no cut of member revenue Bring the community you already have and what you think they will pay for. We will confirm the number in writing before you commit to anything. [Talk to Our Team](https://miracuves.com/schedule-consultation/)[Full Overview](/x-clone/) Explore ## Explore the X Clone [Overview](/x-clone/) [Features](/x-clone/features/) [Development Cost](/x-clone/development-cost/) [Development Company](/x-clone/development-company/) [Business Model](/x-clone/business-model/) ## $3,399 fixed. Six days. The membership layer included. The web application, the Flutter client, the API layer and the fifteen page console deployed on your infrastructure under your branding, with the entitlement logic and verification workflow transferring alongside them. [Talk to Us →](https://miracuves.com/schedule-consultation/) **Written by the Miracuves Product Team**· Reviewed for accuracy· Last updated **September 8, 2026** Miracuves · X Clone Solution Price, inclusions and stated limitations cross-verified against the hub, 2026-09-08 /* MIRACUVES - TRADEMARK / NON-AFFILIATION NOTICE (v3). Scoped under .mcv-tmn so it cannot collide with the hub connector (mcv-hubx-, mcv-hubxa-) or any block above it. Always the last block on the page, immediately before the footer. Structure is deliberate: one plain-language lead people actually read, then the three supporting positions split out so each is scannable rather than buried in a paragraph. Fonts are declared but not loaded: pages carrying the connector already have them, and the fallbacks are deliberate so this block never adds a render-blocking request. */ .mcv-tmn{ font-family:'Plus Jakarta Sans',Arial,sans-serif; color:#191419; margin:0; padding:0; } .mcv-tmn *{ box-sizing:border-box; } .mcv-tmn-band{ background:#ffffff; padding:8px 0 76px; } .mcv-tmn-wrap{ max-width:1180px; margin:0 auto; padding:0 24px; } .mcv-tmn-box{ background:#faf8f8; border:1px solid rgba(11,11,16,0.13); border-left:4px solid #a70d2a; border-radius:12px; padding:34px 38px; box-shadow:0 1px 2px rgba(25,20,25,0.04), 0 10px 30px rgba(25,20,25,0.05); } .mcv-tmn-head{ display:flex; align-items:center; gap:11px; margin:0 0 18px; } .mcv-tmn-dot{ width:8px; height:8px; background:#a70d2a; transform:rotate(45deg); flex:0 0 auto; } .mcv-tmn .mcv-tmn-head span.mcv-tmn-kicker{ font-family:'JetBrains Mono',ui-monospace,monospace; font-size:13px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; color:#a70d2a; } .mcv-tmn .mcv-tmn-box p.mcv-tmn-lead{ margin:0 0 24px; font-size:20px; line-height:1.5; font-weight:600; color:#191419; max-width:56ch; letter-spacing:-.01em; } .mcv-tmn .mcv-tmn-box b.mcv-tmn-brand{ color:#a70d2a; font-weight:700; } .mcv-tmn-cols{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px 36px; padding-top:24px; border-top:1px solid rgba(11,11,16,0.11); } .mcv-tmn .mcv-tmn-col span.mcv-tmn-lbl{ display:block; font-family:'JetBrains Mono',ui-monospace,monospace; font-size:10.5px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:#8a8085; margin:0 0 8px; } .mcv-tmn .mcv-tmn-col p{ margin:0; font-size:14px; line-height:1.7; color:#453d42; } .mcv-tmn-foot{ margin-top:26px; padding-top:18px; border-top:1px solid rgba(11,11,16,0.11); } .mcv-tmn .mcv-tmn-foot a{ font-family:'JetBrains Mono',ui-monospace,monospace; font-size:12px; font-weight:600; letter-spacing:.04em; color:#a70d2a; text-decoration:none; border-bottom:1px solid rgba(167,13,42,0.32); } .mcv-tmn .mcv-tmn-foot a:hover{ border-bottom-color:#a70d2a; } @media (max-width:900px){ .mcv-tmn-cols{ grid-template-columns:1fr; gap:22px; } .mcv-tmn .mcv-tmn-box p.mcv-tmn-lead{ font-size:18px; } } @media (max-width:600px){ .mcv-tmn-band{ padding:4px 0 48px; } .mcv-tmn-box{ padding:26px 22px; border-radius:10px; border-left-width:3px; } .mcv-tmn .mcv-tmn-box p.mcv-tmn-lead{ font-size:17px; line-height:1.45; margin-bottom:20px; } .mcv-tmn .mcv-tmn-head span.mcv-tmn-kicker{ font-size:12px; letter-spacing:.16em; } } Disclaimer Miracuves is an independent software development company. We are not affiliated with, connected to, sponsored by, or endorsed by **X**. Why this name “**X** Clone” is used descriptively. It is how the software industry refers to building a platform with functionality similar to X, and how clients search for it. Who built this The entire design and codebase is built by our own team. The product contains no code, design, graphics, or content originating from the X website or applications. Trademarks **X** and all other third-party names and marks are the property of their respective owners, referenced here solely to describe the category of software offered. [Read our full Legal Notice & Disclaimer →](/disclaimer/)