Tools

Kleine webtools die in je browser draaien

Maak tags, controleer launchdetails en bereid statische página's voor zonder account of upload.

SEO-tools

Tools voor metadata, indexering, canonical URL's, social previews en launchchecks.

Seo

AI-crawler robots.txt Builder

Bouw robots.txt-regels voor AI-crawlers met open, selectieve of strikte presets.

Open tool

Seo

Hreflang Sitemap Builder

Bouw XML-sitemap-items met hreflang-alternates voor meertalige pagina's.

Open tool

Seo

Hreflang-taggenerator

Genereer schone hreflang-tags voor meertalige statische websites.

Open tool

Seo

llms.txt Validator

Valideer llms.txt-bestanden tegen de specificatie op H1, blockquote, secties en Markdown-links.

Open tool

Seo

Open Graph en Twitter Card builder

Maak social preview metatags voor blogposts en statische página's.

Open tool

Seo

OpenSearch Description Generator

Genereer een OpenSearch Description XML en HTML-linktag voor de browser-zoekbalk.

Open tool

Seo

SEO-checklistgenerator voor statische sites

Maak een praktische SEO-checklist voor de launch van een statische website.

Open tool

Seo

Robots metataggenerator

Genereer robots metatags zonder directives uit je hoofd te kennen.

Open tool

Seo

Canonical URL taggenerator

Genereer canonical link tags voor statische página's en blogposts.

Open tool

Seo

llms.txt-generator

Maak een llms.txt-bestand voor AI-zoek- en antwoordmachines.

Open tool

Seo

robots.txt-bouwer

Genereer een eenvoudig robots.txt-bestand met sitemap- en crawlerregels.

Open tool

Seo

JSON-LD-starterbouwer

Genereer start-JSON-LD voor WebSite, Organization, Article, FAQ of BreadcrumbList.

Open tool

Seo

Viewport Meta Tag Generator

Genereer een complete set viewport meta tags plus theme-color en Apple touch icon links.

Open tool

Seo

Statische Sitemap XML Builder

Plak een URL-lijst en krijg een complete sitemap.xml voor statische hosting en GitHub Pages.

Open tool

Seo

Speculation Rules Generator

Genereer Speculation Rules JSON voor prerendering en prefetching in Chrome en Edge.

Open tool

Seo

Permissions-Policy Header Generator

Genereer een Permissions-Policy HTTP-header om de toegang tot browserfuncties op je site te beheren.

Open tool

Seo

CSP Starter Policy Generator

Genereer een Content-Security-Policy header voor statische sites met CDN-, analytics-, lettertype- en embedopties.

Open tool

Seo

Markdown Front Matter Generator

Genereer YAML front matter blokken voor Jekyll, Hugo, Astro, 11ty en andere static site generators.

Open tool

Seo

RSS Feed Starter Generator

Genereer een complete RSS 2.0 XML feed voor je statische blog.

Open tool

Seo

JSON Feed Starter Generator

Genereer een JSON Feed bestand voor je statische blog als modern alternatief voor RSS.

Open tool

Seo

Referrer Policy Tag Generator

Genereer een Referrer-Policy header of meta tag om referrer-informatie te beheren.

Open tool

Seo

X-Robots-Tag Header Generator

Genereer X-Robots-Tag HTTP-headers en robots-meta-tags voor niet-HTML-bestanden zoals PDF's en afbeeldingen.

Open tool

HTML-tools

Hulpmiddelen voor schone HTML-tags, head markup, snippets en publicatiewerk.

Html

ARIA Live Region Generator

Genereer toegankelijke ARIA-live-regio's voor schermlezeraankondigingen.

Open tool

Html

CSP Hash Generator

Genereer CSP-hashwaarden voor inline scripts en styles. Hash exacte code met SHA-256, SHA-384 of SHA-512.

Open tool

Html

Customizable Select Generator

Generate CSS for customizable select elements using appearance: base-select, picker icons, checkmarks, and open/closed state styling.

Open tool

Html

Declarative Shadow DOM Generator

Genereer HTML-snippets voor Declarative Shadow DOM met scoped CSS, slots en server-rendering.

Open tool

Html

HTML Invoker Command Generator

Generate declarative command buttons for dialogs, popovers, and disclosure elements using the Invoker Commands API. No JavaScript needed.

Open tool

Html

HTML Sanitizer Config Builder

