Bentolio
A Minimal Portfolio Template Built with Nuxt & GSAP
Overview
Bentolio is a sleek and modern portfolio template designed specifically for the Nuxt 4 framework. Utilizing Tailwind CSS 4 for vibrant visuals and GSAP for engaging animations, this template offers a seamless way to showcase your work while ensuring a user-friendly experience. With its minimalistic design, Bentolio grants users flexibility in personalizing their online presence while relying on the latest web technologies to support functionality and performance.
Built with a strong focus on developer experience, Bentolio is perfect for those looking to create an appealing portfolio. It comes equipped with intelligent configurations and easy-to-use features that make setting up and maintaining your site a breeze.
Features
- Nuxt Layer: Embraces a modern development experience, optimizing for serverless architecture and static site generation by default.
- Tailwind CSS 4: Offers zero-config utility classes that promote a CSS-first approach, enhancing both styling and customization.
- GSAP Animations: Includes smooth entrance animations and micro-interactions for an engaging user experience that captivates visitors.
- Dark Mode: Easily toggle between light and dark themes using @nuxtjs/color-mode to ensure a comfortable viewing experience.
- Icons: Integrates @nuxt/icon with collections from Iconify, providing a vast selection of icons (e.g., ph, simple-icons) to enhance your design.
- Type-safe App Config: Features autocompletion and validation, making it easier to manage your site data securely and efficiently.
- Static Generation: Automatically pre-renders pages, ensuring quick loading times and straightforward deployment to any static hosting service.
- OG Image Generation: Automatically creates an OG image via the nuxt-og-image module, enhancing social media sharing visibility.
- Nuxt
nuxt.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- Vue
Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- Portfolio
A portfolio website is a type of website that showcases an individual's or a company's work, skills, and accomplishments. It typically includes a gallery of images or videos, case studies, and client testimonials to provide potential clients or employers with a comprehensive overview of their experience and expertise.
- Templates & Themes
A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.