Warp Framework

home warp logo

Theme development done right!

What is it?

Warp is an Open-Source Theme Framework for Joomla and WordPress created by Yootheme which provides a rich tool set to develop cross-platform themes.

Why we use it

We wanted a reliable and well crafted framework to build our designs upon. Although it is full featured and well engineered, we think you will find it surprisingly simple to use. We feel that Warp has the best mix of features and simplicity to meet the needs of the widest range of users.

Built in Customizer

An awesome new feature is the Warp 7 customizer. It lets you pick colors, select fonts and change sizes and spacings without CSS knowledge or the need to write a line of code. Of course we have Google fonts support and a nice icon font on board. It gives you a real-time preview of your theme where you can see all the changes you have made.

themes warp features standalone

Easy Updates

Warp is located in its own folder, the same for all systems and it has no dependencies. This makes updating the framework quick and simple.

themes warp features cuttingedge

Cutting-edge

Completely built on the latest web techniques like HTML5, CSS3 and PHP 5.2+. Unobtrusive, compact scripts provide an enhanced user experience.

themes warp features lightweight

Lightweight

The framework is well designed and coded to provide optimal loading times. You can also combine, minify, cache and compress CSS and JavaScripts.

Warp Framework

A template framework is basically an empty canvas, or base for designing your own theme. Frameworks install just like normal Joomla templates, and contain all of the features you need: dynamic module positions, menu styles, template parameters..etc. You just need to add the visual design, which, in some frameworks can be done from inside the template control panel itself. With just a basic knowledge of CSS, you can easily style these template frameworks to fit your needs.

Sidebar and Module Layouts

The Warp framework comes with a broad range of layout options.

themes warp layout positionthemes warp layout options

 

Module Layouts

The blue module positions allow to choose a module layout which defines the module alignment and proportions: equal, double or stack. You can easily add your own module layouts.

Sidebar Layouts

The two available sidebars, highlighted in red, can be switched to the left or right side and their widths can easily be set in the theme administration.

Module Style

For modules in the blue and red positions you can choose different module styles.

 

Admin User Interface

Powerful customization options and a clean, organized layout.

warp7 admin

Responsive Design

A fully responsive layout that adapts perfectly for all
device resolutions like mobiles, tablets and desktops.

 

themes warp responsive whit

The framework offers a fluid grid sytem, fluid images and well choosen media query breakpoints to scale for popular device dimensions. The main menu is automatically converted into a user-friendly select box menu on small screen devices and less than 5KB of CSS and JavaScript do all the work to make a theme completely responsive out of the box.

Create custom theme styles

Styles are child themes which inherit or override
resources from the default theme.

 

custom styles

Warp Speed, Engage!

Combine, minify, cache and compress CSS and JavaScripts
on the fly. Reduce HTTP requests with Data URIs.



compress

"Social media is changing the way we communicate and connect with the world. Every time you post a photo, or update your status, you are contributing to your own digital footprint and personal brand."