Content-blocks van Obelisk — bouwstenen voor pagina's

Home

Mogelijkheden

Blocks

De losse bouwstenen waaruit je je pagina's samenstelt. Klik door voor uitleg en een codevoorbeeld.

Codevoorbeeld

Toont code netjes opgemaakt met kleuren, een titelbalk en een kopieerknop — zoals alle codevoorbeelden op deze site.

Bekijk block

→

Cta

Call-to-action-sectie met een titel en een knop.

Bekijk block

→

Discussieweergave

Toont één gespreksonderwerp met alle reacties en een reactieveld voor ingelogde bezoekers.

Bekijk block

→

E-mailvoorkeuren

Een pagina waar abonnees zich met één klik af- of aanmelden voor je mailings.

Bekijk block

→

FAQ

Accordion met veelgestelde vragen, inclusief automatische FAQPage-structured-data.

Bekijk block

→

Form

Formulier dat naar de Obelisk-API submit, met automatische client-side validatie.

Bekijk block

→

FormatDate

Toont een datum netjes opgemaakt in de taal van je site.

Bekijk block

→

FormatNumber

Toont getallen, prijzen of percentages netjes opgemaakt.

Bekijk block

→

Forumoverzicht

Toont alle forums van je site als klikbare kaartjes — de startpagina van je eigen community.

Bekijk block

→

Hero

Een opvallende kopsectie met titel, ondertitel en een call-to-action-knop.

Bekijk block

→

Horizontaal scrollende panelen

Een rij panelen schuift horizontaal voorbij terwijl de bezoeker gewoon verticaal scrolt — het bekende showcase-effect van gsap.com.

Bekijk block

→

Icon

Font Awesome 6-icoon als inline SVG, te stylen met Chakra-props.

Bekijk block

→

ImageGallery

Afbeeldingengalerij met thumbnailstrip, zoom-dialog, autoplay en crossfade.

Bekijk block

→

Invulveld

Eén veld van een formulier, met label, hulptekst en automatische controle van de invoer.

Bekijk block

→

Kruimelpad

Laat bezoekers zien waar ze zijn op de site, met automatische scheidingstekens en structured data voor Google.

Bekijk block

→

LanguageSwitcher

Toont automatisch de beschikbare talen van de site als schakelaar.

Bekijk block

→

Lijst-herhaler

Herhaalt een stukje opmaak voor elk item in een lijst — bijvoorbeeld een badge per tag van een artikel.

Bekijk block

→

Meerkeuzevraag

Een vraag met rondjes-knoppen (radiobuttons) in een formulier — ideaal voor ja/nee-vragen, tests en quizzen.

Bekijk block

→

MobileMenu

Een hamburger-knop die op mobiel een uitschuifmenu opent.

Bekijk block

→

Opgemaakte tekst

Toont tekst uit een gegevensveld mét opmaak — vetgedrukt, links en koppen — in plaats van als platte tekst.

Bekijk block

→

Paginering

Verdeelt een lange lijst automatisch over meerdere pagina's, met vorige/volgende-knoppen en paginanummers.

Bekijk block

→

Parallax-diepte-effect

Geeft een pagina diepte door een afbeelding of sectie in een ander tempo mee te laten bewegen met het scrollen — het klassieke parallax-effect.

Bekijk block

→

PhoneMockup

Toont een afbeelding of inhoud in een telefoonframe.

Bekijk block

→

Records

Itereert over de records van een datatype en rendert per record je eigen markup.

Bekijk block

→

Search

Live zoekbalk die gepubliceerde pagina's doorzoekt op titel, beschrijving en inhoud.

Bekijk block

→

Stap-voor-stap verhaal

De sectie blijft in beeld staan en de inhoud verschijnt stap voor stap tijdens het scrollen — scrollytelling in één tag.

Bekijk block

→

Swiper

Een carrousel die je items horizontaal laat doorschuiven.

Bekijk block

→

Tellende cijfers

Telt een getal live op zodra het in beeld komt — perfect voor statistieken als '1200+ klanten' of '99,9% uptime'.

Bekijk block

→

Topic-lijst van een forum

Toont de gespreksonderwerpen van één forum, met een knop om een nieuw topic te starten.

Bekijk block

→

Typewriter

Typt tekst letter voor letter uit met een knipperende cursor; loopt optioneel door meerdere zinnen.

Bekijk block

→

Vastgezette sectie

Zet een blok even vast in beeld terwijl de pagina eronder doorscrolt — voor een boodschap die moet blijven hangen.

Bekijk block

→

Verschijn-effect bij scrollen

Laat koppen, afbeeldingen of hele secties soepel in beeld verschijnen op het moment dat de bezoeker ernaartoe scrolt — zonder iets in te stellen.

Bekijk block

→

Vorige/volgende-navigatie

Zet onderaan een detailpagina automatisch links naar het vorige en volgende item en terug naar het overzicht.

Bekijk block

→

Gratis · zonder verplichtingen

Probeer Obelisk zelf

Beantwoord een paar korte vragen en de AI-assistent zet je eigen site op. Daarna bouw je er zelf verder aan — in gewone taal.

Probeer het zelf

Blocks

Codevoorbeeld

Cta

Discussieweergave

E-mailvoorkeuren

FAQ

Form

FormatDate

FormatNumber

Forumoverzicht

Hero

Horizontaal scrollende panelen

Icon

ImageGallery

Invulveld

Kruimelpad

LanguageSwitcher

Lijst-herhaler

Meerkeuzevraag

MobileMenu

Opgemaakte tekst

Paginering

Parallax-diepte-effect

PhoneMockup

Records

Search

Stap-voor-stap verhaal

Swiper

TableOfContents

Tellende cijfers

Topic-lijst van een forum

Typewriter

Vastgezette sectie

Verschijn-effect bij scrollen

Vorige/volgende-navigatie

Probeer Obelisk zelf