Bouw Sanitizer API- en DOMPurify-allowlist-configuraties voor veilige HTML-rendering.

Open tool

Html

SRI Hash Generator

Genereer Subresource Integrity-hashes voor script- en stylesheetbestanden met SHA-256, SHA-384 of SHA-512.

Open tool

Html

HTML link rel generator

Genereer link-tags voor preload, preconnect, dns-prefetch, canonical en alternate.

Open tool

Html

Responsive iframe-embedgenerator

Genereer responsive iframe-embedmarkup voor video's, kaarten, demo's en documentatie.

Open tool

Html

URL Slug Generator

Zet titels om in schone, kleine letters, met koppeltekens gescheiden URL-slugs.

Open tool

Html

HTML Koppenhiërarchie Checker

Plak HTML en zie de koppenstructuur als boom. Vind overgeslagen niveaus en ontbrekende h1.

Open tool

Html

Leestijd Schatter

Bereken geschatte leestijd op basis van woordenaantal en instelbare leessnelheid.

Open tool

Html

HTML Entiteit Snelreferentie

Zoek en kopieer veelgebruikte HTML-entiteiten: pijlen, streepjes, aanhalingstekens en symbolen.

Open tool

Html

HTML Popover Generator

Genereer native HTML popover markup met popovertarget en de Popover API zonder JavaScript.

Open tool

Html

Iframe Sandbox & Allow Generator

Genereer veilige iframe markup met sandbox vlaggen en allow permissies per embedtype.

Open tool

Html

Inhoudsopgave Anker Generator

Plak HTML met koppen en krijg een geneste inhoudsopgave met ankerlinks.

Open tool

Html

Dialog Modal HTML Generator

Genereer een native HTML dialog modal met open- en sluitknoppen.

Open tool

Html

No-JS Redirect Página Generator

Genereer een complete HTML redirect página met de meta refresh tag zonder JavaScript.

Open tool

Html

Statische 404 Página Template Generator

Genereer een vriendelijke 404 foutpágina met navigatielinks voor statische websites.

Open tool

Html

Toegankelijke Skip Link Generator

Genereer een toegankelijke skip link met CSS voor toetsenbord- en screenreadernavigatie.

Open tool

Html

HTML Landmark Checker

Plak HTML en controleer op ARIA landmark elementen voor screenreadernavigatie.

Open tool

Html

Input Attributes Generator

Genereer HTML input elementen met typespecifieke attributen voor formulieren.

Open tool

Html

Fetch Priority Attribute Generator

Genereer fetchpriority attributen voor afbeeldingen, scripts en link tags.

Open tool

Html

Preload Tag Builder

Genereer correcte preload link tags voor lettertypen, hero afbeeldingen, CSS en scripts.

Open tool

Html

Modulepreload Tag Generator

Genereer modulepreload link tags voor ES modules in Vite, Astro en moderne statische sites.

Open tool

Html

Afbeelding Laadattribuut Bouwer

Maak geoptimaliseerde img tags door loading, decoding en fetchpriority te combineren.

Open tool

Html

HTML Details Accordion Generator

Genereer FAQ accordeons met de native details en summary elementen zonder JavaScript.

Open tool

Html

Externe Link Attribuut Generator

Genereer externe link markup met correcte rel attributen voor beveiliging en SEO.

Open tool

Html

HTML Script Laadstrategie Bouwer

Genereer script tags met de juiste laadstrategie — normal, defer, async of type module.

Open tool

Html

Navigation API Router Snippet Generator

Genereer JavaScript routering snippets met de Navigation API voor SPA's zonder History API.

Open tool

Html

Service Worker Module Template Generator

Genereer ES-module service worker templates met cache-strategieen, precache-lijst en offline ondersteuning.

Open tool

Html

Trusted Types Policy Generator

Genereer Trusted Types-beleid en CSP-headers om DOM-gebaseerde XSS te voorkomen met getypeerde waarden voor gevaarlijke DOM-sinks.

Open tool

Html

URLPattern Tester

Test URL-patronen met de URLPattern API — benoemde groepen, wildcards en regex-matching zonder handmatig parsen.

Open tool

Html

contenteditable=plaintext-only Generator

Genereer toegankelijke HTML-markup met contenteditable=plaintext-only voor platte tekstinvoer zonder rijke opmaak.

Open tool

Html

Directory Upload Input Generator

