Component Library

Eenvoudige navigatiebalk met logo, links en optionele CTA knop. Ingebouwde hamburger voor mobile.

Sticky nav die start als transparant en solid wordt na 40px scrollen.

Gecentreerde hero met headline, ondertitel, 1-2 CTA knoppen. 4 achtergrondvarianten.

Klassieke split-hero: tekst links, afbeelding rechts (of omgekeerd).

100vh hero met achtergrondafbeelding of -video + donkere overlay.

Genummerde USPs of pijlers. Sober en krachtig.

Feature kaarten grid met icon, titel en beschrijving. 3 visuele varianten.

Stappen-sectie voor werkwijze of onboarding. Horizontaal of verticaal.

Prijskaarten met highlighted plan en optionele badge.

Klantreviews in grid met sterrating en avatar.

Rij met klanten- of partnerlogo's. Grayscale optioneel.

Oneindige scrollende ticker. Pauzeert bij hover. Puur CSS.

Statistieken sectie met grote getallen. 3 achtergrondvarianten.

Call-to-action sectie. Center of split layout. 4 achtergrondvarianten.

Contactformulier met async submit. Werkt met Formspree, Netlify Forms of eigen API.

Compacte e-mail aanmeldbalk. Inline of gestapeld.

Compacte footer met logo, links, social icons en copyright.

Volledige footer met navigatiekolommen en optioneel groot achtergrondwoord.

Full-bleed dark editorial hero. Afbeelding bleedt naar rechts. Ghost-nummer als typografisch anker. Scroll-indicator met geanimeerde accentlijn.

Pure typografie moment. Donkere sectie met één grote cursieve display-quote. Verticale accentregel als typografische inleiding.

Editoriale statistieken met grote Cormorant-cijfers. Ghost-nummer als anker. Lichte achtergrond, border-left dividers tussen items.

Donkere USP-sectie met groot editorial headline en genummerde items. Ghost-nummer links. 4-kolommen grid met border-left per item.

Full-bleed 75vh afbeelding met donkere gradient overlay. Quote + attributie + optionele stat overlaid onderaan. Brand-moment tussen product-secties.

Herbruikbare knop: 4 varianten, 3 groottes, als link of button element.

Pill badge voor status, labels en categorieën. 6 kleurvarianten.

Basis kaart component met slot voor flexibele content. 4 varianten.

FAQ accordion. Toegankelijk (ARIA), keyboard navigeerbaar.

CtaAccent component.

CtaAngular component.

CtaBigQuote component.

CtaBooking component.

CtaCard component.

CtaCards component.

CtaDark component.

CtaDownload component.

CtaEmail component.

CtaFreeTrial component.

CtaFullWidth component.

CtaGradient component.

CtaIconRow component.

CtaImageBg component.

CtaMinimal component.

CtaNewsletter component.

CtaPhone component.

CtaPricing component.

CtaSplit component.

CtaStats component.

CtaSticky component.

CtaUrgent component.

CtaVideo component.

CtaWithTestimonial component.

FooterAccordion component.

FooterApp component.

FooterBigText component.

FooterBrand component.

FooterCentered component.

FooterCompact component.

FooterContact component.

FooterCta component.

FooterDark component.

FooterEditorial component.

FooterGradient component.

FooterGrid component.

FooterMega component.

FooterMinimal component.

FooterMinimalDark component.

FooterModern component.

FooterNewsletter component.

FooterRetro component.

FooterSocial component.

FooterSplit component.

FooterSticky component.

FooterTech component.

FooterWave component.

FormBooking component.

FormCallback component.

FormChat component.

FormCheckout component.

FormComplex component.

FormContact component.

FormDownload component.

FormEventReg component.

FormFeedback component.

FormFilter component.

FormJobApplication component.

FormLeadMagnet component.

FormLogin component.

FormMini component.

FormMultiStep component.

FormNewsletter component.

FormOnboarding component.

FormPassword component.

FormPayment component.

FormProfile component.

FormQuick component.

FormQuote component.

FormRegister component.

FormReview component.

FormSearch component.

FormSettings component.

FormSubscribe component.

FormSurvey component.

FormUpload component.

FormWaitlist component.

HeadingAccent component.

HeadingAnimated component.

HeadingBadge component.

HeadingCategory component.

HeadingCenter component.

HeadingCentered component.

HeadingDark component.

HeadingEditorial component.

HeadingFloat component.

HeadingGradient component.

HeadingHighlight component.

HeadingInline component.

HeadingLarge component.

HeadingLeft component.

HeadingMinimal component.

HeadingMono component.

HeadingNumber component.

HeadingSplit component.

HeadingStacked component.

HeadingTag component.

HeadingUnderline component.

HeadingWide component.

HeadingWithLabel component.

HeadingWithLine component.

HeadingWithStats component.

HeroAsymmetric component.

HeroBento component.

HeroBold component.

HeroBoldSplit component.

HeroCenteredMinimal component.

HeroCta component.

HeroDark component.

HeroFloatingTestimonial component.

HeroGradient component.

HeroMagazine component.

HeroMinimal component.

HeroNeon component.

HeroParallax component.

HeroPortfolio component.

HeroProduct component.

HeroSaas component.

HeroSplitAngle component.

HeroSplitDark component.

HeroSplitReversed component.

HeroStats component.

HeroTypography component.

HeroVideoGrid component.

IconAccordion component.

IconBadge component.

IconBento component.

IconCallout component.

IconCard component.

IconCards component.

IconCircle component.

IconColumns component.

IconComparison component.

IconCta component.

IconDark component.

IconEmoji component.

IconFeatures component.

IconFlat component.

IconGradient component.

IconGrid component.

IconHero component.

IconHighlight component.

IconHorizontal component.

