-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
514 lines (490 loc) · 30.9 KB
/
index.html
File metadata and controls
514 lines (490 loc) · 30.9 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Kaspa Explained | Proof-of-Work blockDAG Guide</title>
<meta name="description" content="Kaspa explained in plain English: a live proof-of-work blockDAG at 10 blocks per second, what works now, and what builders are working toward.">
<meta name="robots" content="index,follow,max-snippet:-1,max-image-preview:large">
<link rel="canonical" href="https://kaspaexplained.com/">
<link rel="icon" href="kaspa-favicon.svg?v=20260512-real-k" type="image/svg+xml">
<link rel="icon" href="favicon.svg?v=20260512-k4" type="image/svg+xml">
<link rel="icon" href="favicon.ico" sizes="any">
<link rel="icon" href="favicon.png" type="image/png">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="manifest" href="site.webmanifest">
<meta name="application-name" content="Kaspa Explained">
<meta name="apple-mobile-web-app-title" content="Kaspa Explained">
<meta name="theme-color" content="#09090b">
<meta property="og:title" content="Kaspa Explained | Proof-of-Work blockDAG Guide">
<meta property="og:description" content="Plain-English Kaspa guide: real-time Proof of Work, blockDAG ordering, what works now, and what builders are working toward.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://kaspaexplained.com/">
<meta property="og:image" content="https://kaspaexplained.com/og-kaspa-explained-20260514.png?v=20260514-logo-clearance">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Kaspa Explained - proof-of-work blockDAG guide">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Kaspa Explained | Proof-of-Work blockDAG Guide">
<meta name="twitter:description" content="Live proof-of-work blockDAG, 10 BPS, sources, and builder paths.">
<meta name="twitter:image" content="https://kaspaexplained.com/og-kaspa-explained-20260514.png?v=20260514-logo-clearance">
<meta name="dateModified" content="2026-05-14">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebPage",
"name": "Kaspa Explained",
"url": "https://kaspaexplained.com/",
"description": "Kaspa explained in plain English: a live proof-of-work blockDAG at 10 blocks per second, what works now, and what builders are working toward.",
"about": [
"Kaspa",
"Proof of Work",
"blockDAG",
"GHOSTDAG",
"Crescendo",
"Toccata",
"DAGKnight",
"vProgs",
"Real-Time Decentralization"
],
"isPartOf": {
"@type": "WebSite",
"name": "Kaspa Explained",
"url": "https://kaspaexplained.com/"
}
}
</script>
<link rel="stylesheet" href="styles.css?v=20260514-clean">
<script defer src="nav.js?v=20260514-clean"></script>
<script defer src="live-kaspa.js?v=20260512"></script>
</head>
<body>
<a class="skip-link" href="#top">Skip to content</a>
<header class="site-header">
<nav class="nav" aria-label="Primary">
<a class="brand" href="/" aria-label="Kaspa Explained home">
<span class="brand-mark" aria-hidden="true"></span>
Kaspa Explained
</a>
<button class="nav-menu-button" type="button" aria-expanded="false" aria-controls="primary-links">Menu</button>
<div id="primary-links" class="nav-links">
<a href="/start-here">Start</a>
<a href="/kaspa-in-one-screen">One Screen</a>
<a href="/application-layer">Apps</a>
<a href="/builder-guide">Builders</a>
<a href="/status">Status</a>
<a href="/sources">Sources</a>
<a href="/ai-guidance">Ask AI</a>
<a href="/search">Search</a>
</div>
<button class="theme-toggle" type="button" aria-label="Switch theme">Light</button>
<a class="nav-cta" href="/status">What is live?</a>
</nav>
</header>
<main id="top" tabindex="-1" class="home-page">
<section class="hero">
<div class="hero-copy">
<p class="eyebrow">Kaspa visual guide</p>
<h1>Kaspa is <span class="hero-title-accent">real-time</span> <span class="mobile-title-break">Proof of Work.</span></h1>
<p class="lead">Kaspa keeps mined <a href="/glossary#proof-of-work">Proof of Work</a> and a <a href="/glossary#utxo">UTXO</a> model, then uses a <a href="/glossary#blockdag">blockDAG</a> and <a href="/glossary#ghostdag">GHOSTDAG</a> to order parallel blocks into one payment history.</p>
<p class="plain-bridge">Bitcoin-style mining. Parallel blocks in a graph. One ordered payment history after consensus resolves the graph.</p>
<div class="hero-signal-grid" aria-label="Kaspa homepage shortcuts">
<a href="#blockdag-demo"><span>01</span><strong>Compare the shape</strong><small>Single chain versus blockDAG.</small></a>
<a href="/status"><span>02</span><strong>Check live status</strong><small>Mainnet, ecosystem, roadmap, research.</small></a>
<a href="/sources"><span>03</span><strong>Open sources</strong><small>Research, releases, docs, code.</small></a>
</div>
<div class="actions">
<a class="button" href="/start-here">Start from zero</a>
<a class="button primary" href="/kaspa-in-one-screen">Kaspa in one screen</a>
<a class="button" href="#blockdag-demo">Open visual model</a>
<a class="button" href="/ai-guidance">Ask AI</a>
</div>
</div>
<div class="hero-visual" aria-label="BlockDAG concept diagram">
<svg viewBox="40 58 650 390" role="img" aria-labelledby="hero-dag-title hero-dag-desc">
<title id="hero-dag-title">Parallel blocks ordered by GHOSTDAG</title>
<desc id="hero-dag-desc">A simplified blockDAG with several layers of parallel proof-of-work blocks referencing earlier blocks, plus a highlighted ordering path.</desc>
<defs>
<linearGradient id="dag-line" x1="0" x2="1">
<stop offset="0" stop-color="#9bd7bd"/>
<stop offset="1" stop-color="#7dd3fc"/>
</linearGradient>
</defs>
<g class="dag-links">
<path d="M92 248 L186 150"/>
<path d="M92 248 L188 248"/>
<path d="M92 248 L186 346"/>
<path d="M186 150 L292 112"/>
<path d="M186 150 L292 214"/>
<path d="M188 248 L292 214"/>
<path d="M188 248 L292 316"/>
<path d="M186 346 L292 316"/>
<path d="M292 112 L402 146"/>
<path d="M292 214 L402 146"/>
<path d="M292 214 L402 250"/>
<path d="M292 316 L402 250"/>
<path d="M292 316 L402 354"/>
<path d="M402 146 L514 118"/>
<path d="M402 146 L514 220"/>
<path d="M402 250 L514 220"/>
<path d="M402 250 L514 326"/>
<path d="M402 354 L514 326"/>
<path d="M514 118 L620 188"/>
<path d="M514 220 L620 188"/>
<path d="M514 220 L620 292"/>
<path d="M514 326 L620 292"/>
</g>
<g class="dag-order">
<path d="M92 248 L188 248 L292 214 L402 250 L514 220 L620 188"/>
</g>
<g class="dag-node selected" transform="translate(92 248)"><circle r="30"/><text y="7">A</text></g>
<g class="dag-node soft" transform="translate(186 150)"><circle r="26"/><text y="7">B</text></g>
<g class="dag-node selected" transform="translate(188 248)"><circle r="26"/><text y="7">C</text></g>
<g class="dag-node soft" transform="translate(186 346)"><circle r="26"/><text y="7">D</text></g>
<g class="dag-node soft" transform="translate(292 112)"><circle r="26"/><text y="7">E</text></g>
<g class="dag-node selected" transform="translate(292 214)"><circle r="26"/><text y="7">F</text></g>
<g class="dag-node soft" transform="translate(292 316)"><circle r="26"/><text y="7">G</text></g>
<g class="dag-node soft" transform="translate(402 146)"><circle r="26"/><text y="7">H</text></g>
<g class="dag-node selected" transform="translate(402 250)"><circle r="26"/><text y="7">I</text></g>
<g class="dag-node soft" transform="translate(402 354)"><circle r="26"/><text y="7">J</text></g>
<g class="dag-node soft" transform="translate(514 118)"><circle r="26"/><text y="7">K</text></g>
<g class="dag-node selected" transform="translate(514 220)"><circle r="26"/><text y="7">L</text></g>
<g class="dag-node soft" transform="translate(514 326)"><circle r="26"/><text y="7">M</text></g>
<g class="dag-node selected" transform="translate(620 188)"><circle r="28"/><text y="7">N</text></g>
<g class="dag-node soft" transform="translate(620 292)"><circle r="26"/><text y="7">O</text></g>
</svg>
<div class="visual-caption visual-readout">
<div>
<span>Structure</span>
<strong>Parallel work stays visible</strong>
</div>
<div>
<span>Rule</span>
<strong>GHOSTDAG orders history</strong>
</div>
<div>
<span>Boundary</span>
<strong>Fast inclusion, not instant finality</strong>
</div>
</div>
</div>
</section>
<section id="start-here" class="section orientation-console" aria-labelledby="orientation-title">
<div>
<p class="eyebrow">Entry points</p>
<h2 id="orientation-title">Pick a route.</h2>
<p class="lead">Start simple, check status, then use sources or commands when a claim needs evidence.</p>
</div>
<div class="orientation-grid">
<a href="/start-here"><span>New reader</span><strong>Start before the jargon</strong><small>Records, keys, mining, Kaspa.</small></a>
<a href="/kaspa-in-one-screen"><span>Fast answer</span><strong>Read the short version</strong><small>Live status and risks.</small></a>
<a href="/status"><span>Status</span><strong>Separate live from roadmap</strong><small>Mainnet, ecosystem, research.</small></a>
<a href="/reality-check"><span>Reality</span><strong>Test product claims</strong><small>Users, liquidity, wallets, evidence.</small></a>
<a href="/builder-guide"><span>Builder</span><strong>Find the build path</strong><small>Tools, APIs, nodes, testnets.</small></a>
</div>
</section>
<section id="blockdag-demo" class="protocol-demo section" data-demo-mode="dag" data-reader-mode="simple" aria-labelledby="blockdag-demo-title">
<div class="protocol-demo-head">
<div>
<p class="eyebrow">BlockDAG model</p>
<h2 id="blockdag-demo-title">Compare the chain and the graph.</h2>
<p class="lead">A simplified model of one selected chain versus a graph that can include parallel blocks before ordering them.</p>
</div>
<div class="demo-status-card" aria-live="polite">
<span>Current view</span>
<strong id="demo-status-label">Kaspa blockDAG</strong>
</div>
</div>
<div class="demo-grid">
<div class="demo-workspace" aria-label="Blockchain and blockDAG visual model">
<svg viewBox="0 0 760 420" role="img" aria-labelledby="demo-svg-title demo-svg-desc">
<title id="demo-svg-title">Blockchain versus blockDAG visual model</title>
<desc id="demo-svg-desc">A simplified diagram that can show a linear chain, a Kaspa-style blockDAG, or a higher-throughput burst where parallel blocks are still referenced and ordered.</desc>
<defs>
<marker id="demo-arrow" viewBox="0 0 6 6" markerWidth="3.2" markerHeight="3.2" refX="5.2" refY="3" orient="auto" markerUnits="strokeWidth">
<path d="M0 0 L6 3 L0 6 Z"></path>
</marker>
</defs>
<g class="demo-layer demo-layer-chain">
<path class="demo-edge selected" d="M92 216 L218 216 L344 216 L470 216 L596 216" marker-end="url(#demo-arrow)"></path>
<path class="demo-edge rejected" d="M344 216 L444 124" marker-end="url(#demo-arrow)"></path>
<g class="demo-block selected" transform="translate(92 216)"><circle r="30"></circle><text y="6">A</text></g>
<g class="demo-block selected" transform="translate(218 216)"><circle r="30"></circle><text y="6">B</text></g>
<g class="demo-block selected" transform="translate(344 216)"><circle r="30"></circle><text y="6">C</text></g>
<g class="demo-block side" transform="translate(444 124)"><circle r="28"></circle><text y="6">X</text></g>
<g class="demo-block selected" transform="translate(470 216)"><circle r="30"></circle><text y="6">D</text></g>
<g class="demo-block selected" transform="translate(596 216)"><circle r="30"></circle><text y="6">E</text></g>
<text class="demo-label" x="90" y="330">One selected path. Competing work may fall out of the record.</text>
</g>
<g class="demo-layer demo-layer-dag">
<path class="demo-edge" d="M94 218 L214 126" marker-end="url(#demo-arrow)"></path>
<path class="demo-edge" d="M94 218 L214 218" marker-end="url(#demo-arrow)"></path>
<path class="demo-edge" d="M94 218 L214 310" marker-end="url(#demo-arrow)"></path>
<path class="demo-edge" d="M214 126 L342 166" marker-end="url(#demo-arrow)"></path>
<path class="demo-edge" d="M214 218 L342 166" marker-end="url(#demo-arrow)"></path>
<path class="demo-edge" d="M214 218 L342 270" marker-end="url(#demo-arrow)"></path>
<path class="demo-edge" d="M214 310 L342 270" marker-end="url(#demo-arrow)"></path>
<path class="demo-edge" d="M342 166 L470 126" marker-end="url(#demo-arrow)"></path>
<path class="demo-edge" d="M342 166 L470 218" marker-end="url(#demo-arrow)"></path>
<path class="demo-edge" d="M342 270 L470 218" marker-end="url(#demo-arrow)"></path>
<path class="demo-edge" d="M342 270 L470 310" marker-end="url(#demo-arrow)"></path>
<path class="demo-edge" d="M470 126 L596 188" marker-end="url(#demo-arrow)"></path>
<path class="demo-edge" d="M470 218 L596 188" marker-end="url(#demo-arrow)"></path>
<path class="demo-edge" d="M470 218 L596 280" marker-end="url(#demo-arrow)"></path>
<path class="demo-edge selected" d="M94 218 L214 218 L342 166 L470 218 L596 188" marker-end="url(#demo-arrow)"></path>
<g class="demo-block selected" transform="translate(94 218)"><circle r="30"></circle><text y="6">A</text></g>
<g class="demo-block included" transform="translate(214 126)"><circle r="28"></circle><text y="6">B</text></g>
<g class="demo-block selected" transform="translate(214 218)"><circle r="30"></circle><text y="6">C</text></g>
<g class="demo-block included" transform="translate(214 310)"><circle r="28"></circle><text y="6">D</text></g>
<g class="demo-block selected" transform="translate(342 166)"><circle r="30"></circle><text y="6">E</text></g>
<g class="demo-block included" transform="translate(342 270)"><circle r="28"></circle><text y="6">F</text></g>
<g class="demo-block included" transform="translate(470 126)"><circle r="28"></circle><text y="6">G</text></g>
<g class="demo-block selected" transform="translate(470 218)"><circle r="30"></circle><text y="6">H</text></g>
<g class="demo-block included" transform="translate(470 310)"><circle r="28"></circle><text y="6">I</text></g>
<g class="demo-block selected" transform="translate(596 188)"><circle r="30"></circle><text y="6">J</text></g>
<g class="demo-block included" transform="translate(596 280)"><circle r="28"></circle><text y="6">K</text></g>
<text class="demo-label" x="90" y="362">Parallel blocks can stay visible, then GHOSTDAG orders the history.</text>
</g>
<g class="demo-layer demo-layer-pressure">
<path class="demo-edge" d="M78 210 L198 104 L326 112 L456 82 L614 138" marker-end="url(#demo-arrow)"></path>
<path class="demo-edge" d="M78 210 L198 178 L326 204 L456 176 L614 138" marker-end="url(#demo-arrow)"></path>
<path class="demo-edge" d="M78 210 L198 254 L326 238 L456 260 L614 300" marker-end="url(#demo-arrow)"></path>
<path class="demo-edge" d="M78 210 L198 326 L326 316 L456 338 L614 300" marker-end="url(#demo-arrow)"></path>
<path class="demo-edge" d="M198 104 L326 204 L456 176" marker-end="url(#demo-arrow)"></path>
<path class="demo-edge" d="M198 178 L326 112 L456 82" marker-end="url(#demo-arrow)"></path>
<path class="demo-edge" d="M198 254 L326 316 L456 260" marker-end="url(#demo-arrow)"></path>
<path class="demo-edge" d="M326 204 L456 260 L614 300" marker-end="url(#demo-arrow)"></path>
<path class="demo-edge selected" d="M78 210 L198 178 L326 204 L456 176 L614 138" marker-end="url(#demo-arrow)"></path>
<g class="demo-block selected" transform="translate(78 210)"><circle r="28"></circle><text y="6">0</text></g>
<g class="demo-block included" transform="translate(198 104)"><circle r="24"></circle><text y="6">1</text></g>
<g class="demo-block selected" transform="translate(198 178)"><circle r="28"></circle><text y="6">2</text></g>
<g class="demo-block included" transform="translate(198 254)"><circle r="24"></circle><text y="6">3</text></g>
<g class="demo-block included" transform="translate(198 326)"><circle r="24"></circle><text y="6">4</text></g>
<g class="demo-block included" transform="translate(326 112)"><circle r="24"></circle><text y="6">5</text></g>
<g class="demo-block selected" transform="translate(326 204)"><circle r="28"></circle><text y="6">6</text></g>
<g class="demo-block included" transform="translate(326 238)"><circle r="24"></circle><text y="6">7</text></g>
<g class="demo-block included" transform="translate(326 316)"><circle r="24"></circle><text y="6">8</text></g>
<g class="demo-block included" transform="translate(456 82)"><circle r="24"></circle><text y="6">9</text></g>
<g class="demo-block selected" transform="translate(456 176)"><circle r="28"></circle><text y="6">10</text></g>
<g class="demo-block included" transform="translate(456 260)"><circle r="24"></circle><text y="6">11</text></g>
<g class="demo-block included" transform="translate(456 338)"><circle r="24"></circle><text y="6">12</text></g>
<g class="demo-block selected" transform="translate(614 138)"><circle r="28"></circle><text y="6">13</text></g>
<g class="demo-block included" transform="translate(614 300)"><circle r="24"></circle><text y="6">14</text></g>
<text class="demo-label" x="76" y="384">Higher block rate matters only if the graph stays bounded and ordered.</text>
</g>
</svg>
</div>
<aside class="demo-control-panel" aria-label="BlockDAG visual controls">
<div>
<span class="control-label">Choose the view</span>
<div class="segmented-control" role="group" aria-label="Diagram view">
<button type="button" data-demo-mode="chain">Single chain</button>
<button type="button" data-demo-mode="dag" aria-pressed="true">BlockDAG</button>
<button type="button" data-demo-mode="pressure">Higher load</button>
</div>
</div>
<div>
<span class="control-label">Reader mode</span>
<div class="segmented-control compact" role="group" aria-label="Reader level">
<button type="button" data-reader-mode="simple" aria-pressed="true">Plain</button>
<button type="button" data-reader-mode="bitcoin">Bitcoin user</button>
<button type="button" data-reader-mode="builder">Builder</button>
</div>
</div>
<div class="demo-explainer">
<span id="demo-mode-tag">Kaspa blockDAG</span>
<p id="demo-explainer-text">Kaspa keeps more honest work in the graph. GHOSTDAG gives nodes a rule for turning that graph into one ordered payment history.</p>
</div>
<dl class="demo-metrics" aria-label="Teaching model assumptions">
<div><dt>Model</dt><dd>Simulated</dd></div>
<div><dt>Mainnet</dt><dd>10 BPS era</dd></div>
<div><dt>Boundary</dt><dd>Fast inclusion, not instant finality</dd></div>
</dl>
</aside>
</div>
</section>
<section id="live-network" class="live-kaspa-panel section" aria-labelledby="live-network-title">
<div class="live-panel-head">
<div>
<p class="eyebrow">Network readout</p>
<h2 id="live-network-title">Current network snapshot.</h2>
<p class="lead">Live API readout for orientation. Use a node, explorer, source, or proof path for stronger verification.</p>
</div>
<div class="live-status-light" id="live-status-light" aria-live="polite">
<span aria-hidden="true"></span>
<strong>Loading</strong>
</div>
</div>
<div class="live-metric-grid" aria-label="Live Kaspa metrics">
<article>
<span>Circulating supply</span>
<strong id="live-supply">Loading</strong>
<p>Reported by `api.kaspa.org/info/coinsupply`.</p>
</article>
<article>
<span>Mined</span>
<strong id="live-mined">Loading</strong>
<p>Circulating supply divided by max supply.</p>
</article>
<article>
<span>DAG blocks</span>
<strong id="live-blocks">Loading</strong>
<p>Current blockDAG count from the network readout.</p>
</article>
<article>
<span>DAA score</span>
<strong id="live-daa">Loading</strong>
<p>Kaspa's ordering-height style progress marker.</p>
</article>
</div>
<div class="origin-proof-strip">
<div>
<span>Origin proof</span>
<p>Kaspa.org publishes the fair-launch proof path: empty genesis UTXO set, Bitcoin timestamp anchors, checkpoint linkage, and scheduled emission after the Nov. 22, 2021 checkpoint.</p>
</div>
<div class="actions">
<a class="button primary" href="https://kaspa.org/#verify">Verify on Kaspa.org</a>
<a class="button" href="https://github.com/kaspagang/kaspad-py-explorer/blob/main/src/genesis_proof.ipynb">Run the proof</a>
<a class="button" href="https://api.kaspa.org/docs">REST API docs</a>
<a class="button" href="https://kgi.kaspad.net/">DAGVIZ</a>
</div>
</div>
<p class="live-footnote" id="live-updated">Waiting for live data.</p>
</section>
<section class="section status-workbench" aria-labelledby="status-workbench-title">
<div>
<p class="eyebrow">Status</p>
<h2 id="status-workbench-title">Live, ecosystem, roadmap, research.</h2>
<p class="lead">Check whether the claim is live, ecosystem tooling, roadmap, or research before repeating it.</p>
</div>
<div class="status-lane-grid">
<a href="/status"><span>Live</span><strong>10 BPS PoW blockDAG</strong><small>Mining, UTXO ownership, GHOSTDAG, wallets, nodes, explorers.</small></a>
<a href="/status"><span>Ecosystem</span><strong>KRC tooling</strong><small>Issued tokens, coupons, passes, event credits, rewards, collectibles.</small></a>
<a href="/builder-guide"><span>Targeted</span><strong>Toccata work</strong><small>Spend rules, asset rules, Silverscript, ZK hooks, sequencing commitments.</small></a>
<a href="/application-layer"><span>Roadmap</span><strong>Apps that prove rules</strong><small>Richer app state, based apps, later vProgs, stronger shared ordering.</small></a>
<a href="/skeptical-case"><span>Risk</span><strong>Execution still matters</strong><small>Liquidity, node cost, mining concentration, fee demand, useful apps.</small></a>
</div>
</section>
<section class="section build-path-console" aria-labelledby="build-path-title">
<div>
<p class="eyebrow">Build path</p>
<h2 id="build-path-title">What can be built now?</h2>
<p class="lead">Money movement is live. KRC workflows exist around Kaspa. Covenant rules and richer proof-based apps need more activation evidence.</p>
</div>
<div class="build-path-grid">
<article>
<span>Now</span>
<strong>Move and inspect money</strong>
<p>Wallets, payments, receipts, exchange flows, mining/node visibility, and better confirmation-risk UX.</p>
</article>
<article>
<span>Ecosystem live</span>
<strong>Issue simple objects</strong>
<p>KRC-aware tools can support coupons, event credits, rewards, access passes, and collectibles when wallets and indexers support them.</p>
</article>
<article>
<span>Toccata work</span>
<strong>Enforce spending rules</strong>
<p>Vault limits, delays, escrow, assurance contracts, asset rules, and bounded UTXO state machines need activation evidence.</p>
</article>
<article>
<span>Later</span>
<strong>Prove richer app logic</strong>
<p>Markets, lending, funding rules, attestations, and shared commitments need stronger app-state, custody, oracle, and proof paths.</p>
</article>
</div>
</section>
<section class="section transaction-path" aria-labelledby="transaction-path-title">
<div>
<p class="eyebrow">Transaction path</p>
<h2 id="transaction-path-title">Wallet to confirmation.</h2>
<p class="lead">A transaction is created, broadcast, mined, ordered, then gains confirmation confidence.</p>
</div>
<div class="transaction-rail" aria-label="Simplified Kaspa transaction path">
<article><span>1</span><strong>Create</strong><p>Wallet prepares inputs, outputs, amount, and fee.</p></article>
<article><span>2</span><strong>Broadcast</strong><p>The transaction reaches nodes and miners.</p></article>
<article><span>3</span><strong>Mine</strong><p>A miner includes it in a proof-of-work block.</p></article>
<article><span>4</span><strong>Order</strong><p>The block joins the DAG and GHOSTDAG orders history.</p></article>
<article><span>5</span><strong>Confirm</strong><p>Confidence increases. It is fast, not instantly irreversible.</p></article>
</div>
</section>
<section class="next-step section" aria-label="Suggested next step">
<h2>Next.</h2>
<p>Use the one-screen page for the short version, status for boundaries, reality check for product claims, and command line for node/API checks.</p>
<a class="button primary" href="/kaspa-in-one-screen">Open one-screen page</a>
<a class="button" href="/status">Open status</a>
<a class="button" href="/reality-check">Reality check</a>
<a class="button" href="/command-line">Open command line</a>
<a class="button" href="/ai-guidance">Ask AI</a>
</section>
</main>
<footer class="footer">
<div class="footer-grid">
<p><strong>Independent resource.</strong> Kaspa-positive research guide, not investment advice.</p>
<nav aria-label="Footer">
<a href="/status">Status</a>
<a href="/sources">Sources</a>
<a href="/ai-guidance">Ask AI</a>
<a href="/search">Search</a>
<a href="/about">About</a>
<a href="/CLAIMS.yml">Claims</a>
<a href="https://github.com/parker2017code/kaspa-explained">GitHub</a>
</nav>
</div>
</footer>
<script>
(function () {
const demo = document.getElementById("blockdag-demo");
if (!demo) return;
const statusLabel = document.getElementById("demo-status-label");
const modeTag = document.getElementById("demo-mode-tag");
const explainer = document.getElementById("demo-explainer-text");
const labels = {
chain: "Single-chain selection",
dag: "Kaspa blockDAG",
pressure: "Higher load"
};
const copy = {
simple: {
chain: "A single chain has to choose one branch. When two honest blocks arrive close together, one path can fall out of the record.",
dag: "Kaspa keeps more honest work in the graph. GHOSTDAG gives nodes a rule for turning that graph into one ordered payment history.",
pressure: "Higher block rate is useful only when the graph stays bounded, readable, and ordered. The claim is controlled parallel work, not unlimited speed."
},
bitcoin: {
chain: "Bitcoin keeps settlement conservative by making one chain dominant and treating competing branches as temporary. That simple and durable design limits block frequency.",
dag: "Kaspa keeps Proof of Work and UTXOs, but changes the structure. Parallel blocks can be incorporated and then ordered instead of being treated only as waste.",
pressure: "The tradeoff is engineering discipline: block rate, propagation delay, pruning, ordering depth, and node load all matter. Fast blocks are not a free security upgrade."
},
builder: {
chain: "A linear chain gives applications a simple ordering surface. The constraint appears when users want lower latency or higher activity without leaving Proof of Work.",
dag: "The builder surface starts with accepted transactions, payloads, UTXOs, and ordering evidence. App claims still need source, status, and replay boundaries.",
pressure: "For apps, treat high-frequency ordering as an input, not a product guarantee. Record node, SDK, network, endpoint, tx shape, acceptance evidence, and failure class."
}
};
const setPressed = (selector, attr, value) => {
demo.querySelectorAll(selector).forEach((button) => {
button.setAttribute("aria-pressed", String(button.dataset[attr] === value));
});
};
const render = () => {
const mode = demo.dataset.demoMode || "dag";
const reader = demo.dataset.readerMode || "simple";
statusLabel.textContent = labels[mode];
modeTag.textContent = labels[mode];
explainer.textContent = copy[reader][mode];
setPressed("[data-demo-mode]", "demoMode", mode);
setPressed("[data-reader-mode]", "readerMode", reader);
};
demo.addEventListener("click", (event) => {
const modeButton = event.target.closest("button[data-demo-mode]");
const readerButton = event.target.closest("button[data-reader-mode]");
if (modeButton) demo.dataset.demoMode = modeButton.dataset.demoMode;
if (readerButton) demo.dataset.readerMode = readerButton.dataset.readerMode;
if (modeButton || readerButton) render();
});
render();
})();
</script>
</body>
</html>