n
nonaxial
1
2
3

Broken Grid

Layout

Asymmetric broken grid layout

gridbrokenasymmetric

Installation

$
npx shadcn@latest add https://nonaxial.com/r/broken-grid.json

Usage

tsx
import { BrokenGrid } from "@/components/nonaxial/broken-grid"

export default function Example() {
  return (
    <BrokenGrid>{/* Your content here */}</BrokenGrid>
  )
}

Props

PropTypeDefault
childrenReactNode
classNamestring