Outline Text Effect
Stroked typography with a clean transparent fill and a fixed offset shadow, creating a strong sense of depth and visual separation. Ideal for hero headlines or branding sections
Make it with Workshop
Build your own component with AI
About this Component
Stroked typography with a clean transparent fill and a fixed offset shadow, creating a strong sense of depth and visual separation. In static mode, the offset shadow is always visible, making the text appear bold, layered, and impactful. Ideal for hero headlines, typography-focused layouts, posters, branding sections, or editorial design.
Customizable Options :
Text : Define the text content displayed.
Mode : Switch between Hover (animated offset shadow) or Static (always visible offset).
Stroke Color : Set the outline color of the text.
Shadow Color : Control the color of the offset shadow layer.
Stroke Width (px) : Adjust the thickness of the text outline.
Offset X (px) : Control the horizontal displacement of the shadow.
Offset Y (px) : Control the vertical displacement of the shadow.
Font : font, size, weight, letter spacing, and line height.
