BentoFolio - Modern Astro & Tailwind CSS Portfolio Template

Elevate your personal brand with the Bento Grid style.

Stop wasting hours designing from scratch. This Astro + Tailwind CSS template brings the trendy "Bento Grid" design (popularized by Apple and Linear) to your personal portfolio. It is minimal, fast, and incredibly easy to customize.

🚀 Live Demo: Bento Portfolio - Alex Morgan

Why this template?

As developers, we often neglect our own portfolios. This template solves that. It's built for Senior Developers, Designers, and Indie Hackers who want to showcase their work professionally without over-engineering.

✨ Key Features

• Built with Astro 5.0: Zero JavaScript runtime by default. Blazing fast.
• Tailwind CSS: Styled for utility and easy maintenance.
• 100/100 Lighthouse Score: Perfect SEO and Accessibility out of the box.
• Responsive Bento Grid: The grid adapts perfectly from Desktop to Mobile.
• Dark/Light Mode: System preference support included.
• Asset Optimization: Automatic image optimization using Astro's <Image />.

📦 What's inside the ZIP?

• Full Source Code (Astro + Tailwind).
• Component-based architecture (Header, Grid Items, Footer).
• README.md with setup instructions ( npm install -> npm run dev).
• Free updates for life.

⚡️ Quick Setup

1. Download the file.
2. Unzip and open in VS Code.
3. Edit config.ts (or your data file) to change name, links, and projects.
4. Deploy to Vercel/Netlify in seconds.

Ready to stand out? Get the template and launch your new portfolio today.