---
hide:
  - toc
---
<script src="https://cdnjs.cloudflare.com/ajax/libs/dompurify/3.0.8/purify.min.js"></script>
<link rel="stylesheet" href="/styles/workflows.css">

<script src="https://kit.fontawesome.com/c9c3956d39.js" crossorigin="anonymous"></script>


<section class="mdx-container portfolio-section">
  <div class="md-grid md-typeset">
    <div class="text-center">
      <h1>Workflow Blocks</h1>
    </div>
    
      
      <div class="section">
        <h2>Models</h2>
        <div class="blocks">
            <div class="custom-grid">
            



            <a href="object_detection_model">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-chart-network" > </i>  Object Detection Model</div>
                <div class="block_description">Predict the location of objects with bounding boxes.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="instance_segmentation_model">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-chart-network" > </i>  Instance Segmentation Model</div>
                <div class="block_description">Predict the shape, size, and location of objects.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="single_label_classification_model">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-chart-network" > </i>  Single-Label Classification Model</div>
                <div class="block_description">Apply a single tag to an image.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="multi_label_classification_model">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-chart-network" > </i>  Multi-Label Classification Model</div>
                <div class="block_description">Apply multiple tags to an image.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="semantic_segmentation_model">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-paint-brush" > </i>  Semantic Segmentation Model</div>
                <div class="block_description">Assign a class label to every pixel in the image.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="keypoint_detection_model">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-chart-network" > </i>  Keypoint Detection Model</div>
                <div class="block_description">Predict skeletons on objects.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="anthropic_claude">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-a" > </i>  Anthropic Claude</div>
                <div class="block_description">Run Anthropic Claude model with vision capabilities.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="google_gemini">
              <div class="block">
                
                <div class="block_name"> <i class="fa-brands fa-google" > </i>  Google Gemini</div>
                <div class="block_description">Run Google's Gemini model with vision capabilities.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="open_ai">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-atom" > </i>  OpenAI</div>
                <div class="block_description">Run OpenAI's GPT models with vision capabilities.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="depth_estimation">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-atom" > </i>  Depth Estimation</div>
                <div class="block_description">Run Depth Estimation on an image.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="florence2_model">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-atom" > </i>  Florence-2 Model</div>
                <div class="block_description">Run Florence-2 on an image</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="qwen_vl">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-atom" > </i>  Qwen-VL</div>
                <div class="block_description">Run any Qwen vision model — natively or via OpenRouter.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="smol_vlm2">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-atom" > </i>  SmolVLM2</div>
                <div class="block_description">Run SmolVLM2 on an image.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="moondream2">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-atom" > </i>  Moondream2</div>
                <div class="block_description">Run Moondream2 on an image.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="open_router">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-globe" > </i>  OpenRouter</div>
                <div class="block_description">Run any OpenRouter model by pasting its model slug.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="qwen3.5">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-atom" > </i>  Qwen3.5</div>
                <div class="block_description">Run Qwen3.5 on an image.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="yolo_world_model">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-atom" > </i>  YOLO-World Model</div>
                <div class="block_description">Run a zero-shot object detection model.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="cog_vlm">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-atom" > </i>  CogVLM</div>
                <div class="block_description">DEPRECATED! Run a self-hosted vision language model.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="sam3">
              <div class="block">
                
                <div class="block_name"> <i class="fa-solid fa-eye" > </i>  SAM 3</div>
                <div class="block_description">Run SAM3 with text prompts for zero-shot segmentation.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="seg_preview">
              <div class="block">
                
                <div class="block_name"> <i class="fa-solid fa-eye" > </i>  Seg Preview</div>
                <div class="block_description">Seg Preview</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="segment_anything2_model">
              <div class="block">
                
                <div class="block_name"> <i class="fa-brands fa-meta" > </i>  Segment Anything 2 Model</div>
                <div class="block_description">Convert bounding boxes to polygons, or run SAM2 on an entire image to generate a mask.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="clip_embedding_model">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-paperclip" > </i>  CLIP Embedding Model</div>
                <div class="block_description">Generate an embedding of an image or string.</div>
                <!-- <div class="block_license">MIT</div> -->
              </div>
            </a>


          
          



            <a href="perception_encoder_embedding_model">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-paperclip" > </i>  Perception Encoder Embedding Model</div>
                <div class="block_description">Generate an embedding of an image or string.</div>
                <!-- <div class="block_license">MIT</div> -->
              </div>
            </a>


          
          



            <a href="clip_comparison">
              <div class="block">
                
                <div class="block_name"> <i class="fak fa-message-image" > </i>  Clip Comparison</div>
                <div class="block_description">Compare CLIP image and text embeddings.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="ocr_model">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-text" > </i>  OCR Model</div>
                <div class="block_description">Extract text from an image using DocTR optical character recognition.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="glmocr">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-text" > </i>  GLM-OCR</div>
                <div class="block_description">Run GLM-OCR on an image to recognize text.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="easy_ocr">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-text" > </i>  EasyOCR</div>
                <div class="block_description">Extract text from an image using EasyOCR optical character recognition.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="barcode_detection">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-barcode" > </i>  Barcode Detection</div>
                <div class="block_description">Detect and read barcodes in an image.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="qr_code_detection">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-qrcode" > </i>  QR Code Detection</div>
                <div class="block_description">Detect and read QR codes in an image.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="stability_ai_inpainting">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-palette" > </i>  Stability AI Inpainting</div>
                <div class="block_description">Use segmentation masks to inpaint objects within an image.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="stability_ai_outpainting">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-palette" > </i>  Stability AI Outpainting</div>
                <div class="block_description">Use object detection bounding box to crop the image and to outpaint within given directions.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="google_vision_ocr">
              <div class="block">
                
                <div class="block_name"> <i class="fa-brands fa-google" > </i>  Google Vision OCR</div>
                <div class="block_description">Detect text in images using Google Vision API</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="stability_ai_image_generation">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-palette" > </i>  Stability AI Image Generation</div>
                <div class="block_description">generate new images from text, or create variations of existing images.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="llama3.2_vision">
              <div class="block">
                
                <div class="block_name"> <i class="fa-brands fa-meta" > </i>  Llama 3.2 Vision</div>
                <div class="block_description">Run Llama 3.2 Vision via OpenRouter.</div>
                <!-- <div class="block_license">LLAMA 3.2 COMMUNITY LICENSE</div> -->
              </div>
            </a>


          
          



            <a href="google_gemma">
              <div class="block">
                
                <div class="block_name"> <i class="fa-brands fa-google" > </i>  Google Gemma</div>
                <div class="block_description">Run Google's Gemma model with vision capabilities via OpenRouter.</div>
                <!-- <div class="block_license">GEMMA TERMS OF USE</div> -->
              </div>
            </a>


          
          



            <a href="open_ai_compatible_llm">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-atom" > </i>  OpenAI-Compatible LLM</div>
                <div class="block_description">Send prompts to any OpenAI-compatible API endpoint.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="moonshot_ai_kimi">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-atom" > </i>  MoonshotAI Kimi</div>
                <div class="block_description">Run Moonshot AI Kimi vision-language models via OpenRouter.</div>
                <!-- <div class="block_license">MOONSHOT AI KIMI LICENSE</div> -->
              </div>
            </a>


          
          
          </div>
        </div> 
      </div>
      
      <div class="section">
        <h2>Visualizations</h2>
        <div class="blocks">
            <div class="custom-grid">
            



            <a href="bounding_box_visualization">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-object-group" > </i>  Bounding Box Visualization</div>
                <div class="block_description">Draw a box around detected objects in an image.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="dot_visualization">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-palette" > </i>  Dot Visualization</div>
                <div class="block_description">Draw dots on an image at specific coordinates based on provided detections.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="polygon_visualization">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-shapes" > </i>  Polygon Visualization</div>
                <div class="block_description">Draw a polygon around detected objects in an image.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="label_visualization">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-tag" > </i>  Label Visualization</div>
                <div class="block_description">Draw labels on an image at specific coordinates based on provided detections.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="classification_label_visualization">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-tags" > </i>  Classification Label Visualization</div>
                <div class="block_description">Visualize both single-label and multi-label classification predictions with customizable display options.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="background_color_visualization">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-fill-drip" > </i>  Background Color Visualization</div>
                <div class="block_description">Apply a mask to cover all areas outside the detected regions in an image.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="text_display">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-font" > </i>  Text Display</div>
                <div class="block_description">Display customizable text on an image with styling and positioning options.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="blur_visualization">
              <div class="block">
                
                <div class="block_name"> <i class="fad fa-glasses" > </i>  Blur Visualization</div>
                <div class="block_description">Blur detected objects in an image.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="heatmap_visualization">
              <div class="block">
                
                <div class="block_name"> <i class="fas fa-fire" > </i>  Heatmap Visualization</div>
                <div class="block_description">Draw a heatmap based on detections in an image.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="circle_visualization">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-circle" > </i>  Circle Visualization</div>
                <div class="block_description">Draw a circle around detected objects in an image.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="icon_visualization">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-image" > </i>  Icon Visualization</div>
                <div class="block_description">Draw icons on an image either at specific static coordinates or dynamically based on detections.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="color_visualization">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-palette" > </i>  Color Visualization</div>
                <div class="block_description">Paint a solid color on detected objects in an image.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="corner_visualization">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-expand" > </i>  Corner Visualization</div>
                <div class="block_description">Draw the corners of detected objects in an image.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="crop_visualization">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-crop-alt" > </i>  Crop Visualization</div>
                <div class="block_description">Draw scaled up crops of detections on the scene.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="ellipse_visualization">
              <div class="block">
                
                <div class="block_name"> <i class="fad fa-dot-circle" > </i>  Ellipse Visualization</div>
                <div class="block_description">Draw ellipses that highlight detected objects in an image.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="halo_visualization">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-lightbulb-on" > </i>  Halo Visualization</div>
                <div class="block_description">Paint a halo around detected objects in an image.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="mask_visualization">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-mask" > </i>  Mask Visualization</div>
                <div class="block_description">Apply a mask over detected objects in an image.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="pixelate_visualization">
              <div class="block">
                
                <div class="block_name"> <i class="fad fa-grid" > </i>  Pixelate Visualization</div>
                <div class="block_description">Pixelate detected objects in an image.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="triangle_visualization">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-triangle" > </i>  Triangle Visualization</div>
                <div class="block_description">Draw triangle markers on an image at specific coordinates based on provided detections.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="line_counter_visualization">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-arrow-down-up-across-line" > </i>  Line Counter Visualization</div>
                <div class="block_description">Apply a mask over a line zone in an image.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="polygon_zone_visualization">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-hexagon" > </i>  Polygon Zone Visualization</div>
                <div class="block_description">Apply a mask over a polygon zone in an image.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="model_comparison_visualization">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-not-equal" > </i>  Model Comparison Visualization</div>
                <div class="block_description">Visualize the difference between two models' detections.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="trace_visualization">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-scribble" > </i>  Trace Visualization</div>
                <div class="block_description">Draw traces based on detections tracking results.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="reference_path_visualization">
              <div class="block">
                
                <div class="block_name"> <i class="fas fa-road" > </i>  Reference Path Visualization</div>
                <div class="block_description">Draw a reference path in the image.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="keypoint_visualization">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-braille" > </i>  Keypoint Visualization</div>
                <div class="block_description">Draw keypoints on detected objects in an image.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="grid_visualization">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-grid" > </i>  Grid Visualization</div>
                <div class="block_description">Shows an array of images in a grid.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          
          </div>
        </div> 
      </div>
      
      <div class="section">
        <h2>Logic and branching</h2>
        <div class="blocks">
            <div class="custom-grid">
            



            <a href="continue_if">
              <div class="block">
                
                <div class="block_name"> <i class="fak fa-branching" > </i>  Continue If</div>
                <div class="block_description">Conditionally stop execution of a branch.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="detections_filter">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-filter" > </i>  Detections Filter</div>
                <div class="block_description">Conditionally filter out model predictions.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="overlap_filter">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-square-o" > </i>  Overlap Filter</div>
                <div class="block_description">Filter objects overlapping some other class</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="per_class_confidence_filter">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-filter" > </i>  Per-Class Confidence Filter</div>
                <div class="block_description">Filter detections by applying a per-class confidence threshold.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="inner_workflow">
              <div class="block">
                
                <div class="block_name"> <i class="fak fa-diagram-nested" > </i>  Inner Workflow</div>
                <div class="block_description">Run a nested workflow definition with parameters mapped from the parent workflow.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="rate_limiter">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-clock" > </i>  Rate Limiter</div>
                <div class="block_description">Limits the rate at which a branch of the Workflow will run.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="delta_filter">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-arrow-progress" > </i>  Delta Filter</div>
                <div class="block_description">Allow the execution of workflow to proceed if the input value has changed.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="detections_consensus">
              <div class="block">
                
                <div class="block_name"> <i class="fak fa-circles-overlap" > </i>  Detections Consensus</div>
                <div class="block_description">Combine predictions from multiple detections models to make a decision about object presence.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          
          </div>
        </div> 
      </div>
      
      <div class="section">
        <h2>Data storage</h2>
        <div class="blocks">
            <div class="custom-grid">
            



            <a href="roboflow_dataset_upload">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-upload" > </i>  Roboflow Dataset Upload</div>
                <div class="block_description">Save images and predictions to your Roboflow Dataset.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="roboflow_asset_library_attributes">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-tags" > </i>  Roboflow Asset Library Attributes</div>
                <div class="block_description">Update attributes and tags for Asset Library images.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="webhook_sink">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-webhook" > </i>  Webhook Sink</div>
                <div class="block_description">Send a request to a remote API with Workflow results.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="roboflow_vision_events">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-eye" > </i>  Roboflow Vision Events</div>
                <div class="block_description">Send vision events to the Roboflow Vision Events API.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="csv_formatter">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-file-csv" > </i>  CSV Formatter</div>
                <div class="block_description">Create CSV files with specified columns.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="local_file_sink">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-file" > </i>  Local File Sink</div>
                <div class="block_description">Save data to a local file.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="microsoft_sql_server_sink">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-database" > </i>  Microsoft SQL Server Sink</div>
                <div class="block_description">Save data to a Microsoft SQL Server database.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="data_aggregator">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-database" > </i>  Data Aggregator</div>
                <div class="block_description">Aggregate workflow data to produce time-based statistics.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="s3_sink">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-cloud-upload" > </i>  S3 Sink</div>
                <div class="block_description">Upload data to an AWS S3 bucket.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          
          </div>
        </div> 
      </div>
      
      <div class="section">
        <h2>Notifications</h2>
        <div class="blocks">
            <div class="custom-grid">
            



            <a href="email_notification">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-envelope" > </i>  Email Notification</div>
                <div class="block_description">Send notification via e-mail.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="twilio_smsmms_notification">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-comment-sms" > </i>  Twilio SMS/MMS Notification</div>
                <div class="block_description">Send SMS/MMS notifications via Twilio.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="slack_notification">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-brands fa-slack" > </i>  Slack Notification</div>
                <div class="block_description">Send notification via Slack.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="twilio_sms_notification">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-comment-sms" > </i>  Twilio SMS Notification</div>
                <div class="block_description">Send notification via Twilio SMS service.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          
          </div>
        </div> 
      </div>
      
      <div class="section">
        <h2>Transformations</h2>
        <div class="blocks">
            <div class="custom-grid">
            



            <a href="dynamic_crop">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-crop-alt" > </i>  Dynamic Crop</div>
                <div class="block_description">Crop an image using bounding boxes from a detection model.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="absolute_static_crop">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-crop-alt" > </i>  Absolute Static Crop</div>
                <div class="block_description">Crop an image using fixed pixel coordinates.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="camera_calibration">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-crop-alt" > </i>  Camera Calibration</div>
                <div class="block_description">Remove camera lens distortions from an image using a calibration table.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="qr_code_generator">
              <div class="block">
                
                <div class="block_name"> <i class="fas fa-qrcode" > </i>  QR Code Generator</div>
                <div class="block_description">Generate a QR code image from text input.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="relative_static_crop">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-crop-alt" > </i>  Relative Static Crop</div>
                <div class="block_description">Crop an image proportional (%) to its dimensions.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="detection_offset">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-distribute-spacing-horizontal" > </i>  Detection Offset</div>
                <div class="block_description">Apply a padding around the width and height of detections.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="detections_transformation">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-expand" > </i>  Detections Transformation</div>
                <div class="block_description">Apply transformations on detected bounding boxes.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="bounding_rectangle">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-rectangles-mixed" > </i>  Bounding Rectangle</div>
                <div class="block_description">Find the minimal bounding box surrounding the detected polygon.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="detections_merge">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-object-union" > </i>  Detections Merge</div>
                <div class="block_description">Merge multiple detections into a single bounding box.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="detections_combine">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-object-union" > </i>  Detections Combine</div>
                <div class="block_description">Combines two sets of predictions into a single prediction.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="stitch_images">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-object-union" > </i>  Stitch Images</div>
                <div class="block_description">Stitch two images by common parts.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          
          </div>
        </div> 
      </div>
      
      <div class="section">
        <h2>Classical computer vision</h2>
        <div class="blocks">
            <div class="custom-grid">
            



            <a href="image_preprocessing">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-image" > </i>  Image Preprocessing</div>
                <div class="block_description">Resize, flip, or rotate an image.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="template_matching">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-crosshairs" > </i>  Template Matching</div>
                <div class="block_description">Locate instances of a given template within a specified image.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="dominant_color">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-palette" > </i>  Dominant Color</div>
                <div class="block_description">Get the dominant color of an image in RGB format.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="pixel_color_count">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-tally" > </i>  Pixel Color Count</div>
                <div class="block_description">Count the number of pixels that match a specific color within a given tolerance.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="sift_comparison">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-magnifying-glass-arrows-rotate" > </i>  SIFT Comparison</div>
                <div class="block_description">Compare SIFT descriptors from multiple images.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="image_contours">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-border-all" > </i>  Image Contours</div>
                <div class="block_description">Find and count the contours on an image.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="sift">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-grid-2-plus" > </i>  SIFT</div>
                <div class="block_description">Apply SIFT to an image.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="contrast_equalization">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-image" > </i>  Contrast Equalization</div>
                <div class="block_description">Apply contrast equalization to an image.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="image_blur">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-droplet" > </i>  Image Blur</div>
                <div class="block_description">Apply a blur to an image.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="morphological_transformation">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-image" > </i>  Morphological Transformation</div>
                <div class="block_description">Apply morphological transformation to color images.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="image_threshold">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-circle-half-stroke" > </i>  Image Threshold</div>
                <div class="block_description">Apply a threshold to an image.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="image_convert_grayscale">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-palette" > </i>  Image Convert Grayscale</div>
                <div class="block_description">Convert an RGB image to grayscale.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="camera_focus">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-aperture" > </i>  Camera Focus</div>
                <div class="block_description">Calculate a score to indicate how well-focused a camera is.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="size_measurement">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-ruler" > </i>  Size Measurement</div>
                <div class="block_description">Measure the dimensions of objects in relation to a reference object.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="contrast_enhancement">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-adjust" > </i>  Contrast Enhancement</div>
                <div class="block_description">Enhance image contrast by normalizing the histogram to use the full dynamic range.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="distance_measurement">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-ruler-triangle" > </i>  Distance Measurement</div>
                <div class="block_description">Calculate the distance between two bounding boxes on a 2D plane.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="mask_area_measurement">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-ruler-combined" > </i>  Mask Area Measurement</div>
                <div class="block_description">Measure the area of detected objects and optionally convert to real-world units.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="mask_edge_snap">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-scissors" > </i>  Mask Edge Snap</div>
                <div class="block_description">Refine instance segmentation masks by snapping edges to detected boundaries.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          
          </div>
        </div> 
      </div>
      
      <div class="section">
        <h2>Video</h2>
        <div class="blocks">
            <div class="custom-grid">
            



            <a href="byte_track_tracker">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-location-crosshairs" > </i>  ByteTrack Tracker</div>
                <div class="block_description">Tracks objects across frames. Best for most scenes.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="bo_tsort_tracker">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-location-crosshairs" > </i>  BoT-SORT Tracker</div>
                <div class="block_description">ByteTrack-style association with optional camera motion compensation (BoT-SORT).</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="sort_tracker">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-location-crosshairs" > </i>  SORT Tracker</div>
                <div class="block_description">Fast, lightweight object tracking. Works best when objects are clearly visible.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="ocsort_tracker">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-location-crosshairs" > </i>  OC-SORT Tracker</div>
                <div class="block_description">Tracks objects through occlusion and unpredictable movement.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="timein_zone">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-timer" > </i>  Time in Zone</div>
                <div class="block_description">Track object time in zone.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="ptz_tracking(onvif)">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-camera-cctv" > </i>  PTZ Tracking (ONVIF)</div>
                <div class="block_description">Control an ONVIF compatible PTZ camera to follow an object</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="line_counter">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-arrow-down-up-across-line" > </i>  Line Counter</div>
                <div class="block_description">Count detections passing a line.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="velocity">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-gauge" > </i>  Velocity</div>
                <div class="block_description">Calculate the velocity and speed of tracked objects with smoothing and unit conversion.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="path_deviation">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-road" > </i>  Path Deviation</div>
                <div class="block_description">Calculate Fréchet distance of object from the reference path.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="detections_stabilizer">
              <div class="block">
                
                <div class="block_name"> <i class="fas fa-waveform-lines" > </i>  Detections Stabilizer</div>
                <div class="block_description">Apply a smoothing algorithm to reduce noise and flickering across video frames.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="motion_detection">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-bell-exclamation" > </i>  Motion Detection</div>
                <div class="block_description">Detect motion in a video using OpenCV.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="background_subtraction">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-circle-minus" > </i>  Background Subtraction</div>
                <div class="block_description">Subtract an image from its background history.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="sam2_video_tracker">
              <div class="block">
                
                <div class="block_name"> <i class="fa-brands fa-meta" > </i>  SAM2 Video Tracker</div>
                <div class="block_description">Segment and track objects across video frames with SAM2's streaming camera predictor.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="buffer">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-layer-group" > </i>  Buffer</div>
                <div class="block_description">Returns an array of the last `length` values passed to it.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="image_stack">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-layer-group" > </i>  Image Stack</div>
                <div class="block_description">Accumulate compressed video frames into a fixed-size FIFO stack.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="identify_outliers">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-chart-scatter-bubble" > </i>  Identify Outliers</div>
                <div class="block_description">Identify outlier embeddings compared to prior data.</div>
                <!-- <div class="block_license">MIT</div> -->
              </div>
            </a>


          
          



            <a href="identify_changes">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-triangle" > </i>  Identify Changes</div>
                <div class="block_description">Identify changes compared to prior data via embeddings.</div>
                <!-- <div class="block_license">MIT</div> -->
              </div>
            </a>


          
          
          </div>
        </div> 
      </div>
      
      <div class="section">
        <h2>Advanced</h2>
        <div class="blocks">
            <div class="custom-grid">
            



            <a href="property_definition">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-gear-code" > </i>  Property Definition</div>
                <div class="block_description">Define a variable from model predictions, such as the class names, confidences, or number of detections.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="expression">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-code" > </i>  Expression</div>
                <div class="block_description">Create a specific output based on defined input variables and configured rules.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="perspective_correction">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-toolbox" > </i>  Perspective Correction</div>
                <div class="block_description">Adjust detection coordinates from a polygon-defined plane to a straight rectangular plane with specified width and height.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="stitch_ocr_detections">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-reel" > </i>  Stitch OCR Detections</div>
                <div class="block_description">Combines OCR detection results into a coherent text string by organizing detections spatially.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="dynamic_zone">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-square-dashed" > </i>  Dynamic Zone</div>
                <div class="block_description">Simplify polygons so they are geometrically convex and contain only the requested amount of vertices.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="cosine_similarity">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-calculator-simple" > </i>  Cosine Similarity</div>
                <div class="block_description">Calculate the cosine similarity between two embeddings.</div>
                <!-- <div class="block_license">MIT</div> -->
              </div>
            </a>


          
          



            <a href="detections_classes_replacement">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-arrow-right-arrow-left" > </i>  Detections Classes Replacement</div>
                <div class="block_description">Replace classes of detections with classes predicted by a chained classification model.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="json_parser">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-table-tree" > </i>  JSON Parser</div>
                <div class="block_description">Parse raw string into JSON.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="vlm_as_classifier">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-tags" > </i>  VLM As Classifier</div>
                <div class="block_description">Parse a raw string into a classification prediction.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="vlm_as_detector">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-object-ungroup" > </i>  VLM As Detector</div>
                <div class="block_description">Parses raw string into object-detection prediction.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="dimension_collapse">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-layer-minus" > </i>  Dimension Collapse</div>
                <div class="block_description">Collapse dimensionality by aggregating nested data into a single list.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="detections_list_roll_up">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-bring-front" > </i>  Detections List Roll-Up</div>
                <div class="block_description">Roll up multiple levels of dimensionality back to a single dimension.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="first_non_empty_or_default">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-empty-set" > </i>  First Non Empty Or Default</div>
                <div class="block_description">Take the first non-empty data element or the configured default value.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="roboflow_custom_metadata">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-analytics" > </i>  Roboflow Custom Metadata</div>
                <div class="block_description">Add custom metadata to the Roboflow Model Monitoring dashboard.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="model_monitoring_inference_aggregator">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-chart-line" > </i>  Model Monitoring Inference Aggregator</div>
                <div class="block_description">Periodically report an aggregated sample of inference results to Roboflow Model Monitoring.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="image_slicer">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-scissors" > </i>  Image Slicer</div>
                <div class="block_description">Tile the input image into a list of smaller images to perform small object detection.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="current_time">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-clock" > </i>  Current Time</div>
                <div class="block_description">Output the current date and time for a given timezone.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="detections_stitch">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-reel" > </i>  Detections Stitch</div>
                <div class="block_description">Merges detections made against multiple pieces of input image into single detection.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="cache_get">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-memory" > </i>  Cache Get</div>
                <div class="block_description">Fetches a previously stored value from a cache entry.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="cache_set">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-memory" > </i>  Cache Set</div>
                <div class="block_description">Stores a value in a cache entry for later retrieval.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          



            <a href="environment_secrets_store">
              <div class="block">
                
                <div class="block_name"> <i class="far fa-key" > </i>  Environment Secrets Store</div>
                <div class="block_description">Fetch secrets from environmental variables.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          
          </div>
        </div> 
      </div>
      
      <div class="section">
        <h2>Industrial</h2>
        <div class="blocks">
            <div class="custom-grid">
            



            <a href="event_writer">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-calendar-check" > </i>  Event Writer</div>
                <div class="block_description">Write structured events to the Event Ingestion Service.</div>
                <!-- <div class="block_license">ROBOFLOW ENTERPRISE LICENSE</div> -->
              </div>
            </a>


          
          



            <a href="mqtt_writer">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-network-wired" > </i>  MQTT Writer</div>
                <div class="block_description">Publishes messages to an MQTT broker.</div>
                <!-- <div class="block_license">ROBOFLOW ENTERPRISE LICENSE</div> -->
              </div>
            </a>


          
          



            <a href="opcua_writer_sink">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-industry" > </i>  OPC UA Writer Sink</div>
                <div class="block_description">Writes data to an OPC UA server using the [asyncua](https://github.com/FreeOpcUa/opcua-asyncio) library for communication.</div>
                <!-- <div class="block_license">ROBOFLOW ENTERPRISE LICENSE</div> -->
              </div>
            </a>


          
          



            <a href="plc_ethernet_ip">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-microchip" > </i>  PLC EthernetIP</div>
                <div class="block_description">Generic PLC read/write block using pylogix over Ethernet/IP.</div>
                <!-- <div class="block_license">ROBOFLOW ENTERPRISE LICENSE</div> -->
              </div>
            </a>


          
          



            <a href="plc_modbus_tcp">
              <div class="block">
                
                <div class="block_name"> <i class="fal fa-network-wired" > </i>  PLC ModbusTCP</div>
                <div class="block_description">Generic Modbus TCP read/write block using pymodbus.</div>
                <!-- <div class="block_license">APACHE-2.0</div> -->
              </div>
            </a>


          
          
          </div>
        </div> 
      </div>
      
    </div>
  </div>
</section>

<style>
/* hide edit button for generated pages */
article > a.md-content__button.md-icon:first-child {
    display: none;
}

.block {
  border: 1px solid black;
  border-radius: 4px;
  padding: 10px;
  height: 100px;
}

.block_name {
  font-size: large;
  color: black;
}

.block_description {
    font-size: 0.65em;
    padding-top: 5px;
    color: #444;
}

.block_license {
  background-color: #14b8a6; 
  color: #fff; 
  padding: 2px 4px;
  border-radius: 4px; 
  font-size: small;
}


</style>