Draw Line Text

Text 109

About

Here is drawing line text component

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Draw Line Text to your project and fits it to your theme.

Code

How Draw Line Text is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { DrawLineText } from "@/components/ui/draw-line-text";

export const Demo = () => {
    return (
        <DrawLineText
            className="font-medium"
            fontSize={60}
            strokeWidth={1.5}
            text="21st.dev"
            color="var(--color-foreground)"
        />
    );
};

export default Demo;