Explore the Library
Flexbox Layout
Control direction, alignment, wrapping and spacing with intuitive one-dimensional flex directives.
fxLayoutfxFlexfxLayoutGapfxLayoutAlignCSS Grid
Build two-dimensional layouts with named grid areas, configurable columns, rows and gap control.
gdColumnsgdRowsgdAreasgdGapResponsive
Apply any directive at a specific breakpoint using xs / sm / md / lg / xl suffix aliases.
fxShowfxHide.xs.gt-smMediaObserverReal-world Examples
Holy Grail, column ordering, grid spans and more — curated from real StackOverflow questions.
holy-grailgrid-spancolumn-orderQuick Install
npm install @ngbracket/ngx-layoutFull setup guide →