Outline Text

Free

Add outline to the text

Kanishak

How to use

1.Create a new code override file in Framer.

2.Inside the newly created override file, replace the override logic with this code.

import type { ComponentType } from "react"

// Learn more: https://www.framer.com/docs/guides/overrides/

const outlineStyle = {
    // change the outline stoke width and color here
    WebkitTextStroke: "1px #ffffff",
    WebkitTextFillColor: "#ffffff00",
}
export function withTextOutline(Component): ComponentType {
    return (props) => {
        return (
            <Component
                {...props}
                style={{
                    ...props.style,
                    ...outlineStyle,
                }}
            />
        )
    }
}

3.Apply the code override to text layer which you want to have outline.