Genereer HTML-bestandsinvoer met webkitdirectory voor map-upload, drag-and-drop-zone en bestandslijst met webkitRelativePath.

Open tool

Html

scrollend Event Snippet Generator

Genereer scrollend event handlers die vuren na volledig scrollen met momentum/inertie, met debounce vergelijking.

Open tool

Html

PerformanceObserver Snippet Generator

Genereer PerformanceObserver code voor Core Web Vitals (LCP, INP, CLS) met good/needs-improvement/poor drempels.

Open tool

Html

Uint8Array Base64/Hex Converter

Genereer code snippets met Uint8Array.toBase64(), .toHex(), .fromBase64() en .fromHex() voor native binaire codering.

Open tool

Html

RegExp.escape() Helper

Genereer RegExp.escape() aanroepen om speciale tekens in strings te escapen voor veilige dynamische regex-patronen.

Open tool

Html

Intl.DurationFormat Generator

Genereer Intl.DurationFormat code voor gelokaliseerde tijdsduur formattering met long/short/narrow/digital stijlen.

Open tool

Html

Custom Highlights API Generator

Genereer CSS ::highlight() en JavaScript Highlight objecten voor het stylen van tekstbereiken zonder DOM-wijzigingen.

Open tool

Html

WebTransport URL Template Helper

Genereer WebTransport verbindingssnippets via HTTP/3 (QUIC) met bidirectionele streams en datagrams.

Open tool

Html

Interest Invoker Popover Generator

Genereer declaratieve HTML-markup met interestfor voor hover- en focus-getriggerde popovers zonder JavaScript.

Open tool

Html

ARIA Notify Snippet Generator

Genereer ariaNotify() aanroepen voor programmatische schermlezeraankondigingen met aria-live fallback.

Open tool

Html

JSON-formatter en -validator

Formatteer, valideer, minificeer en geef JSON-data weer in een boomstructuur. Detecteert afsluitende kommas en toont foutposities. Alle verwerking vindt lokaal in uw browser plaats.

Open tool

Html

JSON-naar-CSV-converter

Converteer JSON-arrays naar CSV of TSV. Maak geneste objecten plat met puntnotatie, kies scheidingstekens en neem koprijen op.

Open tool

Html

YAML-JSON-converter

Converteer bidirectioneel tussen YAML en JSON. Verwerkt geneste structuren, arrays en scalaire waarden. Ideaal voor configuratiebestanden.

Open tool

Html

JSONPath-tester

Test JSONPath-expressies tegen JSON-gegevens. Ondersteunt puntnotatie, jokers, filters en array-indexen. Toont overeenkomende resultaten.

Open tool

Html

JSON-schemagenerator en -validator

Genereer een JSON-schema uit voorbeeldgegevens of valideer JSON tegen een schema. Ondersteunt meerdere drafts en leidt automatisch typen af.

Open tool

Html

Regex Tester en Debugger

Test reguliere expressies met markering van overeenkomsten, vastleggroepen en vervangingsvoorbeeld. Alle verwerking vindt lokaal plaats in de browser.

Open tool

Html

JWT Decoder en Claims Inspector

Decodeer JWT-tokens om de header, payload-claims en tijdstempels te inspecteren. Alle decodering vindt lokaal plaats – geen token wordt naar een server verzonden.

Open tool

Html

Base64 Encoder en Decoder

Encodeer tekst naar Base64 of decodeer Base64 terug naar tekst. Ondersteunt URL-veilige Base64-variant. Alle verwerking vindt lokaal plaats.

Open tool

Html

URL Encoder en Decoder

Encodeer of decodeer URL-gecodeerde tekenreeksen. Ondersteunt zowel encodeURIComponent (volledig) als encodeURI (URL-veilig) modi.

Open tool

Html

Query String Parser en Builder

Parseer URL-queryreeksen in sleutel-waardetabellen, of bouw queryreeksen uit parameters. Detecteert duplicaten en sorteert parameters.

Open tool

Html

UUID-Generator

Genereer UUID v4 (willekeurig) of v7 (tijdgesorteerd) identificatoren met configureerbare opties

Open tool

Html

Unix Timestamp Converter

Converteer tussen Unix-tijdstempels en leesbare datums met tijdzoneondersteuning

Open tool

Html

Cron-Expressiebouwer

Bouw en begrijp cron-planningsuitdrukkingen met presets of aangepaste velden

