Grid layouts built with Motion. Install via CLI or copy the code into your project.
Masonry
Cascading columns with varying heights.
npx @abhivarde/syncui@latest add grids/masonry
Bento
Structured cells in varying sizes.
npx @abhivarde/syncui@latest add grids/bento
Glassmorphism
Frosted glass cards with inner content.
npx @abhivarde/syncui@latest add grids/glassmorphism
Organic Shapes
Cards with smooth, irregular shapes.
npx @abhivarde/syncui@latest add grids/organicShapes
Minimal Cards
Cards with soft shadows and rounded corners.
npx @abhivarde/syncui@latest add grids/minimalCards