GridMantle

DocsBlocks

Getting Started

IntroductionInstallation

Blocks

Column GridAuto Fill GridServices GridBento GridBento Grid 2Pinterest GridTestimonials GridTestimonials Grid 2

Extras

Contribute

Installation

Learn how to set up your project and start using GridMantle blocks.

GridMantle follows the same setup flow as shadcn/ui because the components and blocks integrate directly with the shadcn CLI.

1Create a Next.js Project

If you are starting fresh, create a Next.js app.

2Initialize Shadcn UI

GridMantle uses shadcn/ui structure for components and blocks.

3Add GridMantle Block

Now you can GridMantle blocks within your projects.

4Import and use the components

After adding a block, import it into your project.

Introduction
Column Grid