Back to themes

Bento Grid Portfolio

Bento Grid Portfolio is a premium single-page portfolio template built with Astro and Tailwind CSS. Designed for developers, freelancers, and creatives who want to showcase their skills and projects in a sleek, bento-style layout. This template is not a personal site — it’s a clean, reusable starter with structured content files, smooth animations, and modern visual design, ready to be customized with your own data and branding.


Cost

Paid


Created by
TeddyDev

🧩 Perfect for: 💼 Frontend Developers | 🧠 Indie Makers | 🎨 Designers | 🚀 Creative Agencies | 📸 Content Creators


✨ Key Features

  • 🧩 Single-page bento layout with animated sections
  • Fast performance powered by Astro
  • 🎨 Responsive design for all screen sizes
  • 📂 Content-driven using Astro Collections + Markdown
  • 💬 Sections for About, Projects, Stack, Testimonials & Stats
  • 🔍 Built-in SEO configuration via Markdown + layout
  • 🧠 Customizable codebase and Tailwind setup

📂 Template Includes

  • 🏠 Homepage – Unified bento grid layout with all key sections
  • 👨‍💻 About – Share your story, background, and mission
  • 💼 Projects – Showcase your best work and personal builds
  • 🧠 Tech Stack – Highlight your tools and technologies
  • 📄 Testimonials & Stats – Add credibility and metrics
  • 🌐 SEO Config – Control titles, metadata, and social previews
  • ✍️ Markdown-based content – Easy editing via structured content files

⚙️ How to Customize

All content lives in src/content/. You’ll find Markdown files for each section:

  • profile.md – About you
  • projects.md – Your portfolio
  • stack.md – Tools and tech
  • testimonials.md – Client or user feedback
  • stats.md – KPIs or personal milestones
  • seo.md – Metadata and open graph settings



⚡ Quick Setup

  1. 📥 Download and unzip after purchase
  2. 🔧 Install dependencies
  3. 🚀 Start development server to preview
  4. 🛠️ Build when ready for production


🛠️ Tech Stack

Astro – Blazing-fast static site generator

Tailwind CSS – Utility-first styling framework

Content Collections – Schema-based content system in Astro


🚀 Ready to Build Your Dream Portfolio?

Make your work unforgettable with Bento Grid Portfolio – a modular layout for modern creators.