Open tool

Html

Tekst-Diff-Checker

Vergelijk twee teksten regel voor regel of zij aan zij met visuele markering

Open tool

Html

Hash- en HMAC-Generator

Genereer cryptografische hashes en HMAC JavaScript-code met de Web Crypto API

Open tool

Html

Markdown Voorvertoning Editor

Split-screen Markdown-editor met live GitHub-Flavored Markdown-voorvertoning. Ondersteunt koppen, vet/cursief, links, codeblokken, tabellen en takenlijsten.

Open tool

Html

QR-Code Generator

Genereer QR-codes als SVG voor URL, tekst, e-mail, telefoon en WiFi. Aanpasbare kleuren en grootte.

Open tool

Html

Beeldcompressor en -converter

Comprimeer en converteer afbeeldingen lokaal met Canvas API. JPEG/PNG/WebP. Geen upload naar server.

Open tool

CSS-tools

CSS-generators voor responsive layouts, spacing, mobiel detailwerk en UI-aanpassingen.

Css

Container Query Units Calculator

Bereken clamp()-waarden met container query units voor componentgebaseerde responsive sizing.

Open tool

Css

CSS Carousel Generator

Generate native CSS carousel markup with scroll-snap, scroll buttons, scroll markers, and accessible list structure. No JavaScript required.

Open tool

Css

CSS Scroll-State Query Generator

Generate CSS scroll-state() container queries for styling snapped, stuck, or scrollable elements. Includes JavaScript fallback for cross-browser support.

Open tool

Css

CSS Subgrid Layout Generator

Genereer parent-grid- en child-subgrid-CSS voor layouts met gedeelde trackuitlijning.

Open tool

Css

Focus Ring CSS Generator

Genereer toegankelijke :focus-visible outline- of box-shadow-CSS-regels met contrastcontrole.

Open tool

Css

CSS clamp() calculator

Bereken responsive CSS clamp-waarden voor lettergroottes en spacing.

Open tool

Css

CSS safe-area-insets generator

Genereer CSS voor safe-area insets op telefoons met notch of ronde hoeken.

Open tool

Css

CSS Kleurcontrast Checker

Controleer de contrastverhouding tussen twee kleuren tegen WCAG-richtlijnen.

Open tool

Css

CSS Box Shadow Builder

Bouw visueel box-shadow CSS door offset, blur, spread en kleur aan te passen.

Open tool

Css

CSS Flexbox Generator

Genereer flexbox container CSS en HTML-skelet uit geselecteerde flex-eigenschappen.

Open tool

Css

CSS Border Radius Builder

Stel afgeronde hoeken afzonderlijk in en genereer de border-radius CSS-declaratie.

Open tool

Css

Touch Target Size Checker

Controleer interactieve elementen op WCAG 2.2 minimale grootte (2.5.8) met AA/AAA-resultaten en CSS-aanbevelingen.

Open tool

Css

View Transition Builder

Generate View Transitions API CSS and JavaScript for smooth page and element transitions. Same-document (SPA) and cross-document (MPA) support with reduced-motion fallback.

Open tool

Css

CSS Cascade Layer Planner

Plan de @layer-volgorde en genereer een CSS-cascadelagenstructuur met voorbeeldregels.

Open tool

Css

CSS Content Visibility Generator

Genereer CSS voor content-visibility en contain-intrinsic-size om lange página's te versnellen.

Open tool

Css

CSS Overscroll Behavior Generator

Genereer overscroll-behavior CSS om pull-to-refresh, scroll-chaining en bounce-effecten te beheren.

Open tool

Css

CSS Scroll Snap Generator

Genereer CSS scroll-snap regels voor carrousels, galerijen en horizontale scrollsecties.

Open tool

Css

Container Query Snippet Generator

Genereer @container CSS regels voor componentgebaseerd responsive design.

Open tool

Css

Aspect Ratio Placeholder Calculator

Bereken aspect-ratio CSS waarden en padding-bottom fallbacks tegen layout shift.

Open tool

Css

Dynamische Viewport Units Generator

Genereer CSS met dynamische viewport units (dvh, svh, lvh) met fallbacks.

Open tool

Css

CSS Logical Properties Converter

Converteer fysieke CSS-eigenschappen naar logische voor RTL- en meertalige layouts.

Open tool

Css

CSS Anchor Positioning Generator

