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


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.

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.

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.

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.

  • Basic Licence

  • $89

    • Non Commercial Usage
    • Multiple Sites
    • Lifetime Support
    • Unlimited Updates
  • License Details
  • Extended License

  • $890

    • Commercial Usage
    • Multiple Sites
    • Lifetime Support
    • Unlimited Updates
  • License Details

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.

Compatible with modern browsers and Internet Explorer 9+

Visit the official documentation for more information.

Related Layouts


Barcelona is a next-gen layout proudly presented by Prime Tek