# \-- scribble-tools --

**URL:** <https://racket.discourse.group/t/scribble-tools/4141>\
**Category:** General\
**Created:** [March 12, 2026, 10:02am UTC](https://racket.discourse.group/t/scribble-tools/4141 "2026-03-12T10:02:44Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![soegaard](https://yyz2.discourse-cdn.com/free1/user_avatar/racket.discourse.group/soegaard/32/19_2.png) [@soegaard](https://racket.discourse.group/u/soegaard)\
**Post date:** [March 12, 2026, 10:02am UTC](https://racket.discourse.group/t/scribble-tools/4141/1 "2026-03-12T10:02:44Z")

</div>

Hi all,

The ghost and I have put together a little package for typesetting CSS, HTML, JavaScript, and Scribble snippets in Scribble.

> **[scribble-tools](https://docs.racket-lang.org/scribble-tools/index.html)**

The idea was to have syntax highlighting that matched the current look of Racket snippets.  
For the CSS I added inline visualizations of colors, gradients and fonts.  
For CSS property names are linked to their documentation page on MDN.  
For HTML element names are linked their MDN documentation pages.  
For JavaScript common classes and keywords are linked.

 ![image](https://global.discourse-cdn.com/free1/uploads/racket/original/2X/5/56eb8dc63f1c7f5db6cd80cc9fc3652252976daa.png)

Give it a spin and let me know what can be improved.

BTW - after adding support for Scribble I found Alex Knauth's package `scribble-code-examples` [1]. If you need the identifiers in Scribble code to be linked, use his package.

[1] [scribble-code-examples](https://docs.racket-lang.org/scribble-code-examples/index.html)

/Jens Axel

---

_[View the full topic](https://racket.discourse.group/t/scribble-tools/4141)._