Byggeklodser

Elementkatalog

Hver side er en JSON-liste af elementer. Alt herunder er levende eksempler - kopiér deres props fra data/pages/elementer.json og byg nye sider.

hero / section-heading / rich-text

Tekst & struktur

Brødtekst i mini-markdown med links, lister og kodeblokke:

{ "type": "rich-text", "body": { "da": "..." } }

card-grid

Kort & bento

Bento-kort

span 2-6 kolonner, tone fra paletten.

Lille kort

Med link, pill og billede.

stats / quick-links

Tal & genveje

29 Elementer i kassen
100% Data-drevet
0 Dependencies

steps / faq / timeline / quote

Forloeb & svar

  1. Opret JSON

    En side = data/pages/navn.json

  2. Vaelg elementer

    Bland frit fra kataloget her.

  3. Byg

    npm run build - faerdig.

Kan elementer genbruges på tværs af sider?

Ja - det er hele pointen. Samme element, forskellige props.

Kan man bygge helt andre sites?

Ja: ny data/-mappe + evt. nyt theme = nyt website på samme motor.

  1. 2026

    sker.nu

    Første site på motoren.

  2. Næste

    codewire.net

    Genopbygges som instans.

“Tyndt design - alt andet er data.”

Projektets filosofi

data-table / people-list / lister

Data & personer

data-table: kolonner + rækker fra JSON.

ElementBruges til
event-listKalender m. kategorifilter
people-listMedarbejdere/kontakter
story-clipsStories a la Instagram
download-listFiler og programmer

gallery / instagram-feed / story-clips / video

Medier

Byg din næste side

Kopiér en elementblok fra denne sides JSON og sæt din egen sammen.

Se wikien