@isbatak/ark-masonry

Ark UI style masonry components for React, Solid, Vue and Svelte
331 2
Install
npm install @isbatak/ark-masonry
Latest Version:0.3.0
Vue:3
License:MIT
Last Updated:Oct 25, 2026
Links: GitHub  ·  npm
Maintainer: ivicabatinic

@isbatak/ark-masonry

Ark UI style masonry components for React, Solid, Vue and Svelte, built on @isbatak/zag-masonry.

import { Masonry } from "@isbatak/ark-masonry/react"

;<Masonry.Root columns={3} gap={16}>
  <Masonry.Item value="1">…</Masonry.Item>
  <Masonry.Item value="2" span={2}>
    …
  </Masonry.Item>
</Masonry.Root>

Also available from /solid, /vue and /svelte. Parts: Root, RootProvider, Item and Context, plus useMasonry and useMasonryContext.

License

MIT © Ivica Batinic

Related Packages

@isbatak/ark-wheel-picker

Ark UI style wheel-picker components for React, Solid, Vue and Svelte, built on...

771 2
@tanstack/vue-virtual

Headless UI for virtualizing scrollable elements in Vue

102,498,749 7,171
@chanx-js/client

Type-safe WebSocket client for chanx AsyncAPI schemas, with topic multiplexing....

500 1
oneko

A tiny pixel cat for React, Vue, Svelte, Solid, and the browser. Bundled engine...

222 24

Version History

Version Released Vue License
0.3.0 >=3.5.0 MIT
0.2.0 >=3.5.0 MIT
0.1.0 >=3.5.0 MIT
0.0.0 >=3.5.0 MIT