61 components available
Ripple Transition

Sketched Logo

May 2026
A logo reveal that draws a brand-guideline grid, then traces and fills your logo path.
Playground
<SketchedLogo
  pathD="M259.747 76.0451C257.41 72.6974 256.156 68.7094 256.156 64.6227V3.983C256.156 1.78325 254.377 0 252.184 0H198.449C196.256 0 194.477 1.78325 194.477 3.983V79.8582C194.477 83.9452 195.731 87.9332 198.069 91.2809L273.067 198.684C274.025 200.056 274.025 201.881 273.067 203.253L270.706 206.636C269.962 207.701 268.748 208.335 267.452 208.335H82.1803C80.884 208.335 79.6693 207.7 78.9262 206.635L76.7478 203.515C75.7907 202.143 75.7907 200.318 76.7483 198.946L151.931 91.2739C154.268 87.9259 155.522 83.938 155.522 79.8512V3.983C155.522 1.78326 153.744 0 151.55 0H97.8156C95.6219 0 93.8434 1.78325 93.8434 3.983V64.6227C93.8434 68.7094 92.5896 72.6974 90.2521 76.0451L1.4366 203.242C-0.478908 205.985 -0.478864 209.636 1.43671 212.38L39.5378 266.943C40.8757 268.859 43.0617 270 45.3942 270H304.606C306.938 270 309.122 268.859 310.46 266.943L348.561 212.38C350.479 209.636 350.479 205.985 348.564 203.241L259.747 76.0451Z"
  viewBoxWidth={350}
  viewBoxHeight={270}
/>
Source Code
Inspired by: https://www.tryprofound.com