Nodes//Nougan Title Font 🌈
ComfyUI Node

Nougan Title Font 🌈

Styled title banners that stay readable at any zoom

By WinnouganΒ·Created 2 months agoΒ·Updated about a month agoΒ· 4
Nougan Title Font 🌈
    • TEXT
    β—„textTITLEβ–Ί
    β—„font_size56β–Ί
    β—„boldtrueβ–Ί
    β—„glowtrueβ–Ί
    β—„styleGradientβ–Ί
    β—„color_a#ff3d7fβ–Ί
    β—„color_b#3da5ffβ–Ί
    β—„animateNoneβ–Ί
    β—„urlβ–Ί

    ComfyUI's default text display is a tiny, zoom-fragile widget that becomes an unreadable squiggle the moment you zoom out to look at a whole workflow. NouganTitleFont is the suite's answer to that: a full-size, styled title banner that stays legible at any zoom, with gradients, neon, glow, and even animations. It's the node you drop at the top of a graph as a live label - "KREA 2 Β· STYLE TEST BATCH" - instead of squinting at the file name.

    How it works

    It's fundamentally a display node - the actual rendering happens in the frontend, drawing the title with your chosen font_size, style, colors, and animate mode onto a DOM banner that sits on the node. What makes it more than a label: it also passes the text through as a TEXT STRING output, so the same title can be reused downstream (a filename, a prompt fragment) if you want. And there's a url field that turns the rendered title into a clickable link - handy when a workflow's title is "reference the tutorial" and you want the tutorial one click away.

    The styles run from plain (Solid) through the flashy (Gradient, Neon, Rainbow, Chrome, Outline), and the animate modes (Pulse, Float, Shimmer, Rainbow Shift, Glow Pulse) are exactly as extra as they sound. glow and bold toggle on top.

    The inputs that matter

    • text - the title itself.
    • font_size - 8–240, default 56.
    • style - the look; Gradient is the default.
    • color_a / color_b - hex colors used by the gradient-style presets (default pinkβ†’blue, the suite's signature).
    • animate - motion mode, None default.
    • url - optional clickable link.

    Output: TEXT, the same string, for reuse downstream.

    Installing

    Manager search Nougan, or:

    cd ComfyUI/custom_nodes
    git clone https://github.com/Winnougan/Nougan_Nodes
    # restart ComfyUI
    

    No dependencies - pure frontend plus a string passthrough. The pack's families each load in their own try/except, and this one is in the core family, so it's basically always there.

    Where people get burned

    The one trap is expecting it to render into your generated image - it doesn't. This is an on-canvas label, not a text-to-image node; if you want typography baked into an output, you need a real text-overlay node. Also, the IS_CHANGED behavior keys on the text alone, so changing a color or style re-renders the banner live without forcing downstream re-runs - which is right for a label but means the TEXT output won't re-fire on a style tweak. Zoom-proof, colored, and occasionally gratuitous. That's its whole personality.

    Categoryutils

    Inputs (9)

    NameTypeDefaultDescription
    textSTRINGTITLEβ€”
    font_sizeINT568–240β€”
    boldBOOLEANtrueβ€”
    glowBOOLEANtrueβ€”
    styleCOMBOGradient6 options: Solid, Gradient, Neon, Rainbow, Outline, Chrome
    color_aSTRING#ff3d7fβ€”
    color_bSTRING#3da5ffβ€”
    animateCOMBONone6 options: None, Pulse, Float, Shimmer, Rainbow Shift, Glow Pulse
    urlSTRINGβ€”

    Outputs (1)

    NameTypeDescription
    TEXTSTRINGβ€”