# @furo/layout

> Layout components for furo

Latest version **3.0.0-RC.2** (published 2025-11-02) · MIT license · 0 weekly downloads

## Install

```sh
npm install @furo/layout
pnpm add @furo/layout
yarn add @furo/layout
bun add @furo/layout
```

## Health

**Score 65/100 (B)** — status: stable.

Positive: has types; esm support; no vulnerabilities; high maintenance score; high quality score.

Warnings: low downloads.

## Facts

| | |
|---|---|
| Version | 3.0.0-RC.2 |
| Published | 2025-11-02 |
| First published | 2019-01-28 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Node | >=21.7.3 |
| Dependencies | 2 |
| Unpacked size | 361.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 11 |
| Maintainers | veith, maltenorstroem |
| Keywords | web-components, flow based programming, fbp |

## Links

- npm: https://www.npmjs.com/package/@furo/layout
- Repository: https://github.com/eclipse/eclipsefuro-web
- Homepage: https://github.com/eclipse/eclipsefuro-web/tree/main/packages/furo-layout
- Issues: https://github.com/eclipse/eclipsefuro-web/issues
- npm.io page: https://npm.io/package/@furo/layout

## Dependencies (2)

- [lit](https://npm.io/package/lit.md) ^3.2.1
- [@furo/fbp](https://npm.io/package/@furo/fbp.md) ^6.15.0

## Recent versions

- 3.0.0-RC.2 (latest) — 2025-11-02
- 3.0.0-RC.1 — 2025-10-31
- 2.3.2 — 2025-08-01
- 2.3.1 — 2025-01-04
- 2.3.0 — 2024-11-24
- 2.2.16 — 2024-04-10
- 2.2.15 — 2024-03-23
- 2.2.14 — 2024-01-04
- 2.2.13 — 2023-11-10
- 2.2.12 — 2023-09-17
- 2.2.10 — 2023-05-17
- 2.2.8 — 2023-05-16
- 2.2.7 — 2023-05-14
- 2.2.6 — 2023-05-13
- 2.2.5 — 2023-05-13
- … 213 more at https://npm.io/package/@furo/layout/versions

## README

# @furo/layout

Layout components. Sometimes it is hard to describe the elements with text. 
Just take a look at the demos and you will get the idea.


## What is inside

### Elements

- [furo-snackbar](https://components.furo.pro/?t=FuroSnackbar) a snackbar
- [furo-empty-spacer](https://components.furo.pro/?t=FuroEmptySpacer) fill the space in a furo-xxxx-flex
- [furo-horizontal-flex](https://components.furo.pro/?t=FuroHorizontalFlex) horizontal alignment 
- [furo-panel](https://components.furo.pro/?t=FuroPanel) content panel with predefined margins
- [furo-ripple](https://components.furo.pro/?t=FuroRipple) add a ripple effect
- [furo-split-view](https://components.furo.pro/?t=FuroSplitView) splitted layout
- [furo-vertical-flex](https://components.furo.pro/?t=FuroVerticalFlex) vertical alignment of stuff
- [furo-vertical-scroller](https://components.furo.pro/?t=FuroVerticalScroller) vertical scroll

---
_Source: https://npm.io/package/@furo/layout · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._