Zoeken...  ⌘K GitHub

Component Library

424 herbruikbare Astro componenten, klik om live te bekijken.

NavSimple
Eenvoudige navigatiebalk met logo, links en optionele CTA knop. Ingebouwde hamburger voor mobile.
NavSticky
Sticky nav die start als transparant en solid wordt na 40px scrollen.
HeroCentered
Gecentreerde hero met headline, ondertitel, 1-2 CTA knoppen. 4 achtergrondvarianten.
HeroSplit
Klassieke split-hero: tekst links, afbeelding rechts (of omgekeerd).
HeroFullscreen
100vh hero met achtergrondafbeelding of -video + donkere overlay.
ManifestBlock
Genummerde USPs of pijlers. Sober en krachtig.
FeaturesGrid
Feature kaarten grid met icon, titel en beschrijving. 3 visuele varianten.
ProcessSteps
Stappen-sectie voor werkwijze of onboarding. Horizontaal of verticaal.
PricingCards
Prijskaarten met highlighted plan en optionele badge.
TestimonialsGrid
Klantreviews in grid met sterrating en avatar.
LogoBar
Rij met klanten- of partnerlogo's. Grayscale optioneel.
MarqueeTicker
Oneindige scrollende ticker. Pauzeert bij hover. Puur CSS.
StatsBar
Statistieken sectie met grote getallen. 3 achtergrondvarianten.
CTABanner
Call-to-action sectie. Center of split layout. 4 achtergrondvarianten.
ContactForm
Contactformulier met async submit. Werkt met Formspree, Netlify Forms of eigen API.
NewsletterBar
Compacte e-mail aanmeldbalk. Inline of gestapeld.
FooterSimple
Compacte footer met logo, links, social icons en copyright.
FooterFull
Volledige footer met navigatiekolommen en optioneel groot achtergrondwoord.
HeroEditorial
Full-bleed dark editorial hero. Afbeelding bleedt naar rechts. Ghost-nummer als typografisch anker. Scroll-indicator met geanimeerde accentlijn.
StatementSection
Pure typografie moment. Donkere sectie met één grote cursieve display-quote. Verticale accentregel als typografische inleiding.
StatsEditorial
Editoriale statistieken met grote Cormorant-cijfers. Ghost-nummer als anker. Lichte achtergrond, border-left dividers tussen items.
WowUSP
Donkere USP-sectie met groot editorial headline en genummerde items. Ghost-nummer links. 4-kolommen grid met border-left per item.
LifestyleFullbleed
Full-bleed 75vh afbeelding met donkere gradient overlay. Quote + attributie + optionele stat overlaid onderaan. Brand-moment tussen product-secties.
Button
Herbruikbare knop: 4 varianten, 3 groottes, als link of button element.
Badge
Pill badge voor status, labels en categorieën. 6 kleurvarianten.
Card
Basis kaart component met slot voor flexibele content. 4 varianten.
AccordionFAQ
FAQ accordion. Toegankelijk (ARIA), keyboard navigeerbaar.
CtaAccent
Compacte CTA op een volvlak accent-kleur: kop, sub en twee knoppen, gecentreerd.
CtaAngular
Accent-CTA met een schuin-gesneden band: kop, sub en twee knoppen, gecentreerd.
CtaBigQuote
Donkere CTA rond een groot citaat met bron, gevolgd door een kop en twee knoppen.
CtaBooking
CtaBooking component.
CtaCard
CTA als afgeronde kaart in de rail: eyebrow, kop met accent, sub en twee knoppen.
CtaCards
CTA met centrale kop en knoppen, gevolgd door een rij dienst-kaarten.
CtaDark
Donkere gecentreerde CTA: badge, grote kop, sub en twee knoppen.
CtaDownload
Twee-koloms download-CTA: tekst met knop links, document-preview-kaart rechts.
CtaEmail
Gecentreerde e-mail-opt-in met inline pill-formulier en disclaimer.
CtaFreeTrial
Proefperiode-CTA: kop, sub, voordelen met vinkjes, knop en geruststellende notitie.
CtaFullWidth
Volle-breedte band met dunne verloop-rand: badge, kop, sub en twee knoppen.
CtaGradient
Levendige verloop-CTA met zacht bewegende blobs: eyebrow, kop met accent, sub en twee acties.
CtaIconRow
CTA met kop, sub, een rij icoon-labels in een omkaderd paneel en twee knoppen.
CtaImageBg
Full-bleed CTA over een achtergrondafbeelding met donkere overlay: kop, sub en twee knoppen.
CtaMinimal
CtaMinimal component.
CtaNewsletter
Nieuwsbrief-CTA: eyebrow, kop, sub, inline aanmeldformulier en disclaimer.
CtaPhone
Telefoon-CTA: eyebrow, kop, sub, prominente bel-knop met nummer, openingstijden en e-maillink.
CtaPricing
Prijs-CTA: waardepropositie met check-bullets links, een prijskaart met bedrag, knop en garantie rechts.
CtaSplit
CtaSplit component.
CtaStats
Gecentreerde CTA met een rij kerncijfers boven een primaire en secundaire knop. Light of dark.
CtaSticky
Vaste CTA-balk onderaan de viewport die na een scroll-drempel inschuift. Dismissible.
CtaUrgent
Schaarste-CTA: urgentie-badge, kop, voortgangsbalk met resterende plekken, deadline en één knop.
CtaVideo
Split-CTA met tekst en knop links en een video-thumbnail met play-knop, duur-badge en caption rechts.
CtaWithTestimonial
CtaWithTestimonial component.
FooterAccordion
Lichte footer met merk-kolom links en inklapbare link-secties (details/summary) rechts.
FooterApp
Donkere footer met merk, app-store badges, links en socials op één rij; copyright onderaan.
FooterBigText
Footer met merk, tagline en navigatie bovenin en een groot decoratief watermerk-woord onderaan.
FooterBrand
Gecentreerde merk-footer op een volvlak accent-achtergrond: logo, slogan, links en copyright.
FooterCentered
Compacte, gecentreerde footer: logo, tagline, één rij links, socials en copyright.
FooterCompact
FooterCompact component.
FooterContact
Donkere footer met merk + links links en een contact-kolom (adres, telefoon, e-mail, openingstijden) rechts.
FooterCta
FooterCta component.
FooterDark
Donkere footer met merk-kolom + socials links en meerdere link-kolommen rechts.
FooterEditorial
Redactionele footer met zware regel bovenaan, merk + uitgave-regel en link-kolommen.
FooterGradient
Footer op een volvlak gradient-achtergrond: merk-kolom links en link-kolommen rechts.
FooterGrid
Lichte footer met merk-kolom en vier link-kolommen in een vast raster; copyright + secundaire links onderaan.
FooterMega
Uitgebreide donkere footer met accent featured-strip, merk-kolom met socials + nieuwsbrief en meerdere link-kolommen.
FooterMinimal
Strakke één-rij footer: logo links, links in het midden, copyright rechts.
FooterMinimalDark
Strakke één-rij footer op donkere achtergrond: logo, links en copyright op één regel.
FooterModern
Lichte footer met merk-kolom + socials en link-kolommen waarin items een optionele badge dragen; trust-signalen onderaan.
FooterNewsletter
Accent nieuwsbrief-band bovenaan met inschrijfformulier, daaronder een lichte link-sectie met merk en kolommen.
FooterRetro
Retro/editorial footer met dikke bovenrand, cursieve tagline, uppercase-links en een mono contactregel.
FooterSocial
Footer met social-kaarten (platform + volger-aantal), brand-blok en een kolom navigatielinks.
FooterSplit
Donkere tweekoloms-footer: links brand, tagline en links, rechts contactgegevens met een CTA-knop.
FooterSticky
Compacte balk die onderaan de viewport blijft plakken: logo, korte navigatie, copyright en een CTA-knop.
FooterTech
Developer/SaaS-footer met versie-badge, status-indicator, link-kolommen en een build-stempel.
FooterWave
Gecentreerde donkere footer met een decoratieve golf-rand bovenaan: logo, tagline, links en copyright.
FormBooking
Afspraak-inplanformulier met type afspraak, datum, tijdslot-keuze en vergaderformaat.
FormCallback
Terugbelverzoek-kaart met naam, telefoon en gewenst tijdstip.
FormChat
Chat-widget met bot-header, voorbeeldberichten en invoerveld.
FormCheckout
Checkout met contact- en factuurgegevens links en een besteloverzicht rechts.
FormComplex
Uitgebreid projectaanvraagformulier met contact-, bedrijfs- en projectsecties.
FormContact
FormContact component.
FormDownload
Resource-download met cover en benefits links en een opt-in formulier rechts.
FormEventReg
Evenement-registratie met event-kaart bovenaan en registratieformulier eronder.
FormFeedback
Feedbackformulier met sterren-beoordeling, naamveld en berichtveld.
FormFilter
Filter-/zoekbalk met zoekveld en groepen van checkbox-filters.
FormJobApplication
Sollicitatieformulier met vacature-badge, NAW-velden, motivatiebrief en CV-upload.
FormLeadMagnet
Donker lead-magnet blok: pitch links, beknopt opt-in formulier rechts.
FormLogin
Gecentreerde login-kaart met logo-initiaal, e-mail- en wachtwoordveld.
FormMini
Compacte inline nieuwsbrief-aanmelding: label, e-mailveld met knop en hint.
FormMultiStep
FormMultiStep component.
FormNewsletter
Nieuwsbrief-aanmelding met naam, e-mail en interesse-checkboxes.
FormOnboarding
Onboarding-intake met bedrijf, branche, marketingdoel en budget.
FormPassword
Wachtwoord-herstelkaart met één e-mailveld, resetknop en terug-naar-inloggen-link.
FormPayment
Betaalformulier met methode-keuze (iDEAL/creditcard/SEPA), kaartvelden en ordersamenvatting.
FormProfile
Profielbewerker met avatar, persoonlijke en professionele gegevens en opslaan/annuleren.
FormQuick
Compacte inline e-mail-capture: één invoerveld, één knop en een korte sub.
FormQuote
FormQuote component.
FormRegister
Registratiekaart met naam, e-mail, bedrijf, wachtwoord, akkoord en inlog-link.
FormReview
Reviewformulier met sterbeoordeling, titel, vrije tekst en waardering-tags.
FormSearch
Zoekbalk met icoon, zoekknop en filter-pills voor categorie-keuze eronder.
FormSettings
Accountinstellingen in losse kaarten: gegevens, wachtwoord wijzigen en notificatie-toggles.
FormSubscribe
Opt-in formulier met onderwerp-keuze en frequentie-voorkeur voor nieuwsbrief-inschrijving.
FormSurvey
Klanttevredenheidsformulier met 1-10 schaal, meerkeuzevragen en open tekstvelden.
FormUpload
Uploadformulier met naam/e-mail, toelichting en een sleep-of-klik dropzone.
FormWaitlist
Donkere wachtlijst-sectie met badge, kop, teller en korte e-mail-capture.
HeadingAccent
HeadingAccent component.
HeadingAnimated
Sectiekop met eyebrow, titel en sub; de titel krijgt een onderstreping die bij hover uitschuift.
HeadingBadge
Sectiekop met een pill-badge boven de titel om iets nieuws of bijzonders te markeren.
HeadingCategory
Sectiekop met een solide categorie-label boven titel en sub, ideaal om een dienstgebied te markeren.
HeadingCenter
Gecentreerde sectiekop met een rij stippen (één accent), label, headline en sub.
HeadingCentered
Gecentreerde sectiekop met eyebrow + divider en een headline met optioneel cursief accent-woord. Optionele reveal-on-scroll.
HeadingDark
Gecentreerde sectiekop als donkere, afgeronde kaart met eyebrow, titel en sub.
HeadingEditorial
Redactionele sectiekop met issue-label, zware titel, cursieve deck-regel en accent-streep.
HeadingFloat
Sectiekop met een verticaal zwevend label rechts naast de titel, plus sub.
HeadingGradient
Gecentreerde sectiekop met een gradient-gevulde titel, eyebrow en sub.
HeadingHighlight
Sectiekop waarin een woordgroep met een marker-stift wordt gemarkeerd, plus sub.
HeadingInline
Compacte inline-kop: een label tussen twee horizontale lijnen, gecentreerd over de rail.
HeadingLarge
Grote, gecentreerde paginatitel met sub. Zware display-kop voor een sectie-opening.
HeadingLeft
HeadingLeft component.
HeadingMinimal
HeadingMinimal component.
HeadingMono
Technische sectiekop in monospace met een code-achtig label, titel en sub, afgezet met een bovenrand.
HeadingNumber
Sectiekop met een groot stapnummer links naast titel en sub, als kop van een genummerde stap.
HeadingSplit
Twee-koloms sectiekop: krachtige statement-titel links, ondersteunende tekst rechts. Stapelt op mobiel.
HeadingStacked
Gecentreerde sectiekop: kleine eyebrow boven een grote, vette H2.
HeadingTag
Links uitgelijnde sectiekop met outline-tag, H2 en beschrijvende sub.
HeadingUnderline
Gecentreerde sectiekop met eyebrow, H2 en korte accent-onderlijn.
HeadingWide
Brede artikel-kop met kicker en datum op één regel boven een grote H1.
HeadingWithLabel
HeadingWithLabel component.
HeadingWithLine
Sectiekop met eyebrow, H2 met <em>-accent en korte accent-onderlijn; links of gecentreerd.
HeadingWithStats
Links uitgelijnde sectiekop met eyebrow en H2, gevolgd door een rij kerncijfers.
HeroAsymmetric
Drie-koloms hero: twee staande beelden met badge flankeren een gecentreerde tekstkolom met overline, kop, sub en twee CTA's.
HeroBento
Bento-hero: grote donkere hoofdtegel met eyebrow, kop, sub en CTA, geflankeerd door kleine stat-tegels.
HeroBold
Grote, vette statement-hero: één kop met cursief accent, korte sub en één CTA. Light of dark.
HeroBoldSplit
Split-hero: tekstkolom links met pre-label, vette kop met cursief accent, sub, CTA + tekstlink, beeld rechts.
HeroCenteredMinimal
Gecentreerde minimal-hero: label-pill, kop met cursief accent, sub, twee CTA's en een trust-regel. Achtergrond-mode instelbaar.
HeroCta
Lead-capture hero: tekstkolom links met eyebrow, kop, sub en trust-lijst, formulier-card rechts met e-mailveld en submit.
HeroDark
Donkere fullscreen-hero met glow en grid: label-pill, kop met gradient-accent, sub, CTA + tekstlink en een stat-rij.
HeroFloatingTestimonial
Hero met tekstkolom links (badge, kop met cursief accent, sub, twee CTA's) en rechts een beeld met een zwevende testimonial-card.
HeroGradient
Lichte gradient-hero met zwevende blobs: badge-pill, kop met gradient-accent, sub, CTA + tekstlink en social-proof.
HeroMagazine
Editorial magazine-hero: meta-kolom (vol/issue, byline, tags), center met kop + deck + tekstlink, beeld rechts en een lopende ticker.
HeroMinimal
HeroMinimal component.
HeroNeon
Donkere neon-hero: gloeiende eyebrow, kop met gradient-fill, sub, twee CTA's (glow + ghost) en een rij partner-badges.
HeroParallax
Full-bleed hero met achtergrondbeeld en donkere overlay, optioneel zwevend voorgrond-beeld, en tekst links (kop, sub, twee CTA's).
HeroPortfolio
Donkere portfolio-hero: tekstkolom links (eyebrow-pill, kop met accent, sub, CTA) en rechts een stapel case-cards (beeld + categorie + titel).
HeroProduct
Product-hero: tekstkolom links (label-pill, kop met accent, sub, feature-lijst, sterren-rating, twee CTA's) en rechts een browser-frame met screenshot.
HeroSaas
SaaS-hero: tekstkolom links (eyebrow-pill, kop, sub, twee CTA's, metric-rij) en rechts een dashboard-mockup met stat-tegels en bar-chart.
HeroSplitAngle
Split-hero met schuine scheidingslijn: tekstkolom links (eyebrow, kop, sub, twee CTA's), beeld rechts dat onder de hoek doorloopt.
HeroSplitDark
Donkere split-hero: tekstpaneel met kicker, accent-kop, sub en twee CTA's links; full-bleed beeld met caption rechts.
HeroSplitReversed
Split-hero met beeld links en tekst rechts: accent-kop, sub, feature-lijst met vinkjes, CTA en trust-regel.
HeroStats
Gecentreerde hero met eyebrow, kop, sub en twee CTA's, met een statistiek-balk eronder. Light of dark.
HeroTypography
Typografische statement-hero: pill-label, drie-regelige kop met outline- en gradient-accent, lijn, sub + CTA en een ticker.
HeroVideoGrid
Donkere split-hero: eyebrow, accent-kop, sub, CTA en stat-rij links; mozaïek-grid van vier beelden rechts.
IconAccordion
FAQ-accordion met icoon per item, open/dicht animatie en light/dark mode.
IconBadge
Rij gekleurde badges met icoon voor certificeringen, partners en kenmerken.
IconBento
Bento-grid met icoonkaarten in variabele breedte (wide/accent/dark) voor USP-presentatie.
IconCallout
Opvallend callout-blok met icoon, titel, bodytekst en CTA-knop. Drie kleurvarianten: default, accent en dark.
IconCard
Enkele icoonkaart met titel, beschrijving en optionele CTA-link. Geschikt als losse kaart of binnen een grid.
IconCards
Responsief kaartgrid met icoon, titel en beschrijving per dienst of feature. Configureerbaar aantal kolommen.
IconCircle
Rij ronde icoonknoppen met label, geschikt als diensten-navigator of categorie-picker.
IconColumns
Kolom-grid met groot icoon, titel en beschrijving per USP. Flexibel aantal kolommen.
IconComparison
Vergelijkingstabel met feature-rijen en twee kolommen, ideaal voor bureau vs. concurrent positionering.
IconCta
Gecentreerde CTA-sectie met rij dienst-iconen boven de kop en twee actieknoppen.
IconDark
Donker icoon-kaartgrid voor expertise-overzicht met subtiele hover-glow en accent-border.
IconEmoji
Emoji-icoon lijst of grid met naam en bodytekst per waarde/belofte. Ondersteunt grid- en lijstlayout.
IconFeatures
IconFeatures component.
IconFlat
Horizontale rij dienst-iconen met label in een slanke border-strip. Geschikt als diensten-navigator of footer-accent.
IconGradient
Kaartgrid met unieke kleurverloop-achtergrond per kaart, wit icoonvak en subtiele schaduw.
IconGrid
IconGrid component.
IconHero
Hero met decoratief iconen-patroon op de achtergrond, gradient-overlay, grote kop en CTA-knop.
IconHighlight
Highlight-panel met accent-rand links, sectiekop, sub en een feature-lijst met optioneel icoon per item.
IconHorizontal
Verticale lijst van horizontale kaarten: icoon-blokje links, titel + beschrijving rechts. Geschikt als value-prop rij.
IconInline
Rij gekleurde pill-badges met optioneel icoon en label. Geschikt als tag-cloud of inline feature-overzicht.
IconLarge
Groot-stat-raster: kop + grid van items met groot icoon, prominente waarde en sublabel. Bewijs-sectie met kerncijfers.
IconList
IconList component.
IconMasonry
Masonry-stijl kaarten-grid: items met icoon, titel en beschrijving. Featured items krijgen accentachtergrond.
IconMinimal
Minimale feature-lijst met dunne scheidslijnen, icoon links en label rechts. Compact informatieblok zonder afleiding.
IconNav
Horizontale of verticale navigatiebalk met icoon per item, actieve state en optionele badge. Secundaire nav of in-page tabbar.
IconNumbers
Genummerde stappen-tijdlijn: verticale lijn verbindt genummerde cirkels, elk met optioneel icoon, titel en beschrijving.
IconPricing
Vergelijkend prijsraster met feature-checklijst per tier. Featured tier krijgt accent-rand en badge.
IconProcess
Horizontale stappenrij met genummerd icoonblokje en verbindingslijn. Ideaal als procesoverzicht van 3-5 stappen.
IconRow
Horizontale social-proof balk: icoon, grote waarde en sublabel per item. Geschikt als compacte resultatenbalk.
IconServices
IconServices component.
IconShowcase
Split-layout met animerende icoonring links en kop + sub + checklijst rechts. Krachtig propositioneel blok.
IconSocial
Rij sociale-media knoppen met icoon, platformnaam en optioneel volgersaantal. Social-proof element of footer-link set.
IconSplit
Twee-koloms grid van icoon + titel + beschrijving items. Geschikt als feature-overzicht of diensten-grid.
IconStack
Gestapelde diensten-lijst met icoon, titel en pill-categorie-tag per item. Geschikt als aanbod-stack of diensten-overzicht.
IconStats
Resultaten-in-cijfers: titel boven een grid van stat-tegels met icoon, waarde, label en trend.
IconTabs
CSS-only tabs: een rij labels met icoon, elk gekoppeld aan een tekstpaneel. Werkt zonder JS.
IconTeam
Team-grid: personen-kaarten met initialen-avatar, naam, rol en skill-tags.
IconTechnology
Tech-stack grid: gecentreerde header boven tool-tegels met icoon, naam en categorie.
IconTimeline
Verticale tijdlijn: stappen met icoon-medaillon, verbindingslijn, datum-label, naam en omschrijving.
IconWithText
Eén icoon-medaillon naast een tekstkolom met eyebrow, kop en body. Stapelt op mobiel.
ImageBackground
Full-bleed sectie met achtergrondafbeelding, overlay en kop. Ideaal voor sfeervolle tussensecties.
ImageBanner
Horizontale bannersectie met foto-achtergrond, gradient overlay, kop en subtekst.
ImageBefore
Voor-na vergelijking naast elkaar met labels. Toont transformatie visueel aan.
ImageCaption
Afbeelding met bijschrift en optionele creditregel. Voor redactionele of editorial contexten.
ImageCarousel
ImageCarousel component.
ImageCinematic
Breedbeeldafbeelding met zwarte letterboxbalken voor een filmische uitstraling.
ImageComparison
Grid met twee of meer opties naast elkaar, waarvan een optie uitgelicht is als winnaar.
ImageFeatured
ImageFeatured component.
ImageFullscreen
Fullscreen hero op 100vh met foto of kleurenachtergrond, overlay, kop, body en CTA.
ImageGallery
ImageGallery component.
ImageHero
Hero met foto als achtergrond en tekst linksonder via gradient overlay. Instelbare hoogte.
ImageLightbox
Fotogalerij met klikbare thumbnails en hover-overlay. Lightbox vereist eigen JS implementatie.
ImageMasonry
Masonry-fotogalerij met CSS columns, scroll-in animatie en instelbaar kolomaantal.
ImageMosaic
Mosaicgrid met groot uitgelicht beeld links en drie kleinere beelden rechts.
ImageOverlay
Afbeelding met gradient overlay en tekst linksonder. Ideaal voor case study kaarten.
ImagePolaroid
Rij polaroidkaartjes met lichte rotatie en handgeschreven bijschrift. Geeft een menselijk, informeel gevoel.
ImagePortfolio
Portfoliogrid van case study kaarten met afbeelding, resultaatbadge, klantnaam en dienst.
ImageProfile
Profielkaart met ronde avatar, naam, functietitel, bio en optionele link. Voor team-secties.
ImageRound
Ronde avatar-afbeelding met naam en functie — geschikt als team-lid of persoon-blok.
ImageShowcase
Showcase-grid met 2-4 kaarten: beeld, tag-badge, titel en omschrijving. Geschikt voor diensten, cases of producten.
ImageSplit
ImageSplit component.
ImageTimeline
Tijdlijn met afwisselend beeld en tekst langs een centrale lijn. Geschikt voor bedrijfsgeschiedenis, procesoverzicht of case-milestones.
ImageWithCaption
Enkelvoudig beeld met caption-regel en optioneel fotocredit. Drie breedte-modes: contained, narrow of full.
ImageWithStats
Beeld met een overlay-balk van 2-4 statistieken onderaan. Ideaal als visueel bewijs-blok.
ListBullets
ListBullets component.
ListCards
Grid van kaarten met tag, titel en beschrijving. Lichtgewicht service- of categorie-overzicht.
ListChecklist
ListChecklist component.
ListCollapsible
Uitklapbare FAQ-lijst met details/summary. Elk item: vraag en antwoord.
ListComparison
Vergelijkingstabel met twee kolommen (zonder/met) en feature-rijen. Visuele before/after overtuiging.
ListDivided
Definitielijst label:waarde met horizontale scheidslijnen per rij. Compact voor specs of resultaten.
ListFeatures
ListFeatures component.
ListFilter
Pill-stijl filterknopjes (radio-buttons) voor categorie- of dienst-selectie.
ListGrid
Twee-koloms rasterlijst met dot per item. Compact service- of feature-overzicht.
ListHighlight
Lijst met geaccentueerde items. Geselecteerde rijen krijgen lichte achtergrond en boldgewicht.
ListHorizontal
Horizontaal scrollbare kaartjesrij met label en badge. Handig voor expertise- of certificatie-overzichten.
ListIcons
Verticale lijst met icoon (tekst/emoji) per item. Compact voordelen- of feature-blok.
ListLinks
Navigatielijst van gelabelde linkrijen met beschrijving en pijl-indicator.
ListMinimal
Strakke lijst van items gescheiden door dunne lijnen. Hover toont een pijl-indicator.
ListNumbered
Genummerde stappenlijst met tweecijferig nummer, titel en beschrijving per stap.
ListOrdered
Grote cijfer-geordende lijst met titel en beschrijving. Krachtig stappenformaat met decoratief cijfer.
ListPrice
Inbegrepen/niet-inbegrepen checklist voor een prijspakket. Vinkje = inbegrepen, kruis = niet inbegrepen.
ListProcess
Verticaal procesdiagram met nummercirkel, verbindingslijn, titel en beschrijving per stap.
ListPros
Voor/nadelen-vergelijking in twee kolommen met kleurgecodeerde items. Light of dark.
ListStats
Horizontale rij statistieken: grote waarde, label en optionele context. Geschikt als social proof. Light of dark.
ListSteps
ListSteps component.
ListTimeline
Verticale tijdlijn met datum, connector-dot en beschrijving per item. Geschikt voor bedrijfsgeschiedenis of mijlpalen. Light of dark.
NavAccent
NavAccent component.
NavAnimated
NavAnimated component.
NavBreadcrumb
NavBreadcrumb component.
NavCentered
NavCentered component.
NavColorful
NavColorful component.
NavCompact
NavCompact component.
NavDark
NavDark component.
NavDualLine
NavDualLine component.
NavEditorial
NavEditorial component.
NavFloating
NavFloating component.
NavGlass
NavGlass component.
NavIconLinks
NavIconLinks component.
NavLogoRight
NavLogoRight component.
NavMega
NavMega component.
NavMinimal
NavMinimal component.
NavMobileFirst
NavMobileFirst component.
NavOffcanvas
NavOffcanvas component.
NavPills
NavPills component.
NavSidebar
NavSidebar component.
NavSplit
NavSplit component.
NavStacked
NavStacked component.
NavTabs
NavTabs component.
NavTopBar
NavTopBar component.
NavTransparent
NavTransparent component.
NavUnderline
NavUnderline component.
NavWithBanner
NavWithBanner component.
NavWithDropdown
NavWithDropdown component.
NavWithSearch
NavWithSearch component.
ContentAccordion
ContentAccordion component.
ContentBadges
ContentBadges component.
ContentBullets
ContentBullets component.
ContentCallout
ContentCallout component.
ContentColumns
ContentColumns component.
ContentComparison
ContentComparison component.
ContentCta
ContentCta component.
ContentDivider
ContentDivider component.
ContentFaq
ContentFaq component.
ContentGrid
ContentGrid component.
ContentHighlight
ContentHighlight component.
ContentImageCaption
ContentImageCaption component.
ContentIntro
ContentIntro component.
ContentLead
ContentLead component.
ContentMedia
ContentMedia component.
ContentProCons
ContentProCons component.
ContentQuote
ContentQuote component.
ContentSplit
ContentSplit component.
ContentSteps
ContentSteps component.
ContentTable
ContentTable component.
ContentTestimonial
ContentTestimonial component.
ContentTimeline
ContentTimeline component.
ContentTwoUp
ContentTwoUp component.
ContentWithSidebar
ContentWithSidebar component.
ContentWithStats
ContentWithStats component.
FeaturesBento
FeaturesBento component.
FeaturesHorizontal
FeaturesHorizontal component.
FeaturesIconBar
FeaturesIconBar component.
FeaturesShowcase
FeaturesShowcase component.
HowItWorks
HowItWorks component.
PricingCompact
PricingCompact component.
PricingMenu
PricingMenu component.
PricingToggle
PricingToggle component.
ProcessTimeline
ProcessTimeline component.
ServiceCards
ServiceCards component.
CounterStats
CounterStats component.
LogoGrid
LogoGrid component.
LogoGridWithTitle
LogoGridWithTitle component.
LogosBanner
LogosBanner component.
NumberedStats
NumberedStats component.
PartnerLogos
PartnerLogos component.
StatsCounter
StatsCounter component.
TestimonialsCarousel
TestimonialsCarousel component.
TestimonialsCoverPhoto
TestimonialsCoverPhoto component.
TestimonialsDark
TestimonialsDark component.
TestimonialsHighlight
TestimonialsHighlight component.
TestimonialsMasonry
TestimonialsMasonry component.
TestimonialsMinimal
TestimonialsMinimal component.
TestimonialsSingle
TestimonialsSingle component.
TestimonialsSlider
TestimonialsSlider component.
TestimonialsVideo
TestimonialsVideo component.
TestimonialsWall
TestimonialsWall component.
TextAccordion
TextAccordion component.
TextAnnotated
TextAnnotated component.
TextBig
TextBig component.
TextBlockquote
TextBlockquote component.
TextCallout
TextCallout component.
TextCaption
TextCaption component.
TextCentered
TextCentered component.
TextCenteredImpact
TextCenteredImpact component.
TextCode
TextCode component.
TextColumns
TextColumns component.
TextDark
TextDark component.
TextDropCap
TextDropCap component.
TextEditorial
TextEditorial component.
TextFaq
TextFaq component.
TextGradient
TextGradient component.
TextHighlight
TextHighlight component.
TextInset
TextInset component.
TextIntro
TextIntro component.
TextLead
TextLead component.
TextLegal
TextLegal component.
TextLetter
TextLetter component.
TextManifesto
TextManifesto component.
TextMark
TextMark component.
TextMono
TextMono component.
TextNote
TextNote component.
TextNumbers
TextNumbers component.
TextOutline
TextOutline component.
TextPullQuote
TextPullQuote component.
TextQuote
TextQuote component.
TextScroll
TextScroll component.
TextSplit
TextSplit component.
TextStack
TextStack component.
TextStats
TextStats component.
TextSummary
TextSummary component.
TextTimeline
TextTimeline component.
TextWide
TextWide component.
AboutSplit
AboutSplit component.
Accordion
Accordion component.
Alert
Alert component.
Avatar
Avatar component.
AwardsBadges
AwardsBadges component.
BeforeAfter
BeforeAfter component.
Blockquote
Blockquote component.
BlogGrid
BlogGrid component.
Breadcrumb
Breadcrumb component.
CalloutBox
CalloutBox component.
CaseStudyCard
CaseStudyCard component.
CheckList
CheckList component.
Chip
Chip component.
ClientLogosScroll
ClientLogosScroll component.
ComparisonSection
ComparisonSection component.
ComparisonTable
ComparisonTable component.
ContactCentered
ContactCentered component.
ContactSplitPhoto
ContactSplitPhoto component.
Countdown
Countdown component.
Dropdown
Dropdown component.
EmptyState
EmptyState component.
FaqCategorized
FaqCategorized component.
GalleryGrid
GalleryGrid component.
InputField
InputField component.
MediaFeature
MediaFeature component.
Modal
Modal component.
Notification
Notification component.
NumberedList
NumberedList component.
PressMentions
PressMentions component.
Progress
Progress component.
PullQuote
PullQuote component.
Rating
Rating component.
RatingBreakdown
RatingBreakdown component.
ReviewStars
ReviewStars component.
Skeleton
Skeleton component.
SocialProofBanner
SocialProofBanner component.
Stepper
Stepper component.
Table
Table component.
Tabs
Tabs component.
TeamAlternating
TeamAlternating component.
TeamGrid
TeamGrid component.
Toast
Toast component.
Toggle
Toggle component.
Tooltip
Tooltip component.
TrustBadges
TrustBadges component.
VideoAnnotated
VideoAnnotated component.
VideoAutoplay
VideoAutoplay component.
VideoBackground
VideoBackground component.
VideoCarousel
VideoCarousel component.
VideoChapters
VideoChapters component.
VideoCtaOverlay
VideoCtaOverlay component.
VideoEmbed
VideoEmbed component.
VideoFeature
VideoFeature component.
VideoGrid
VideoGrid component.
VideoHero
VideoHero component.
VideoIntro
VideoIntro component.
VideoLoop
VideoLoop component.
VideoMagazine
VideoMagazine component.
VideoModal
VideoModal component.
VideoMuted
VideoMuted component.
VideoPip
VideoPip component.
VideoPlaylist
VideoPlaylist component.
VideoRecap
VideoRecap component.
VideoShort
VideoShort component.
VideoShowcase
VideoShowcase component.
VideoSplit
VideoSplit component.
VideoSplitScreen
VideoSplitScreen component.
VideoStats
VideoStats component.
VideoTestimonial
VideoTestimonial component.
VideoThumbnail
VideoThumbnail component.
VideoWide
VideoWide component.