---
title: "Doodles UI — Free Framer vector · Best of Framer"
description: "Free Framer vector · by Helen Statsevich · Doodles · ranked #38 among Framer vectors. A friendly set of 64 hand-drawn SVG doodles to add human warmth to product pages, onboarding, and slides."
canonical: "https://framer.elliotli.dev/vector/doodles-ui"
---

[Home](/)/[Vectors](/vectors)/[Doodles](/vectors/category/doodles)/Doodles UI

# Doodles UI

A friendly set of 64 hand-drawn SVG doodles to add human warmth to product pages, onboarding, and slides. These marks keep things playful without getting messy: clean single-stroke

[View on Framer](https://framer.com/marketplace/vectors/doodles-ui/?via=elliot-li)

![Doodles UI preview image 1](https://framer.elliotli.dev/og/vector/doodles-ui/4ab68264552a8aa8/1600x1200.jpg)

## Summary

A friendly set of 64 hand-drawn SVG doodles to add human warmth to product pages, onboarding, and slides. These marks keep things playful without getting messy: clean single-stroke

## Description

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

## Rank history [How rankings work →](/terms#rankings)

-   All · #38
-   All · #7195

## Details

- **Author**: Helen Statsevich
- **Published**: 2025-11-21
- **Updated**: 2025-11-21
- **Added**: 2025-11-13
- **Categories**: Doodles

## More like this

-   [Marginalia Accents](/vector/marginalia-accents) — David Reyes · Free — 124 hand-drawn marks and accents
-   [Hand-Drawn Wireframe](/vector/hand-drawn-wireframe) — Karim Saif · $5 — Hand-Drawn Wireframe & UI Annotation Vector Pack Add a human touch, playful energy, and organic visual emphasis to your digital layouts…
-   [Pastel Trinkets](/vector/pastel-trinkets) — Lina · Free — 12 Hand-Drawn Vector Illustrations
-   [Verdant Folk Botanic](/vector/verdant-folk-botanic) — Lina · Free — 12 decorative folk flower vectors