Bento Style for Astro

What Is It

Bento Style for Astro is a modern, modular design template featuring a card-based bento grid layout. Built with Astro for maximum performance, it’s designed for portfolios, landing pages, and personal sites that want a clean, contemporary look.

Features

  • Bento grid layout — modular card-based design system
  • Responsive grid — adapts to any screen size
  • Fast performance — static site generation with Astro
  • Dark theme — built-in dark mode with accent colors
  • Easy to customize — well-structured components and CSS variables
  • SEO-ready — proper meta tags, structured data, and sitemap

Tech Stack

  • Astro — static site generation
  • CSS — custom properties, grid, flexbox
  • TypeScript — type-safe components

Why I Built It

I wanted a portfolio template that looks modern without being bloated. The bento grid trend was popular but most implementations were heavy React apps. This brings the same aesthetic with Astro’s zero-JS-by-default approach.