GridCraft - Grid Builder

⚡

GridCraft

Grid Container

Columns

Rows

Gap (px)

Show Grid Lines

Canvas Size

Auto Fit Screen

Grid akan menyesuaikan ukuran layar

Width (px)

Height (px)

Export Settings

Export Mode

{{ exportMode === 'responsive' ? 'Code will use 100vw x 100vh (full screen)' : 'Code will use exact pixel size' }}

Container Padding {{ exportPadding }}px

No Padding 50px

Zero Spacing Mode

Removes ALL margins/padding for pixel-perfect fullscreen

Pilih item pada kanvas untuk mengedit propertinya

Position

Column Start

Column End

Row Start

Row End

Color

Opacity {{ Math.round((selectedItem.opacity || 0.85) * 100) }}%

Transparan Solid

Label

Border Radius

Radius {{ selectedItem.borderRadius || 10 }}px

Sharp (0px) Rounded (50px)

Icon

Show Icon

Icon Category

Klik "Copy" untuk copy code, atau "Download" untuk save file