Vibes – Colorful Compact Portfolio (HTML)

Vibes - Colorful Compact Portfolio (HTML)

Vibes - Colorful Compact Portfolio (HTML)

Vibes - Colorful Compact Portfolio (HTML)

Colorful Portfolio Template for Designers and Creative Agencies

Please note, that this is NOT a WordPress theme, but HTML template. Anyway, even as a template it does offer a great amount of functionality.

Advanced Portfolio Functionality

Various types of project listing (grid, masonry, with or without hover overlays). You can open project details in ajax modal, lightboxe or on a separate page.

4 Gorgeous Color Schemes

You can easily fall in love with all of them, but even if you don’t, making your very own scheme is just a matter of few minutes, just follow the documentation.

Ajax Contact Form

Fully working contact form with anti-spam control (honeypot). Please note that you need to host your site on PHP hosting for contact and reservation forms to work.

MailChimp Integration

VIBES also offers fully working subscribe form. Check the documentation on how to connect it to your MailChimp subscribers list.

Even though it supports only the MailChimp by default, it is possible to tweak it for working with your custom solution if needed.

Social Widgets

Fully working Twitter, Dribbble, Instagram and Flickr feeds.

Other Notable Features

  • Valid and semantic HTML5 code
  • Coded with SASS
  • One Page version included
  • Responsive layout with Retina graphics
  • FontAwesome icons

Internet Explorer 9 Compatibility

VIBES was tested on IE9 and it works fine, except for one notable issue with body/header backgrounds. As this browser doesn’t support CSS gradient technique, which is very crucial for achieving unique look of this template, I decided to display both body and header backgrounds in solid color. That means no background image in IE9. Please take a look at this screenshot to see how it looks in IE9.

As IE9 is becoming more and more marginal each month, this shouldn’t be an issue for most users, but I thought that it is fair to let you know about this.


Images seen in preview are NOT included.

All portfolio illustrations by amazing Justin Mezzell.

Here is the list of photographies used in masonry list portfolio:
photo 1 by M Trombone, photo 2 by Geo Goun, photo 3 by See-ming Lee, photo 4 by paul bica, photo 5 by kimdokhac, photo 6 by Daniel Zedda, photo 7 by Andrés Nieto Porras, photo 8 by Daniel Sjöström, photo 9 by Daniel Sjöström, photo 10 by Zach Dischner, photo 11 by Andrés Nieto Porras, photo 12 by Andrés Nieto Porras.

Following free images were downloaded from and
image 1, image 2, image 3, image 4.

You can purchase your own license for avatar icons used in demo at License for background images with planets can be also bought at

Update Log

Complete changelog can be found here.

 v1.0.3 Fixed issue with Load More button in home-blog.html. v1.0.2 Fixed bug with Main Sidebar not working properly without setting up the Twitter widget. v1.0.1 Added custom styling for Select, Radio and Checkbox inputs (see elements.html template for examples). Minor color change to content text font. Updated FontAwesome icons to version 4.2. v1.0.0 Initial ThemeForest release.