Layout

Organize and layout items based on various algorithms

Sass modular layout with BEM naming convention.

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

An embeddable and performant flexbox layout engine with bindings for multiple languages

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).

easily create complex multi-column command-line-interfaces

Resolve document component's layout

Drawer component for React Native

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

easily create complex multi-column command-line-interfaces

Determine the East Asian Width of a Unicode character

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

Translation between JavaScript values and Buffers

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

Stub TypeScript definitions entry for react-grid-layout, which provides its own types definitions

Core module for compound spring embedder based layout styles

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.

Coming soon.

Spectrum UI components in React

Advanced, lightweight system and OS information library

An advanced font engine for Node and the browser

Draw non-layered tidy trees in linear time

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

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

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

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

ELK layout engine for mermaid builds that do not bundle it (e.g. mermaid.tiny.js)

Prebuilt yoga-layout package

Stub TypeScript definitions entry for yoga-layout, which provides its own types definitions

Translation between JavaScript values and Buffers

Shell plugin: three-column AppFrame with drag handles, ctx.layout viewing-state service (navigation + panels)

word-wraps and lays out text glyphs

Force directed graph drawing layout

ForceAtlas 2 layout algorithm for graphology.

A layout component that centers all the email content

Lightweight, fast, and powerful embedded JS template engine

Wraps templates with layouts. Layouts can use other layouts and be nested to any depth. This can be used 100% standalone to wrap any kind of file with banners, headers or footer content. Use for markdown, HTML, handlebars views, lo-dash templates, etc. La

Tidy-tree layout engine for mermaid

A Quick description of the component

An advanced text layout framework

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

Cascading grid layout library

Chakra UI layout components that give you massive speed

Eliminates layout thrashing by batching DOM read/write operations

Graph layout for JavaScript