Hacker GitHub

← All repos

react/yoga

View on GitHub ↗ ★ 18,940 C++

Yoga is an embeddable layout engine targeting web standards.

39 mentions on Hacker News by 32 people: 4 stories, 35 comments · first 2014-10-30 · latest 2025-07-31

Mentions per year 39 mentions · busiest year 2015 (14)
20082026
AllStoriesComments NewestTopOldest
  1. …it attempts to support), so everybody has to write their own. But it's possible so we're doing it. [0]: github.com/facebook/yoga/
    comment by nicoburns · 2025-07-31 · in I tried Servo
  2. …the C++ Flexbox implementation that powers React Native) 1: https://github.com/DioxusLabs/taffy 2: https://github.com/facebook/yoga
    comment by nicoburns · 2024-12-20 · in Clay – UI Layout Library
  3. …and people were quite okay with that (although some people grumble about lack of display grid) https://github.com/facebook/yoga
    comment by DanielHB · 2024-10-15 · in Web Browser Engineering (2021)
  4. For flexbox check out Facebook Yoga ( https://github.com/facebook/yoga ) or Webkit.js ( https://github.com/trevorlinton/webkit.js ).
    comment by niutech · 2024-03-22 · in Show HN: Dropflow, a CSS layout engine for node or <canvas>
  5. …and it's unclear if Facebook needs inline layout or if Vercel would pick it up and close the gap: https://github.com/facebook/yoga Then again, for the main purpose Satori is advertised for - generating URL unfurl previews - Dropflow looks…
    comment by AaronFriel · 2024-03-21 · in Show HN: Dropflow, a CSS layout engine for node or <canvas>
  6. There's also Facebook's Yoga: https://github.com/facebook/yoga
    comment by troupo · 2024-03-21 · in Show HN: Dropflow, a CSS layout engine for node or <canvas>
  7. …[2] https://github.com/tripolskypetr/qml-flexbox/tree/master/thi... [3] https://github.com/facebook/yoga [4] https://github.com/tripolskypetr/qml-flexbox/blob/677a1287df... P.S. I'll answer your other reply very soon. I'm releasin
    comment by rubymamis · 2023-07-26 · in What dif­fer­enti­ates front-end frame­works
  8. …format and many of the tests require JavaScript so we are not currently able to do that. [0]: https://github.com/facebook/yoga [1]: https://github.com/DioxusLabs/taffy/tree/main/test_fixtures [2]: https://github.com/DioxusLabs/taffy/tree/ma…
    comment by nicoburns · 2023-04-11 · in We're building a browser when it's supposed to be impossible
  9. …implementation was written by me. So AMA. [0]: https://news.ycombinator.com/item?id=19780790 [1]: https://github.com/facebook/yoga
    comment by nicoburns · 2023-02-12 · in Show HN: Taffy – CSS Grid (+Flexbox) as a library
  10. …I already heard about) and resvg (which I probably already heard about) is a good starting point! https://github.com/facebook/yoga https://github.com/yisibl/resvg-js Edit: fonts are here https://github.com/yisibl/resvg-js/search?q=font and…
    comment by benatkin · 2022-11-13 · in Show HN: A GitHub business card generator
  11. …the _text_ - but it kinda does the opposite. https://github.com/vercel/satori#font-embedding [0] https://github.com/facebook/yoga
    comment by aidos · 2022-10-10 · in Show HN: Satori – Convert HTML and CSS to SVG
  12. …an ECS-based approach for a UI system at some point. The Yoga layout engine (implements flexbox -- https://github.com/facebook/yoga/tree/master/yoga ) seems to actually be pretty amenable to just incorporating as a `Layout` or `Flex`…
    comment by nikki93 · 2020-08-24 · in Unity Software Inc S-1
  13. …[2]: https://www.w3.org/TR/css-flexbox-1/#resolve-flexible-length... [3]: https://github.com/facebook/yoga/blob/master/yoga/Yoga.cpp#L... [4]: https://docs.microsoft.com/en-us/dotnet/framework/winforms/a...
    comment by andrewmcwatters · 2020-07-17 · in Things I wish I’d known about CSS
  14. It's wrong. https://github.com/facebook/yoga/tree/master/yoga
    comment by weberc2 · 2019-06-04 · in SwiftUI
  15. …[2] and EQCSS [3]. [0] https://gist.github.com/cesarandreu/3e87cb6993bedeb162b56482... [1] https://github.com/facebook/yoga [2] http://marcj.github.io/css-element-queries/ [3] https://elementqueries.com/
    comment by TheAceOfHearts · 2018-06-02 · in Web Code is a solved Problem – how about fixing Web UI next?
  16. https://github.com/facebook/yoga/blob/master/PATENTS That's a pretty big price they charge.
    comment by cma · 2017-08-30 · in ARCore: Augmented reality at Android scale
  17. …mapping, this typically involves mapping to the `Yoga`[1] layout engine on that platform. [1]: https://github.com/facebook/yoga
    comment by t1amat · 2017-01-23 · in Show HN: Target almost all platforms at once with react native
  18. I wonder if you can use Facebook's JS flexbox implementation to do the layout calculations for you: https://github.com/facebook/yoga
    comment by dangoor · 2017-01-09 · in Building Better Interfaces with SVG (2015)
  19. The link[0] to GitHub from the hamburger menu on this page results in a 404. [0]: https://facebook.github.io/yoga/http://github.com/facebook/y...
    comment by reitanqild · 2016-12-07 · in Yoga: A cross-platform layout engine
  20. Page - https://facebook.github.io/yoga/ GitHub - https://github.com/facebook/yoga
    comment by smaili · 2016-12-07 · in Yoga: A cross-platform layout engine
  21. …default style. Then go here [1] and grab this style reset. And just use flexbox everywhere. [0] https://github.com/facebook/css-layout#default-values [1] https://github.com/necolas/react-native-web/blob/master/docs...
    comment by TheAceOfHearts · 2016-07-06 · in How well do you know CSS display?
  22. Couldn't this have built upon https://github.com/facebook/css-layout ?
    comment by joe-stanton · 2016-05-07 · in Flexbox-layout: Flexbox for Android
  23. …bigger effort to translate CSS into constraints than just reimplementing the steps themselves. [1] https://github.com/facebook/css-layout
    comment by vjeux · 2016-03-12 · in MyHTML – HTML Parser on Pure C with POSIX Threads Support
  24. For anyone looking for something a little closer to what they know from the web: https://github.com/facebook/css-layout
    comment by iLoch · 2016-03-08 · in Stevia: Human-readable auto-layout in code
  25. ▲ 1
    Facebook CSS-Layout, Pure JavaScript, No DOM, Transpiles to C/Java
    story by aleem · 2015-05-06 · 0 comments
  26. …acebook.github.io/react/tips/inline-styles.html [1] https://speakerdeck.com/vjeux/react-css-in-js [2] https://github.com/facebook/css-layout/graphs/contributors
    comment by masklinn · 2015-03-24 · in A Primer for Building Single Page Applications with React
  27. ▲ 1
    CSS Layout Engine Implemented in JavaScript
    story by nateguchi · 2015-02-11 · 0 comments
  28. holy flipboard, did you see they re-implemented a subset of CSS into JS? https://github.com/facebook/css-layout I was literally thinking about doing something similar the other day for an experimental/learning project. React is taking over…
    comment by marknadal · 2015-02-10 · in Flipboard releases React Canvas
  29. It's css-layout: https://github.com/facebook/css-layout . The same engine used in React Native. It turns out that you only need a portion of CSS for apps. It's very performant.
    comment by jlongster · 2015-02-10 · in Flipboard releases React Canvas
  30. …First-Impressions-using-React-Native#co... This idea is also why I hooked up the css-layout project ( https://github.com/facebook/css-layout ) to a live demo to play around with: http://layout.jlongster.com/
    comment by jlongster · 2015-02-06 · in First Impressions Using React Native
  31. …browsers, since the CSS output is very primitive. My current issue is how to measure text sizes: https://github.com/facebook/css-layout/blob/master/src/__tes...
    comment by albertoleal · 2015-01-30 · in A Deep Dive on React Native [video]
  32. …older browsers? I looked, but I couldn't find a "compatibility" section anywhere in the repo. [1] https://github.com/facebook/css-layout
    comment by lynndylanhurley · 2015-01-30 · in A Deep Dive on React Native [video]
  33. …JS/C/Java implementation of the box-model and flex-box specification by Facebook itself [1] [1]: https://github.com/facebook/css-layout ## Support and limits Titanium SDK is always criticized for being to limited in what you can do with…
    comment by yuchi · 2015-01-29 · in Introducing React Native [video]
  34. …JS/C/Java implementation of the box-model and flex-box specification by Facebook itself [1] [1]: https://github.com/facebook/css-layout ## Support and limits Titanium SDK is always criticized for being to limited in what you can do with…
    comment by yuchi · 2015-01-28 · in Use ReactJS to Build Native Apps
  35. ▲ 1
    Transpile.js from Facebook/css-layout
    story by nazri1 · 2015-01-28 · 1 comment
  36. Given the presence of https://github.com/facebook/css-layout it will probably flex-based. Not cool as a constraint based layout but good enough for easier portability of knowledge.
    comment by yuchi · 2015-01-28 · in Use ReactJS to Build Native Apps
  37. …be giving a bigger talk about it tomorrow and he's the biggest contributor to the css project ( https://github.com/facebook/css-layout/graphs/contributors ).
    comment by kirillklimuk · 2015-01-28 · in Use ReactJS to Build Native Apps
  38. ahem. my bet - https://github.com/facebook/css-layout cannot wait for more details.
    comment by threepointone · 2015-01-28 · in Use ReactJS to Build Native Apps
  39. ▲ 5
    Facebook–open sourcing reimplementation of CSS layout using pure JavaScript
    story by inertialforce · 2014-10-30 · 0 comments