Topics / #layout

Layout projects on GitHub

Libraries and approaches for arranging user interface elements on screen.

As of , the most-starred Layout projects on GitHub are pretext (50.8K stars), ink (40.1K stars) and yeti (29.8K stars). GitHub.Locker tracks 25 Layout repositories with 423K stars combined. The fastest-growing on October 18 was designcraft, with +82 stars in a day.

25Projects
423KStars in total
+139Stars in a day
Browse in the catalog →github.com/topics/layout ↗

Hot right now

Most stars gained in a day · Oct 18

+82

designcraft

storytold/designcraft · ★ 4.4K

DesignCraft is an open-source, clean-room reimplementation of Adobe InDesign's page layout and publishing workflow, written in pure Rust by the ArtCraft team. It runs natively on macOS, Windows and Linux, plus in the browser via WebAssembly.

+29

skills

jakubkrehel/skills · ★ 8K

A collection of agent skills for Claude Code that help you build better interfaces, covering UI, typography, colors, accessibility, layout and product writing.

+12

pretext

chenglou/pretext · ★ 50.8K

Pretext is a pure JavaScript/TypeScript library for multiline text measurement and layout — fast and accurate, including for languages you may not even know about.

+5

ink

vadimdemedes/ink · ★ 40.1K

Ink is React for the terminal: a library for building interactive command-line apps out of components, with the same component-based UI experience React offers in the browser.

The all-time top

25 projects · by stars

  1. #1 · chenglou/pretext

    pretext

    Pretext is a pure JavaScript/TypeScript library for multiline text measurement and layout — fast and accurate, including for languages you may not even know about.

    50.8K
  2. #2 · vadimdemedes/ink

    ink

    Ink is React for the terminal: a library for building interactive command-line apps out of components, with the same component-based UI experience React offers in the browser.

    40.1K
  3. #3 · foundation/yeti

    yeti

    Yeti is a CSS-first, native, zero-build layout and styling framework for web designers, made by Foundation. It is the successor to Foundation for Sites - version 6 continues on the v6 branch with bug fixes and keeps shipping to npm as foundation-sites 6.x.

    29.8K
  1. 4

    Hero

    22.5KHeroTransitions/Hero · Swift

    Hero is a Swift library for building iOS view controller transitions — a declarative layer on top of UIKit's cumbersome transition APIs that makes custom transitions easy.

  2. 5

    surya

    21.5Kdatalab-to/surya · Python

    Surya is Datalab's open-source document OCR system built around a 650M parameter model. It reads text from images and PDFs, and also does layout analysis, reading order, and table recognition.

  3. 6

    SnapKit

    20.3KSnapKit/SnapKit · Swift

    SnapKit is an open-source Swift DSL that makes Auto Layout easy on Apple platforms — you describe UI constraints with short, readable Swift instead of verbose layout code. It works on iOS, macOS and tvOS.

  4. 7

    yoga

    18.9Kreact/yoga · C++

    Yoga is an embeddable, high-performance flexbox layout engine written in C++ that computes UI layout trees and ships with bindings for multiple languages.

  5. 8

    flexbox-layout

    18.3Kgoogle/flexbox-layout · Kotlin

    FlexboxLayout is an open-source Android library that brings the capabilities of the CSS Flexible Box Layout module (flexbox) to Android app layouts.

  6. 9

    clay

    18.3Knicbarker/clay · C

    Clay (short for C Layout) is a high performance 2D UI layout library in C. You describe your UI with React-like declarative macros, it computes element positions and sizes in microseconds, and hands you back render commands.

  7. 10

    masonry

    16.7Kdesandro/masonry · HTML

    Masonry is a JavaScript grid layout library. It places elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall.

  8. 11

    material

    16.4Kangular/material · JavaScript

    AngularJS Material is a UI component library that implements Google's Material Design specification (2014-2017) for AngularJS 1.x single-page apps.

  9. 12

    Amethyst

    16.3Kianyh/Amethyst · Swift

    Amethyst is an automatic tiling window manager for macOS, in the spirit of xmonad: it arranges your open windows into layouts for you instead of letting them pile up and overlap.

  10. 13

    anko

    15.8KKotlin/anko · Kotlin

    Anko is a Kotlin library that makes Android application development faster and easier: it keeps your code clean and readable and hides the rough edges of the Android SDK designed for Java.

  11. 14

    flexbugs

    13.5Kphilipwalton/flexbugs

    A community-curated list of flexbox bugs and cross-browser workarounds: if a flex layout misbehaves in some browser, you look up the numbered bug and apply the fix.

  12. 15

    react-canvas

    13.2KFlipboard/react-canvas · JavaScript

    React Canvas is an open-source library from Flipboard that lets React components render to a canvas instead of the DOM, for building faster, app-like mobile web interfaces.

  13. 16

    banner

    13Kyouth5201314/banner · Java

    An open-source Android UI library for ad and image banner carousels. Banner 2.0 is rebuilt on ViewPager2 and positions itself as a customizable carousel container that imposes no UI of its own.

  14. 17

    lipgloss

    11.9Kcharmbracelet/lipgloss · Go

    Lip Gloss is a Go library for styling terminal output and building terminal layouts: colors, borders, alignment, padding and composition, built with TUIs in mind.

  15. 18

    isotope

    11.1Kmetafizzy/isotope · HTML

    Isotope is a JavaScript library for 'magical layouts': it filters and sorts the items on a web page and animates them into their new positions.

  16. 19

    muuri

    10.9Khaltu/muuri · JavaScript

    Muuri is a JavaScript layout engine for building responsive grid layouts that can be sorted, filtered, dragged, and animated. It combines the capabilities of Packery, Masonry, Isotope, and Sortable into one library.

  17. 20

    vlayout

    10.7Kalibaba/vlayout · Java

    Vlayout is a powerful LayoutManager extension for Android's RecyclerView: it provides a group of layouts so a single RecyclerView can mix grid, list and other layouts in one scrollable page.

  18. 21

    folding-cell

    10.2KRamotion/folding-cell · Swift

    FoldingCell is an open-source iOS UI component by Ramotion: a table view cell that expands open with a folding-paper animation inspired by material design.

  19. 22

    ViewPagerIndicator

    10.1KJakeWharton/ViewPagerIndicator · Java

    A set of paging indicator widgets for Android that sit alongside a ViewPager from the Android Support Library or ActionBarSherlock, showing where the user is to improve discoverability of content.

  20. 23

    skills

    8Kjakubkrehel/skills · Markdown

    A collection of agent skills for Claude Code that help you build better interfaces, covering UI, typography, colors, accessibility, layout and product writing.

  21. 24

    designcraft

    4.4Kstorytold/designcraft · Rust

    DesignCraft is an open-source, clean-room reimplementation of Adobe InDesign's page layout and publishing workflow, written in pure Rust by the ArtCraft team. It runs natively on macOS, Windows and Linux, plus in the browser via WebAssembly.

  22. 25

    circuitRF

    234potatobeanradio/circuitRF · C#

    circuitRF is a lightweight, cross-platform EDA tool for RF and microwave circuit design: schematic capture with DC/S-parameter/harmonic-balance simulation and loadpull, a 2D/3D layout editor, and electromagnetic (MoM/FEM/FDTD) plus thermal FEM solvers, all in one application.

Often tagged together