Top 23 Layout Open-Source Projects

1. Hero

   1 7 22,250 4.0 Swift

   Elegant transition library for iOS & tvOS

   

2. InfluxDB

   influxdata.com featured

   InfluxDB high-performance time series database. Collect, organize, and act on massive volumes of high-resolution data to power real-time intelligent systems.

   

3. SnapKit

   2 12 20,161 4.9 Swift

   A Swift Autolayout DSL for iOS & OS X

   

4. Masonry

   3 0 18,064 0.0 Objective-C

   Harness the power of AutoLayout NSLayoutConstraints with a simplified, chainable and expressive syntax. Supports iOS and OSX Auto Layout

   

5. YogaKit

   4 0 13,818 -

6. clay

   5 3 13,451 9.6 C

   High performance UI layout library in C.

   

   Project mention: Clay 0.13: added support for multiple independent Clay instances | news.ycombinator.com | 2025-02-19

7. muuri

   6 2 10,867 0.0 JavaScript

   Infinite responsive, sortable, filterable and draggable layouts

   

8. FDTemplateLayoutCell

   7 0 9,924 0.0 Objective-C

   Template auto layout cell for automatically UITableViewCell height calculating

   

9. CodeRabbit

   coderabbit.ai featured

   CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.

   

10. lipgloss

    8 27 8,831 9.0 Go

    Style definitions for nice terminal layouts 👄

    

    Project mention: State of the Terminal | news.ycombinator.com | 2024-05-16

    "\033[31;1;4munderlines\033[0m" is (again) no worse than a stream of vertices or a stream of object code. Everything is a stream of bytes (well, a stream of bits anyway). Do you want CSS? Lipgloss is not too far off [0].

    I read your objection basically as "escape sequences and control codes are noisy garbage"; are you saying something more like "the functionality you can achieve with escape sequences and control codes is fundamentally limited"? If that's the case, I don't see how, especially in the context of a character-based display.

    [0]: https://github.com/charmbracelet/lipgloss?tab=readme-ov-file...

11. GoJS, a JavaScript Library for HTML Diagrams

    9 17 8,082 7.1 HTML

    JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.

    

    Project mention: GoJS, a JavaScript Library for HTML Diagrams VS jsplumb - a user suggested alternative | libhunt.com/r/GoJS | 2025-04-12

12. rebass

    10 16 7,939 0.0 JavaScript

    :atom_symbol: React primitive UI components built with styled-system.

    

    Project mention: Top 23 React UI Component Libraries for Your Next Project🚀 | dev.to | 2024-05-30

13. styled-system

    11 34 7,875 0.0 JavaScript

    ⬢ Style props for rapid UI development

    

    Project mention: Rethinking CSS in JS | dev.to | 2024-09-12

14. PureLayout

    12 1 7,628 0.0 Objective-C

    The ultimate API for iOS & OS X Auto Layout — impressively simple, immensely powerful. Objective-C and Swift compatible.

    

15. Cartography

    13 1 7,334 0.0 Swift

    A declarative Auto Layout DSL for Swift :iphone::triangular_ruler:

    

16. golden-layout

    14 6 6,416 0.0 JavaScript

    A multi window layout manager for webapps

    

17. theme-ui

    15 22 5,336 7.1 TypeScript

    Build consistent, themeable React apps based on constraint-based design principles

    

    Project mention: Rethinking CSS in JS | dev.to | 2024-09-12

18. Neon

    16 1 4,580 0.0 Swift

    A powerful Swift programmatic UI layout framework. (by mamaral)

    

19. DeviceKit

    17 3 4,550 5.7 Swift

    DeviceKit is a value-type replacement of UIDevice.

    

20. MyLinearLayout

    18 0 4,422 3.0 Objective-C

    MyLayout is a powerful iOS UI framework implemented by Objective-C. It integrates the functions with Android Layout,iOS AutoLayout,SizeClass, HTML CSS float and flexbox and bootstrap. So you can use LinearLayout,RelativeLayout,FrameLayout,TableLayout,FlowLayout,FloatLayout,PathLayout,GridLayout,LayoutSizeClass to build your App 自动布局 UIView UITableView UICollectionView RTL

    

21. react-resizable-panels

    19 3 4,374 7.2 TypeScript

    

22. BouncyLayout

    20 0 4,254 0.0 Swift

    Make. It. Bounce.

    

23. TinyConstraints

    21 1 4,041 0.0 Swift

    Nothing but sugar.

    

24. Stevia

    22 2 3,400 7.4 Swift

    :leaves: Concise Autolayout code

    

25. ShapeOfView

    23 1 3,176 2.1 Java

    Give a custom shape to any android view, Material Design 2 ready

    

26. SaaSHub

    www.saashub.com featured

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    

Layout related posts

• Clay 0.13: added support for multiple independent Clay instances

  1 project | news.ycombinator.com | 19 Feb 2025

• Clay – UI Layout Library

  7 projects | news.ycombinator.com | 19 Dec 2024

• Advanced Frontend Resources for Next.js Development 🚀

  4 projects | dev.to | 8 Sep 2024

• use-magic-grid: Official React port of the magic-grid library

  2 projects | dev.to | 2 Sep 2024

• Clay (short for C Layout) is a high performance 2D UI layout library

  4 projects | news.ycombinator.com | 24 Aug 2024

• Creating a dynamic invoice using react-print-pdf

  1 project | dev.to | 29 Feb 2024

• How to use LaTeX in React to generate PDFs

  1 project | dev.to | 27 Feb 2024
• A note from our sponsor - InfluxDB
  influxdata.com | 26 Apr 2025

  Collect, organize, and act on massive volumes of high-resolution data to power real-time intelligent systems. Learn more →

Index

Sponsored

InfluxDB high-performance time series database

Collect, organize, and act on massive volumes of high-resolution data to power real-time intelligent systems.

influxdata.com