Obelisk

Obelisk

Home
Mogelijkheden
Alle mogelijkhedenBlocksComponenten
KennisbankVoorbeeldenContactAan de slag
Home

/

Mogelijkheden

/

Blocks

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

→

TableOfContents

Bouwt automatisch een klikbare inhoudsopgave uit de koppen op de pagina.

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

→