Skip to main content

Bento Grid Block

Asymmetric card layouts inspired by Tailwind UI bento grids. 3 variants for visually engaging feature sections.

Three Column

Left card spans 2 rows, top-centre spans 2 columns. Best for 4-5 features with one hero feature.

Platform

Everything You Need

A complete toolkit for shipping client sites at the edge.

Bento grid feature

Block-Based Pages

14 composable marketing blocks. Drag and drop in the admin panel to build any page layout.

Bento grid feature

Edge Deployment

Cloudflare Workers + Pages + D1 + R2. Your entire stack runs globally with zero cold starts.

Bento grid feature

Live Preview

See changes in real-time before publishing.

Bento grid feature

Type Safety

End-to-end TypeScript from CMS schema to component.

Bento grid feature

One-Click Deploy

Git push to deploy. Content changes auto-trigger rebuilds.

Two Row

Alternating wide and narrow cards across two rows. Creates a balanced zigzag pattern.

Features

Built for Speed

Every layer of the stack is optimised for performance.

Bento grid feature

Static-First Frontend

Astro SSG pre-renders every page. Zero JavaScript by default. 100 Lighthouse score across the board.

Bento grid feature

Edge Database

D1 SQLite at the edge. Fast reads, low latency.

Bento grid feature

Global CDN

Cloudflare Pages serves static assets from 300+ locations.

Bento grid feature

Smart Caching

Content changes trigger targeted rebuilds. No stale pages, no manual cache busting.

Three Column Bottom

Full-width hero card on top with three equal columns below. Best for one primary feature plus supporting items.

Why LaunchKit

The Agency Platform

Built by agencies, for agencies.

Bento grid feature

Total Handover Model

Build the site, configure the theme, seed the content, deploy, and hand it over. Full client ownership with no monthly retainers or platform lock-in.

Bento grid feature

Under $5/month

Cloudflare edge hosting for pennies. No surprise bills.

Bento grid feature

Client-Friendly CMS

Non-technical users manage content with drag-and-drop blocks.

Bento grid feature

Fully Themeable

One config file controls colors, fonts, and spacing across all blocks.

Explore More Blocks

Return to the block gallery to see all 14 block types and their variants.