Documentatie
De standaard voor moderne CSS-gradienten. Zoek, verkenn en bouw — alles wat je nodig hebt om met KleurFlow te werken.
Vind wat je zoekt
Doorzoek meer dan 120 artikelen, API-referenties en voorbeelden.
Bekende documentatie secties
Navigeer naar de sectie die bij jouw project past — van eerste stappen tot geavanceerde API-integraties.
Aan de slag
Installeer KleurFlow via npm of CDN, configureer je eerste `kleurflow.config.js` en genereer je eerste gradient in onder de 5 minuten.
Gradient-syntax
Leer de KleurFlow DSL: `linear()`, `radial()`, `conic()` en `mesh()` blokken, stopkleuren, percentages en hoeknotatie.
Kleuren mengen
Gebruik `mix()`, `blend()` en `interpolate()` om zachte overgangen te creëren tussen HEX, HSL, LAB en OKLCH-kleuren.
Animaties
Bewegende gradienten met `@kf-animate`, keyframes, duur, vertraging en easing-functies — volledig GPU-versneld.
API-referentie
Volledige documentatie van de JavaScript API: `KleurFlow.generate()`, `KleurFlow.exportSVG()`, `KleurFlow.toCSS()` en meer.
Voorbeelden & templates
25 kant-en-klare templates: hero-banners, knop-gradienten, glasmorphism-achtergronden en donkere-modi thema's.
Foutopsporing
Veelvoorkomende problemen: 'invalid color stop', 'mesh requires 4+ points', Safari fallbacks en bundle-grootte optimalisatie.
Integraties
Plug-ins voor Vite, Webpack, Tailwind, Figma en VS Code. Gebruik KleurFlow in je bestaande workflow zonder wrijving.
Nieuwste documentatie wijzigingen
Ons team voegt wekelijks nieuwe artikelen en voorbeelden toe. Hieronder de laatste updates.
v3.2 — Mesh-gradienten toegevoegd
14 december 2024 — Nieuwe `mesh()` functie met polygonale kleurverdeling. Inclusief 8 stap-voor-stap tutorials en een interactief playground-voorbeeld.
OKLCH-kleurruimte ondersteuning
9 december 2024 — Alle KleurFlow functies werken nu met OKLCH-notatie. Artikel 'Waarom OKLCH voor perceptueel uniforme gradienten' toegevoegd.
Tailwind plug-in v1.0
28 november 2024 — Documentatie voor `@kleurflow/tailwind` met configuratie, utility-classes en JIT-compatibiliteit volledig uitgeschreven.
Figma plug-in handleiding
20 november 2024 — Installeer, configureer en exporteer gradienten direct naar Figma-laagstijlen. Video-tutorial en screenshot-gids toegevoegd.