Components/TuffLogoStroke
Universal Component

TuffLogoStroke

Stroke animation for the current Tuff logo SVG, with once, breathe, and hover trigger modes.

This page was migrated by AI, please review carefully

Migration is complete, but please validate against source code and manual review.

TuffLogoStroke

Stroke animation for the current Tuff logo SVG, with once, breathe, and hover trigger modes.

Animation modes

Modes

Demo loads on client.

Palette and duration customization

Palette

Demo loads on client.

API

Props

NameTypeDefaultDescription
sizestring | number120Icon width and height
mode'once' | 'breathe' | 'hover' | 'loop''once'Animation mode (loop is an alias for breathe)
durationMsnumber2200Animation duration (ms)
strokeColorstring#4C4CFFOuter stroke color
fillStartColorstring#199FFEStart color of core gradient
fillEndColorstring#810DC6End color of core gradient
outerStartColorstring#D73E4DStart color of outer ring gradient
outerEndColorstring#7F007FEnd color of outer ring gradient
Was this helpful?