About
Here is Draw Random Underline component
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Draw Random Underline to your project and fits it to your theme.
Code
How Draw Random Underline is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
/* src/demos/default.tsx */
import { UnderlineAnimation } from '@/components/ui/draw-random-underline';
const DemoPage: React.FC = () => {
return (
<div style={{ position: 'relative', width: '100%', minHeight: '100vh', display: 'flex', flexDirection: 'column' }}>
<UnderlineAnimation />
</div>
);
};
export default DemoPage;









