Layout

Sass modular layout with BEM naming convention.

easily create complex multi-column command-line-interfaces

Use the gap, column-gap, and row-gap shorthand properties in CSS

A React helper hook for scheduling a layout effect with a fallback to a regular effect for environments where layout effects should not be used (such as server-side rendering).

Inspect layouts by visualizing the box model

Outline all elements with CSS to help with layout placement and alignment

easily create complex multi-column command-line-interfaces

Layout algorithms for visualizing hierarchical data.

Force-directed graph layout using velocity Verlet integration.

Visualize relationships or network flow with an aesthetically-pleasing circular layout.

Advanced, lightweight system and OS information library

Stylable text tables, handling ansi colour. Useful for console output.

reads a BMFont binary in a Buffer into a JSON object

A tiny library for packing 2D rectangles (for sprite layouts)

Client/server side PDF printing in pure JavaScript

TypeScript definitions for yoga-layout

An advanced font engine for Node and the browser

An advanced font engine for Node and the browser

Prebuilt yoga-layout package

Density utilities for Material Components for the web

Chakra UI layout components that give you massive speed

Graph layout for JavaScript

A draggable and resizable grid layout with responsive breakpoints, for React.

The Material Components for the web layout grid component

A simple function that print objects / arrays as ASCII tables. Handles ANSI styling and weird 💩 Unicode emoji symbols – they won't break the layout.

Lightweight, fast, and powerful embedded JS template engine

Core module for compound spring embedder based layout styles

A Quick description of the component

Basic layout model and some utilities for Cytoscape.js layout extensions

Translation between JavaScript values and Buffers

An advanced text layout framework

Angular Flex-Layout =======

Prebuilt yoga-layout package

`@next/font` includes built-in automatic self-hosting for any font file. This means you can optimally load web fonts with zero layout shift, thanks to the underlying CSS size-adjust property used.

Resolve overall document component's layout

A React hook that uses useEffect() on the server and useLayoutEffect() in the browser

Automatic graph layout based on Sugiyama's algorithm. Specialized for data flow diagrams and ports.

TypeScript definitions for react-grid-layout

Spectrum UI components in React

Draw non-layered tidy trees in linear time

A Handlebars view engine for Express which doesn't suck.

Stack Layout Component for Victory

Group Layout Component for Victory

Cascading grid layout library

the brains and guts of a layout library

The fCoSE layout for Cytoscape.js by Bilkent with fast compound node placement

The CoSE layout for Cytoscape.js by Bilkent with enhanced compound node placement

View-specific transforms for Vega dataflows.