Layout

Open-source projects categorized as Layout Edit details
Related topics: #Auto Layout #Swift #iOS #React #UI

Top 23 Layout Open-Source Projects

  • SnapKit

    A Swift Autolayout DSL for iOS & OS X

    Project mention: When looking for SwiftUI information, can I learn by looking at the equivalant UIKit solution, or are they too different? | reddit.com/r/swift | 2022-01-24

    This. And if you want to learn AutoLayout without the verbosity/complexity of Apple's own APIs, I would look into using SnapKit.

  • Masonry

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

  • Glassfy

    Build, manage, and grow in-app purchases and subscriptions. Glassfy open source SDK and backend enable you to integrate and remotely manage in-app subscriptions in just minutes, so you can focus on your app.

  • YogaKit

  • muuri

    Infinite responsive, sortable, filterable and draggable layouts

    Project mention: Murri: Infinite responsive, sortable, filterable and draggable layouts | news.ycombinator.com | 2022-04-12
  • FDTemplateLayoutCell

    Template auto layout cell for automatically UITableViewCell height calculating

  • rebass

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

    Project mention: What is Rebass and How to provide theming to Rebass Components? ⚛️ | dev.to | 2022-04-27

    Rebass is a simple React UI component library that allows you to create primitive UI components using the Styled System library. With Rebass, you can get started with your design system without having to write a lot of boilerplate code. Emotion, Styled Components, and Styled System are used to create Rebass, a themeable primitive UI component library for React. Because it is designed with Styled System, any Styled System theme object should work with Rebass. Rebass components include a standardized style props API to create larger component libraries.

  • PureLayout

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

    Project mention: Awesome macOS Libraries List | dev.to | 2022-01-21

    PureLayout - The ultimate API for iOS & OS X Auto Layout — impressively simple, immensely powerful. Language: Objective-C.

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support. Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • styled-system

    ⬢ Style props for rapid UI development

    Project mention: #2 Front-end things and not only | dev.to | 2022-06-08

    ✅ nx.dev - generation build system with first-class monorepo support and powerful integrations ✅ styled-system - style props for rapid UI development ✅ thefuck - magnificent app which corrects your previous console command.

  • Cartography

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

    Project mention: Awesome macOS Libraries List | dev.to | 2022-01-21

    Cartography - A declarative Auto Layout DSL for Swift. Language: Swift.

  • GoJS, a JavaScript Library for HTML Diagrams

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

    Project mention: Ask HN: How to quickly animate sketches and 2D diagrams? | news.ycombinator.com | 2022-03-10

    GoJS might work for you: https://gojs.net

    Although the focus of the library is interactivity and not setting up sequences of animation, but that is possible too.

  • flex-layout

    Provides HTML UI layout for Angular applications; using Flexbox and a Responsive API

    Project mention: Can you have a page that auto scales the content to fit the page size as the user resizes the window? | reddit.com/r/angular | 2022-05-25

    If you want the image to change size before and/or after certain breakpoints, I would look into Angulars Flex layout. And no, you don't need to define your own breakpoints. Flex Layout has predefined breakpoints.

  • golden-layout

    A multi window layout manager for webapps

    Project mention: Using tree data structures to implement terminal split panes | news.ycombinator.com | 2022-01-30

    DomTerm (https://domterm.org) uses the Golden Layout library (https://github.com/golden-layout/golden-layout). As far as I can tell, this does everything mentioned in the article. It also supports tabs, and you can also reposition terminal windows by dragging, neither of which I saw mentioned in the article. (I'm currently working on being able to drag between top-level windows. It sort-of-works, but only at the proof-of-concept level.)

  • Neon

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

    Project mention: Awesome macOS Libraries List | dev.to | 2022-01-21

    Neon - A powerful Swift programmatic UI layout framework. Language: Swift.

  • theme-ui

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

    Project mention: What is Rebass and How to provide theming to Rebass Components? ⚛️ | dev.to | 2022-04-27

    We know that React handles the user interfaces of around 10 million websites across the globe. No doubt, the base library of React is robust, so there are multiple component libraries like MUI, Antdesign, Rebass, ThemeUI, and more which provide valuable design elements. Rebass is the simple UI component library of React which is highly composable and built with styled-components to keep styles isolated. Many react js developers use React Rebass over Theme UI. Because Rebass components are reusable primitive components, they are ready to go out with the box with the best default styles. Moreover, all the rebass components are basically Box components that consist of a style system to give you the ability to style through props.

  • lipgloss

    Style definitions for nice terminal layouts 👄

    Project mention: 14 great tips to make amazing CLI applications | dev.to | 2022-05-10

    I had a great time with all the charmbracelet libraries, like bubbletea for building TUIs and lipbgloss for styling. rich is a similar, awesome python library.

  • MyLinearLayout

    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

  • BouncyLayout

    Make. It. Bounce.

  • TinyConstraints

    Nothing but sugar.

    Project mention: Awesome macOS Libraries List | dev.to | 2022-01-21

    TinyConstraints - Nothing but sugar. Language: Swift.

  • DeviceKit

    DeviceKit is a value-type replacement of UIDevice.

    Project mention: iOS application to monitor hardware | reddit.com/r/iOSProgramming | 2022-05-07
  • Stevia

    :leaves: Concise Autolayout code

    Project mention: What tools/libraries/practices do you use that improve your iOS development? | reddit.com/r/iOSProgramming | 2022-05-08

    As for layout, love Stevia, it's a syntax sugar for Autolayout.

  • ShapeOfView

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

  • Magic-Grid

    A simple, lightweight Javascript library for dynamic grid layouts.

    Project mention: 18 amazing 🤩 GitHub repositories that will help you 🪄 make a beautiful project | dev.to | 2021-09-03

    View on GitHub

  • Layout

    A declarative UI framework for iOS

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2022-06-08.

Layout related posts

Index

What are some of the best open-source Layout projects? This list will help you:

Project Stars
1 SnapKit 18,544
2 Masonry 18,025
3 YogaKit 13,818
4 muuri 9,973
5 FDTemplateLayoutCell 9,952
6 rebass 7,735
7 PureLayout 7,574
8 styled-system 7,338
9 Cartography 7,296
10 GoJS, a JavaScript Library for HTML Diagrams 6,233
11 flex-layout 5,842
12 golden-layout 5,604
13 Neon 4,587
14 theme-ui 4,524
15 lipgloss 4,353
16 MyLinearLayout 4,189
17 BouncyLayout 4,080
18 TinyConstraints 3,790
19 DeviceKit 3,699
20 Stevia 3,255
21 ShapeOfView 3,008
22 Magic-Grid 2,876
23 Layout 2,211
Find remote jobs at our new job board 99remotejobs.com. There are 4 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Static code analysis for 29 languages.
Your projects are multi-language. So is SonarQube analysis. Find Bugs, Vulnerabilities, Security Hotspots, and Code Smells so you can release quality code every time. Get started analyzing your projects today for free.
www.sonarqube.org