Justif is a JavaScript library that brings Knuth-Plass text justification and microtypography to the web, enabling publication-grade typesetting in browsers.
Justif is a drop-in JavaScript library that progressively enhances web pages to TeX-level text justification. Installation is a single <script> line, standard text and accessibility affordances are unchanged, and users with JS disabled get native browser rendering.<p>I made justif because I've long been a fan of justified text. I think it looks clean and elegant, and makes reading more enjoyable. But bad justification is the opposite, with gaping spaces that distract me to the point of making the text near unreadable.<p>Browsers have got better recently at handling justified text [0][1], but still use suboptimal greedy algorithms for the most part, and are not near that TeX/InDesign level of quality that I crave. `text-wrap: pretty` exists but is far from a panacea, as you can see for yourself in the demo.<p>Justif also has the benefit of providing more consistent text layout across browsers. Blink (Chrome), Gecko (Firefox) and WebKit (Safari) all justify text differently, so normally what the user sees depends on what browser they use.<p>Take a look at the demo, play around with it, see if you can break anything. I'm open to improvements of the API design as well, so please let me know your thoughts.<p>For more details, see the README: <a href="https://github.com/lyallcooper/justif" rel="nofollow">https://github.com/lyallcooper/justif</a><p>0: <a href="https://cloudfour.com/thinks/justified-text-better-than-expected/" rel="nofollow">https://cloudfour.com/thinks/justified-text-better-than-expe...</a><p>1: <a href="https://owickstrom.github.io/the-proportional-web/" rel="nofollow">https://owickstrom.github.io/the-proportional-web/</a>
# justif — publication-grade text justification for the web
Source: [https://justif.lyall.co/](https://justif.lyall.co/)
Publication\-grade text justification for the web
[learn more on github](https://github.com/lyallcooper/justif)
Writemark is a dependency-free web component for inline Markdown editing that renders as you type, supports source/split/preview modes, slash commands, tables, task lists, code blocks, and native form integration, all without a framework or toolbar.
TeXbrain is an open-source, browser-based LaTeX editor that compiles LaTeX to PDF using WebAssembly, offering features like live preview, git integration, and offline support.
GlyphCSS is a JavaScript library that renders textured 3D meshes in the DOM using ASCII characters, supporting various 3D formats and integrating with vanilla JS, React, and Vue.