A highly customizable premium application template featuring 2 menu modes, 10 themes, with light and dark menu options.
Based on the material design language, it is fully responsive, touch optimized, built with SASS, CSS3 and HTML5.

Sales Devices


Feature 1

Fully Responsive

Barcelona is crafted to provide optimal viewing and
interaction experience for a wide range of devices.

Full SaSS Support

Scss syntax of Sass is used to create the css of
both layout and theme for easy customization.

Feature 2
Feature 3

10 Different Themes

Barcelona provides 10 themes out of the box and
it is also very easy to create your own theme with sass variables.
Here is a video tutorial to show how it can be done in a few minutes.

2 Menu Orientations, Light and Dark Menu

Menu has 2 modes; Static and Overlay with Light and Dark color alternatives.

Feature 7
Feature Native

Mobile Experience

Enhanced mobile experience responsive design elements.

Template Pages

Landing, login and error pages are provided
as template pages to get started with building your app in no time.

Feature 4
Feature 8

Material Design

Barcelona is inspired by Google's Material Design language.

Well Supported

Barcelona has a dedicated forum where support is delivered
by engineers at PrimeTek in a timely manner.

Feature 5


Basic License


Non-commercial usage

Extended License


Commercial usage

Download package contains layout resources including css, scss files, javascript, images, facelets templates, login page, promotion page, error pages, empty content page, sample demo pages, documentation, war of demo app with sources and the source control tag as a maven project.

Officially supported for 5.x, 6.0 and newer.