--- title: "Crazy Highlights 'n Doodles Demo | Hand-Drawn Effects & Doodles" description: Explore hand-drawn highlights, arrows, stickers, image masks, animations, handwritten notes and creative doodles for YOOtheme Pro. --- # Crazy Highlights ’n Doodles Hand-drawn highlighter strokes for YOOtheme Pro. The new **Flowing** engine draws a unique marker per element and wraps like a real pen. hand-drawn marker ### Try it yourself Drag the sliders. Roughness, grain and character (seed) update the marker live, and the text colour adapts for contrast. Your text Colour Roughness8 Grain horizontal0.02 Grain vertical0.06 Character2 Lorem ipsum Mark my words! dolor sit amet. ### Wraps like a real marker The Marker engine draws one rectangle behind all lines. The Flowing engine draws per line, so every wrapped line keeps its own rough left and right edge: this longer highlight runs across more than one line, and because the Flowing engine draws its stroke per line, every single line gets its own rough hand-drawn left and right edge instead of one flat rectangle behind the whole block ### Tune every stroke Roughness, grain and character (seed) are set per element. No two highlights need look the same: soft · roughness 2 medium · roughness 10 rough · roughness 22 ### Six marker looks Prefer a fixed pen look? The Marker engine ships six: classic wavy faded thick scribble glossy ## Crazy Arrow Hand-drawn arrows in five styles. Place and aim them with rotation and flip - no JavaScript, robust on every screen. Click me ### Five styles ### More styles - new in v0.23 Wavy Zigzag Return / U-turn Double-headed Dashed Dotted ## Crazy Underline Underline a heading or a word. Tuck it under the text and shorten the stroke with the length control. ### totally worth it ### Four styles ### Stroke length 100 / 60 / 30% ## Crazy Circle Circle a word inline (it scales with the text), or drop a standalone circle. this word amazing wow ### Standalone ### More styles - new in v0.23 Oval underline Square ring Spiral Half-arc Triple line ## Crazy Cross Cross things out or mark them. Cross (X), strikethrough, double strike and scribble-out. ## Crazy Handwriting Handwritten notes in the Caveat font, hosted locally (no Google CDN). Totally free! look here new this week ## Crazy Sticker Original doodle stickers - solid or outline, with a hand-cut edge. Eight shapes. ## Crazy Divider A hand-drawn separator instead of a flat rule. Five line styles, any colour, and a width that fits the space - no JavaScript. ### Wavy ### Straight sketch ### Zigzag ### Dashed ### Dotted ### Theme colour, 40% width The same Look presets work on every doodle. Here the wavy divider, one seed, three looks: ### Subtle ### Marker ### Wild ## Crazy Post-it A handwritten sticky note on a coloured square, with a folded corner, a soft shadow and a slight tilt. Pick a classic sticky colour or your own. Note to self: ship it! Don't forget the release notes Demo call @ 3 pm On brand! ## Crazy Box & Callout Hand-drawn frames around your words: a box for a sharp outline, a callout bubble with a tail. Any colour, outline or a light tint, and it scales to fit the text. ### Box Mark my words! or with a light tint ### Callout psst, look here on brand ## Crazy Image Mask Cut any image into a hand-drawn shape, with a choice of edge. New in v0.24, expanded in v0.25. ### Eight shapes Torn paper Brush stroke Blob Rough circle Heart Star Hexagon Ink splatter ### Three edges - same shape Rough Torn Soft fade ## Rainbow & gradients Every colour picker now has Rainbow, Sunset and Ocean - next to the theme colours and a custom picker. gradient text ## New in v0.18.0 The latest doodle upgrades - all live on this page. ### Clickable doodles Arrows and stickers can now be links. The arrow below is clickable and points at the button - one tap, same destination. [Browse extensions](https://www.yoozecase.com/) ### Badge stickers Add a short label inside the speech-bubble or burst shapes - perfect for NEW or a price drop. The text stays readable and upright. NEW -50% ### One-click Look presets Pick Subtle, Marker or Wild and the hand-drawn edge is set for you - no slider juggling. Same underline, three looks: #### Subtle #### Marker #### Wild ## New in v0.19 - v0.20 Reveal-on-scroll animation and theme-aware colours - all live on this page. ### Doodles that draw themselves Set Reveal animation to Draw in and the line sketches on as it scrolls into view. Fade in works on any element. Visitors who prefer reduced motion simply see everything at once. scroll me in ### Theme colours that match your site Set Reveal animation aside - the Theme presets (Primary, Secondary, Muted) now read your real YOOtheme Customizer colours, so a doodle matches your site automatically. Any other colour? Use the Custom picker. on brand ## New in v0.21 Theme-matched sticky notes and two fresh reveal animations - all live on this page. ### Sticky notes in your theme colour Post-it now reads your real YOOtheme Customizer colour. On brand! ### Pop in ### Wipe in drawn on as you scroll ## New in v0.26.0: Dynamic Content Every content-bearing element can now pull its text or image from a source instead of a value typed in the builder. Bind to a Joomla article field, a custom field or a ZOO 4+ item. The highlight below is not typed in: its text is mapped to this article's title through Dynamic Content. Crazy Highlights 'n Doodles Demo Mapped to Page / Article → Title. An empty source renders nothing. ## New in v0.27.0: Sparks & Quotes Three new hand-drawn accents, all in the same style and palette as the rest of the set: a spark burst or scattered twinkles, big quotation marks, and sparks around handwriting. the words that matter Crazy Quote - around-text mode Crazy Sparkle - burst Crazy Sparkle - scatter (with shimmer) doodle your story Crazy Handwriting - with spark accents ## New in v0.28.0: Hands, Hearts, Balloons & Ticks Four new hand-drawn accents join the set, all in the same style and palette: hand signs, a heart, speech and thought balloons, and a tick. Crazy Sparkle also gained gloss and confetti. Hand - wave Hand - thumbs up Heart - filled, gloss + spark Heart - outline Check ? Speech - rounded, ? ! Speech - round, ! ... Thought cloud, ... Sparkle - scatter, gloss Sparkle - confetti ## New in v0.29.0: Better hands, a quote tile and minigames The hands were redrawn and joined by two more gestures, there is a new quote tile, and three small games you can actually play: tic-tac-toe, hangman and a coin flip. Wave Point up Point right Thumbs up Peace > Our pages finally look hand-made, not template-made. Crazy Quote Tile Tic-tac-toe needs JavaScript to play. Tic-tac-toe (vs computer) Coin flip needs JavaScript to play. Coin flip Hangman needs JavaScript to play. Hangman (own words) ## Frequently asked questions ## New in v0.30.0 – Outside the lines A new third style next to Filled and Outline: the colour runs just past a hand-drawn ink line, like a hand-coloured doodle. The first step of the YOOzeCase doodle style set. Set **Style** to **Outside the lines** on a Heart, Sticker, Speech or Quote and tune ink colour, colour spill and tilt. Heart Sticker hoi! Speech Quote ### Filled – Outline – Outside the lines Filled Outline Outside the lines ## New in v0.31.0 – Image Mask shape kit Eight new hand-drawn mask shapes join the set, so an image can be clipped into far more organic forms. Each works with the Rough, Torn and Soft edge, the hand-drawn border and Dynamic Content. Blob 2 Blob 3 Droplet Leaf Cloud Arch / window Pebble Paint stroke ## New in v0.32.0 – Spring reveal A new "Spring in" reveal on every animated element: the doodle springs into view with a short overshoot and settle. Scroll it into view to see it play. Reduced-motion users see it instantly. Heart Sticker hoi! Speech Check ## New in v0.33 – v0.35 The latest additions, in one compact row each: a square sticky note, a hand-drawn on/off switch, glowing neon text, and two tidy tiles that gather the small doodles and the games. ### Square sticky notes Squared off and tidy. ### Crazy Toggle ### Crazy Neon OPEN ### One Crazy Doodle tile Arrow, underline, circle, cross, check behind one Shape dropdown. ### One Crazy Game tile Tic-tac-toe, hangman, coin flip from one Game dropdown. Coin says Heads / Tails. Coin flip needs JavaScript to play. ## New in v0.36 – v0.37 Redrawn hands with skin tones, ink-and-spill boxes and callouts, a wilder scribble, a smarter flowing edge – and three bold new scene masks. Scene mask – Bubbles Scene mask – Splash Scene mask – Brush strokes Hands, redrawn – skin tones Point, ink + spill Peace, ink + spill Mark my words! Box – double sketch contour psst, look here Callout – with a real tail