Skip to content
veraq

LIBRARY · 01

Every component, every state.

The composed surface of the @veraq/ui package. Each component is shown in its real production form — same imports the marketing site and the product app use.

01

Identity

VeraqMark

VeraqWordmark

veraqveraqveraq
02

Button

Variants

Sizes

States

03

NodeGlyph

Four variants — section anchors

triad
quad
signal
verify
04

SignalRow

Trust signals — bottom of hero / top of section

  • Openauditable record
  • Verifiableprovable outcomes
  • Charitablecollective upside
05

Numeral

Editorial section numbering

01Ethos
02Mechanics
03Participants
06

Divider

Fine line with single gold node

07

Badge

State register — colour + icon + text, never colour alone

Pending revealOn the recordClosing in 4hCheck failedLiveVerified causeDraft
08

AllocationBar

Where the value went — gold marks the one share that matters

  • Recipient outcome60%
  • Distributed to participants23%
  • Verified causes12%
  • Operations5%
09

Input · Field

Field — visible label, help below

Shown on your participations.

Mono field + error

No wave matches that ID.

10

Card · CardHeader

Elevated panel — eyebrow, title, action

Wave 13

Mechanism & verification

Outcome reproduced — it matches the published commitment.

11

Table

Record table — hairlines, mono numerics, hover

WaveStatusCauses share
013Settled12%
012Settled10%
014Open12%
12

Tabs

Signal underline + weight, roving arrow-key focus

A published commit-reveal mechanism, sealed before the wave opens.

13

Modal · Sheet · Toast

Focus-trapped overlays + a polite/assertive toast queue

14

ReceiptCard

The verifiable receipt — a full-length seed middle-truncates to fit, copies whole

Receipt
03

Contribution

Outcome → Earth & Code

2,880units

Wave
014
Seed
4f2c0b9e3a1d7c8b6e5f0a9d2c3b4e1f8a7d6c5b4e3f2a1d0c9b8e7f6a5d4c3b
Status
On the record
View on open record
15

CommitRevealStatus

The commit-reveal lifecycle — committed → pending → revealed & matches

commit-reveal-v1

  1. Done: Committed

    hash 4f2c0b9e3a1d7c8b6e5f0a9d2c3b4e1f · published before the wave ran

  2. Done: Pending reveal

  3. Current step: Revealed & matches

    value 9c1f7b34e8a206d5

We published the selection math before this wave ran. After it runs, you can confirm the result matches — you don’t have to trust it, you can check it.

16

ButtonLink

Polymorphic CTA — the Button look on a link (as={Link} / as='a')

Primary OutlineGhost
17

IconButton

44px tap-target icon control — always with an aria-label

18

ErrorState

The §14 calm register — 404 / 500 / empty, one line + one action

404

We couldn't find that.

The page may have moved, or the link may be incomplete. Nothing on the open record was affected.

Back to the system
19

ConstellationCanvas

Drifting background field

Shown live on Foundations · Motion →, where its drift cadence and reduced-motion fallback are documented.