Some words deserve more than bold.

MarkIt adds a hand drawn highlighter marker to any text on your Blocs site. Not a flat rectangle of background colour: an uneven, roughened marker edge with a small tick of ink where the stroke runs out, drawn live in the browser.

Pick your ink in the sidebar, watch it preview on the canvas against your real page, then copy the class or a ready made snippet with one click and paste it wherever you want the highlight. One MarkIt Bric in a Global Area can serve every page on your site.

🥳🎉 Celebrating Bric 100 🎉🥳

MarkIt is the one hundredth Bric to reach the Blocs Store, counting the work of every developer in the community. That is a milestone worth celebrating, so MarkIt is FREE forever for every Blocs user. No trial, no locked features.

Key features

✓    Six ready made marker inks, plus full custom colour control

✓    Authentic roughened marker edge, generated with an SVG filter rather than an image

✓    One reusable class per Bric, applied to as many words as you like

✓    Live preview on the canvas, using your real background and typography

✓    Copy Class and Copy Snippet buttons for a one click workflow

✓    Name your own class, or roll a fresh one after duplicating a Bric

✓    Zero exported JavaScript: one CSS rule and a hidden SVG filter, nothing else

✓    Safe in Global Areas, with the design time panel removed on export

✓    Inherits your site fonts automatically, fully responsive

✓    Reset all values from the sidebar, keeping your class name intact

Good to know

MarkIt is designed for phrases rather than paragraphs. So the marker edge stays attached to the words, a highlighted span does not split across two lines. Highlight a few words the way you would with a real pen. The manual explains this fully.

Documentation

Do you want to learn more, watch the video or read the manual prior downloadin? Go the Markit page here.