Doodles UI

About Doodles UI

Set of 64 hand-drawn SVG doodles.

Use them to point, nudge, label, and celebrate: drop a spark next to a feature, throw a “click here” tag on a CTA, or frame a note with a loose bubble.

Key features

  • 64 original SVGs, lightweight and crisp at any size

  • Works on light or dark backgrounds; scales without blur

  • Framer-ready: drag-in, recolor in one click, animate with Hover, Scroll or Reveal

  • Consistent style language so doodles support content, not compete with it

What’s inside

  • Arrows & motion cues: straight, curved, loopy, wavy

  • Emphasis marks: underlines, waves, sparks, stars, asterisks

  • Speech & note shapes: chat bubbles, clouds, brackets, “OK!” and “Start” tags

  • Microcopy badges: “Click here,” “Hurry up!,” punctuation and exclamation marks

  • Objects: mug, phone, camera, globe, megaphone, shopping cart, lightbulb

  • Currency & symbols: €, £, $, numbers, flags, crowns, sun and more

Perfect for

  • Feature callouts on landing pages

  • Onboarding tips and empty states

  • Social thumbnails, decks, and video frames

  • Editorial notes, checklists, and quick UI highlights

Give your interface a human accent. These doodles turn sterile screens into clear, inviting stories.

For any questions: HiHelenSay@gmail.com