Genereer CSS anchor positioning regels voor tooltips, dropdowns en callouts.

Open tool

Css

Scroll-Driven Animation Generator

Genereer CSS scroll-gedreven animaties met animation-timeline.

Open tool

Css

Discrete Transitie Generator

Genereer CSS voor het animeren van elementen die verschijnen of verdwijnen.

Open tool

Css

CSS Light-Dark Functie Generator

Genereer CSS color-scheme en light-dark() regels voor donkere modus.

Open tool

Css

CSS Color Mix Generator

Genereer CSS color-mix() aanroepen voor hover, borders, achtergronden en ingetogen tekst.

Open tool

Css

CSS Relative Color Syntax Generator

Genereer CSS relatieve kleursyntax voor alfa-, lichtere, donkerdere en kanaalaangepaste varianten.

Open tool

Css

CSS Printstijlen Generator

Genereer een printstylesheet om navigatie te verbergen, link-URLs te tonen en página-einden te vermijden.

Open tool

Css

CSS contrast-color() Functiegenerator

Genereer contrast-color() CSS-functies die automatisch de meest leesbare tekstkleur uit een lijst selecteren.

Open tool

Css

Getypeerde CSS attr() Generator

Genereer getypeerde attr()-expressies met typeconversie voor data-attribuut-gestuurde CSS-styling.

Open tool

Css

CSS if() Functiebouwer

Bouw CSS if()-conditionals met style()-, media()- en supports()-condities voor inline responsieve waarden zonder @media-queries.

Open tool

Css

CSS Sibling-index en Sibling-count Generator

Genereer CSS met sibling-index() en sibling-count() voor positiegebaseerde styling zonder nth-child-selectors.

Open tool

Css

CSS progress() Functiecalculator

Bereken CSS progress()-functiewaarden voor scroll-gestuurde animaties en waardetoewijzing.

Open tool

Css

CSS Stretch Sizing Generator

Genereer CSS met het stretch-sleutelwoord voor fill-available-sizing in block-, flex-, grid- en absoluut gepositioneerde layouts.

Open tool

Css

CSS text-indent hanging/each-line Builder

Genereer CSS text-indent met hanging- en each-line-sleutelwoorden voor hangende inspringing en regeleinde-inspringing.

Open tool

Css

CSS Root-Relative Font Units Calculator

Bereken pixel-equivalenten voor rcap-, rch-, rex- en ric-eenheden op basis van root-lettergrootte. Vergelijk met rem.

Open tool

Css

CSS shape() Functiegenerator

Genereer CSS shape()-functies voor niet-rechthoekige vormen met clip-path en shape-outside.

Open tool

Css

CSS @scope Regelbouwer

Genereer CSS @scope-regels voor het stylen van DOM-subtrees zonder BEM of CSS Modules.

Open tool

Css

SVG Optimalisatie Tool

Optimaliseer SVG-bestanden door commentaar, metadata en witruimte te verwijderen. Voor/na vergelijking. Lokale verwerking.

Open tool

Css

SVG naar CSS Data URI Converter

Converteer SVG-markup naar CSS-data-URI. URL-gecodeerde en Base64-opties met live voorvertoning.

Open tool

Css

CSS Gradient Generator

Visuele bouwer voor lineaire, radiale en conische CSS-verlopen met live voorbeeld. Pas hoek, kleurstops en posities aan. Kopieer schone CSS.

Open tool

Css

CSS Filter Generator

Visuele CSS-filtereditor met negen filterfuncties en live voorbeeld. Test op verloopstaal of optionele afbeeldings-URL. Kopieer schone CSS.

Open tool

Css

CSS Text Shadow Generator

Maak gelaagde CSS-tekstschaduwen met neon-, gloed-, 3D- en omtrek-voorinstellingen. Pas tekst, grootte en tot drie lagen aan. Live voorbeeld.

Open tool

Css

CSS Animation Keyframes Generator

Negen animatievoorinstellingen (fade, slide, scale, spin, pulse, bounce, shake) met aanpasbare duur, easing en iteratie. Live voorbeeld met herhaal knop.

Open tool

Css

CSS 3D Transform Generator

Visuele 3D CSS-transform bouwer met rotatie-, verplaatsings-, schaal-, perspectief- en oorsprongsregelaars. Live voorbeeldkaart toont diepte in realtime.

Open tool