# Liquid Layout

Drag to reorder, shuffle and filter eight DOM cards with Motion while vgpu renders them as refracting glass that merges wherever cards meet.

## Download

Download the complete verified example source:

```bash
npx vgpu examples pull liquid-layout --out ./liquid-layout
```

## Explore

- [Interactive example](https://vgpu.sh/examples/liquid-layout)
- [Fullscreen preview](https://vgpu.sh/preview/liquid-layout)
- [Complete source](https://vgpu.sh/examples/liquid-layout/source.md)

## Included files

- `index.tsx`
- `liquid-cards.tsx`
- `layout-store.ts`
- `cards.ts`
- `renderer.ts`
- `liquid-dynamics.ts`
- `liquid-pipeline.ts`
- `backdrop.wgsl`
- `field.wgsl`
- `shade.wgsl`
- `bright.wgsl`
- `blur.wgsl`
- `composite.wgsl`