Alternatives
Products that do what React hooks that predict text height before render, using font metrics does
I built @pretext-studio/core to solve a specific annoyance: the browser won't tell you how tall a text block is until after it renders. This forces you into either a render-then-measure cycle (which causes layout shift) or hacks like max-height: 9999px for accordion animations (which makes easing look wrong because the animation runs over 9999px, not the actual content height). The library wraps @chenglou/pretext, a pure-JS text layout engine that replicates the browser's line-breaking. algorithm using font metrics loaded once via the Font Metrics API. From there, computing height…
- 1ZJ
2020 · bennettfeely.com
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12FP
2018 · play.typedetail.com
- 13
- 14
- 15
- 16TR
2021 · tamagui.dev
- 17RI
2016 · reactcss.com
- 18RH
2017 · github.com
- 19RR
2017 · github.com
- 20A4
Hi everyone! We’re Avishay, Or, and Michal, co-founders of Anima (www.animaapp.com). Anima converts design (Figma/Sketch/XD) into code automatically. Up until today, we only produced HTML/JS/CSS. With our latest release, we can now also generate developer-friendly React code. We’re here to replace image-based handoff, which involves a lot of grunt work for the engineers who have to translate all those images into code that does the same thing. For designers, the pain we solve is the ping-pong, and their vision getting lost in translation. The bottom line is that teams can…
2020
- 21RR
2018 · react-reveal.com
- 22PF
http://app.programmingfonts.org I've spent some time collecting monospace programming fonts, particularly those that are free to use. (Monospace because you can program with any font and you've got to draw the line somewhere). Usually I include some background info and basic stats in a blog post, and add it to a test drive "app". I've gone through some iterations here, and currently the backbone is a JSON data set (https://github.com/braver/programmingfonts/blob/gh-pages/fon...). I've been wondering what further to include here, e.g. glyph counts,…
2018
- 23IB
Hey HN, I built a tiny zero DOM layout engine for vector graphics and custom renderers to resolves nested rows/cols/grids into exact `{x, y, w, h}` boxes, with text measurement, overflow signals, and collision separation. This is to help make SVG, PDF, Canvas responsive. Feedback welcome from anyone building canvas/SVG diagrams, dashboards, node editors, or diagram tools.
Jul 2026 · github.com
- 24IM
2018 · github.com
Ranked by how close each launch is in meaning, then by votes. Refine with a description →