Getting started
InstallationQuick startControlled and uncontrolled state
Entities
The entity modelSockets and widgetsEntity typesFrames and groupsText and commentsImages, video and models
Edges and connections
EdgesConnections
Data
EvaluationSaving and exportingUndo and redoLayout and alignmentThe flow storeGraph queriesClipboard and cloning
Interaction
Canvas and cameraSelectionKeyboardSelection toolbarContext menusDrawingDropping and pasting media
Styling
ThemingEntity stylingFonts and text renderingMinimap
API reference
KookieFlowThe ref instanceHooksUtilitiesTypes
StartEntitiesDataAPI

What's new in Kookie Flow

October 16

  1. Zoomed-out boards. When you zoom out, edges thin to fine lines and cards keep a clear edge.
  2. Skin package renamed. The skin package is now @kushagradhawan/kookie-flow-skin, and its export is skin.

October 15

  1. Swappable skins. The glass look is its own skin package. The canvas reads colors, sizes and materials from the skin.
  2. Old package removed. The all-in-one @kushagradhawan/kookie-flow package is gone. Use the core, WebGL and React packages.
  3. New docs address. The docs live at flow.kookie.design, with the K mark and a work-in-progress notice.
  4. Kookie Flow vs React Flow. A new study compares the two for Womp.

October 14

  1. No motion. Canvas controls appear at once, to match Kookie UI.

September 25

  1. Three packages. Kookie Flow splits into core, WebGL and React packages.

September 19

  1. Studio agent. Studio has an agent panel in every graph, and Home asks the agent.

September 17

  1. Studio models and templates. Studio adds a models catalogue, model pages and curated templates. Graphs move to /graphs.

September 15

  1. Studio app. Studio is a node app built on Kookie Flow, with accounts, a prepaid balance through Stripe, and generation jobs that keep running when the tab closes.

September 11

  1. Media on the canvas. Pictures, video and 3D models sit on the canvas with glass controls. Paste a picture and it appears.
  2. Drawing. A pen draws ink on the canvas.
  3. Editing tools. Undo and redo, alignment guides, align and distribute, and keyboard moves for nodes.
  4. Node previews and progress. A node can show what it produced, and its outline shows progress.

September 10

  1. New look. Nodes are floating squircle cards with a typographic header, edges glow, and the grid is dots. The bundled font is Inter.

September 9

  1. Runs on Kookie UI. Kookie Flow moves to Kookie UI, and widgets and labels draw in WebGL.
Getting started
  • Installation
  • Quick start
  • Controlled and uncontrolled state
Entities
  • The entity model
  • Sockets and widgets
  • Entity types
  • Frames and groups
  • Text and comments
  • Images, video and models
Edges and connections
  • Edges
  • Connections
Data
  • Evaluation
  • Saving and exporting
  • Undo and redo
  • Layout and alignment
  • The flow store
  • Graph queries
  • Clipboard and cloning
Interaction
  • Canvas and camera
  • Selection
  • Keyboard
  • Selection toolbar
  • Context menus
  • Drawing
  • Dropping and pasting media
Styling
  • Theming
  • Entity styling
  • Fonts and text rendering
  • Minimap
API reference
  • KookieFlow
  • The ref instance
  • Hooks
  • Utilities
  • Types
Reference
  • Live demo
  • What's new
  • llms.txt
  • GitHub
MIT licensed. © 2026 Kushagra Dhawan.