Skip to Main Content

ProjectsBentolio

Project Screenshot for My Bentolio Project
  • Astro
  • Tailwind CSS
  • GSAP

What is Bentolio?

Bentolio is a minimal portfolio template built with Astro, Tailwind CSS & GSAP.

Why Did You Build It?

As a curious person, I like tinkering with some tools to see how they solve a particular problem in software development, and I have a list of technologies and tools I want to experiment with. This minimal portfolio template is an experiment using two tools from my list: the Astro web framework and the GSAP animation tool. The design is hugely inspired by @TomIsLoading's Bento Grid from Hover.dev.

How Did You Build It?

I basically implemented @TomIsLoading's Bento Grid design from Hover.dev using Astro as the web framework. I used Tailwind CSS for styling and GSAP to animate parts of the page on load.

Tech Stack

  • Frontend: Astro, GSAP
  • Styling: Tailwind CSS
  • Deployment: Netlify