IconInline component.

IconLarge component.

IconList component.

IconMasonry component.

IconMinimal component.

IconNav component.

IconNumbers component.

IconPricing component.

IconProcess component.

IconRow component.

IconServices component.

IconShowcase component.

IconSocial component.

IconSplit component.

IconStack component.

IconStats component.

IconTabs component.

IconTeam component.

IconTechnology component.

IconTimeline component.

IconWithText component.

ImageBackground component.

ImageBanner component.

ImageBefore component.

ImageCaption component.

ImageCarousel component.

ImageCinematic component.

ImageComparison component.

ImageFeatured component.

ImageFullscreen component.

ImageGallery component.

ImageHero component.

ImageLightbox component.

ImageMasonry component.

ImageMosaic component.

ImageOverlay component.

ImagePolaroid component.

ImagePortfolio component.

ImageProfile component.

ImageRound component.

ImageShowcase component.

ImageSplit component.

ImageTimeline component.

ImageWithCaption component.

ImageWithStats component.

ListBullets component.

ListCards component.

ListChecklist component.

ListCollapsible component.

ListComparison component.

ListDivided component.

ListFeatures component.

ListFilter component.

ListGrid component.

ListHighlight component.

ListHorizontal component.

ListIcons component.

ListLinks component.

ListMinimal component.

ListNumbered component.

ListOrdered component.

ListPrice component.

ListProcess component.

ListPros component.

ListStats component.

ListSteps component.

ListTimeline component.

NavAccent component.

NavAnimated component.

NavBreadcrumb component.

NavCentered component.

NavColorful component.

NavCompact component.

NavDark component.

NavDualLine component.

NavEditorial component.

NavFloating component.

NavGlass component.

NavIconLinks component.

NavLogoRight component.

NavMega component.

NavMinimal component.

NavMobileFirst component.

NavOffcanvas component.

NavPills component.

NavSidebar component.

NavSplit component.

NavStacked component.

NavTabs component.

NavTopBar component.

NavTransparent component.

NavUnderline component.

NavWithBanner component.

NavWithDropdown component.

NavWithSearch component.

ContentAccordion component.

ContentBadges component.

ContentBullets component.

ContentCallout component.

ContentColumns component.

ContentComparison component.

ContentCta component.

ContentDivider component.

ContentFaq component.

ContentGrid component.

ContentHighlight component.

ContentImageCaption component.

ContentIntro component.

ContentLead component.

ContentMedia component.

ContentProCons component.

ContentQuote component.

ContentSplit component.

ContentSteps component.

ContentTable component.

ContentTestimonial component.

ContentTimeline component.

ContentTwoUp component.

ContentWithSidebar component.

ContentWithStats component.

FeaturesBento component.

FeaturesHorizontal component.

FeaturesIconBar component.

FeaturesShowcase component.

HowItWorks component.

PricingCompact component.

PricingMenu component.

PricingToggle component.

ProcessTimeline component.

ServiceCards component.

CounterStats component.

LogoGrid component.

LogoGridWithTitle component.

LogosBanner component.

NumberedStats component.

PartnerLogos component.

StatsCounter component.

TestimonialsCarousel component.

TestimonialsCoverPhoto component.

TestimonialsDark component.

TestimonialsHighlight component.

TestimonialsMasonry component.

TestimonialsMinimal component.

TestimonialsSingle component.

TestimonialsSlider component.

TestimonialsVideo component.

TestimonialsWall component.

TextAccordion component.

TextAnnotated component.

TextBig component.

TextBlockquote component.

TextCallout component.

TextCaption component.

TextCentered component.

TextCenteredImpact component.

TextCode component.

TextColumns component.

TextDark component.

TextDropCap component.

TextEditorial component.

TextFaq component.

TextGradient component.

TextHighlight component.

TextInset component.

TextIntro component.

TextLead component.

TextLegal component.

TextLetter component.

TextManifesto component.

TextMark component.

TextMono component.

TextNote component.

TextNumbers component.

TextOutline component.

TextPullQuote component.

TextQuote component.

TextScroll component.

TextSplit component.

TextStack component.

TextStats component.

TextSummary component.

TextTimeline component.

TextWide component.

AboutSplit component.

Accordion component.

Alert component.

Avatar component.

AwardsBadges component.

BeforeAfter component.

Blockquote component.

BlogGrid component.

Breadcrumb component.

CalloutBox component.

CaseStudyCard component.

CheckList component.

Chip component.

ClientLogosScroll component.

ComparisonSection component.

ComparisonTable component.

ContactCentered component.

ContactSplitPhoto component.

Countdown component.

Dropdown component.

EmptyState component.

FaqCategorized component.

GalleryGrid component.

InputField component.

MediaFeature component.

Modal component.

Notification component.

NumberedList component.

PressMentions component.

Progress component.

PullQuote component.

Rating component.

RatingBreakdown component.

ReviewStars component.

Skeleton component.

SocialProofBanner component.

Stepper component.

Table component.

Tabs component.

TeamAlternating component.

TeamGrid component.

Toast component.

Toggle component.

Tooltip component.

TrustBadges component.

VideoAnnotated component.

VideoAutoplay component.

VideoBackground component.

VideoCarousel component.

VideoChapters component.

VideoCtaOverlay component.

VideoEmbed component.

VideoFeature component.

VideoGrid component.

VideoHero component.

VideoIntro component.

VideoLoop component.

VideoMagazine component.

VideoModal component.

VideoMuted component.

VideoPip component.

VideoPlaylist component.

VideoRecap component.

VideoShort component.

VideoShowcase component.

VideoSplit component.

VideoSplitScreen component.

VideoStats component.

VideoTestimonial component.

VideoThumbnail component.

VideoWide component.