Integrations — Connecting to Your Workflow

The standard for modern CSS gradients. Seamlessly embed KleurFlow into the tools you already use daily.

Integration Grid

Deploy gradient presets directly into your design and development pipeline without leaving your editor.

Visual Studio Code

Install the official extension to auto-inject @apply directives and gradient variables. Supports live preview in the status bar, intelligent autocomplete for 14,000+ preset stops, and one-click clipboard export for .css and .scss files. Maintained by the KleurFlow engineering team with weekly syncs to the VS Marketplace.

Figma & FigJam

Sync your entire palette library to Figma’s local styles. The plugin maps linear, radial, and conic stops to Figma’s gradient engine, preserving exact hex/RGBA values. Works seamlessly with auto-layout components and automatically updates when your KleurFlow project version increments.

Tailwind CSS

Generate fully optimized tailwind.config.js extensions. Export custom gradient utilities like bg-gradient-to-br-kf-aurora with pre-calculated stop percentages. Includes a CLI scanner that audits your codebase for unused gradient definitions and suggests Tailwind-compatible replacements.

Slack

Share gradient snippets instantly with your design team. The bot renders a compact color preview block in channels, supports slash commands like /kf export #ff00aa #00ffcc, and links directly to the source project dashboard. Integrates with Slack’s canvas for real-time co-editing of color ramps.

API Note

Build custom bridges or automate bulk exports using our versioned REST endpoints.

KleurFlow exposes a public API at api.kleurflow.dev/v2. Authentication uses Bearer tokens generated from your team dashboard. Endpoints support GET /gradients, POST /presets, and GET /sync/status. Rate limits are set to 1,200 requests per hour for standard tiers and 10,000 for enterprise plans. All responses return JSON with ETag headers for efficient caching. Webhook subscriptions are available for real-time sync when a project’s gradient map changes. Documentation includes Postman collections and OpenAPI 3.0 schemas.

Read API Documentation Request Enterprise Access