Warp Framework
A fast and slick theme framework
which provides a rich tool set to
develop cross-platform themes.
Theme development done right!
Create your theme easily, based on a well-engineered framework
Supported Systems
Warp supports Joomla and WordPress and can be extended to work on other systems.
Develop only once
Themes are easily portable between the supported systems including all features.
Portable and Stand-alone
Warp is located in its own folder, the same for all systems and it has no dependencies.
Modular and Extendible
Only choose the framework tools you need and add new features easily.
Fast and Lightweight
The framework is well designed and coded to provide optimal loading times.
Cutting-edge
Completely built on the latest web techniques like HTML5, CSS3 and PHP 5.2+
Master Theme
Optimized and streamlined to serve as a blueprint
to build your own custom themes
- Great starting point to build new themes
- Learn to use the framework
- Utilizes all framework features
- Supports all modern browsers
- Works with Joomla and WordPress
Admin User Interface
A clearly arranged user interface focused on simplicity
which integrates perfectly with Joomla and WordPress
Responsive Design
A fully responsive layout that adapts perfectly for all
device resolutions like mobiles, tablets and desktops
Fluid Layout
Offers a fluid grid sytem, fluid images and well choosen media query breakpoints to scale for popular device dimensions.
Responsive Navigation
The main menu is automatically converted into a user-friendly select box menu on small screen devices.
Fast and Lightweight
Less than 5KB of CSS and JavaScript do all the work to make a theme completely responsive out of the box.
System Markup
Make proper use of all new HTML5 elements
HTML5 Enriched
The theme and system markup of Joomla and Wordpress is completely HTML5 based.
Cross-Platform
Uses the same CSS and HTML5 markup for Joomla and Wordpress to simplify development.
Semantic
The theme markup is well structured and very semantic which is great for search engine optimization.
Lightweight CSS Framework
Provides a rich tool set of useful CSS classes
Grid System
Provides a simple, flexible, reusable grid system which also matches column heights.
Clearing Method
Uses the micro clearfix and no overflow: hidden! This means no clipping of CSS properties like box shadow.
Base Style Sheet
To avoid redundant code we normalize browser inconsistencies, instead of resetting them.
Cross-browser Support
Enables you to build robust and future-proof websites.
Modular Structure
CSS is well structured into separate files each with a specific purpose. Only load what you need.
Latest CSS techniques
Utilizes the full power of CSS 2.1 selectors as well as all the shiny CSS3 stuff.
RTL Support
Full support for right-to-left language localizations in sidebar, module and menu layouts.
Print Style Sheet
Makes your website look great when printed on paper.
JavaScript Effects
Enhanced user experience with unobtrusive scripts at a compact size
jQuery
All scripts are lightweight and based on jQuery - the worlds most popular JavaScript library.
Easy Customization
All scripts are flexible and modular, which allows you to enable and disable effects as you like.
Ajax Search
Get instant search results while you are typing, with the built in Ajaxed search field.
HTML5 Shim
Enables all HTML5 elements for older Internet Explorers prior version 9.
Mega Drop Down Menu
Supports different slide transitions for the drop down effect and remains visible when the mouse leaves unintentionally.
Accordion Menu
Adds a smooth sliding effect when opening the sub menu items on your sidebar navigation.
Fancy Menu
It adds an animated background element which highlights the hovered main menu item with a fading or sliding effect.
Smooth Scroll
Scroll smoothly to a section of a page when clicking named anchors in your HTML markup.
Sidebar and Module Layouts
The Warp framework comes with a broad range of 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.
Create custom theme styles
Styles are child themes which inherit or override
resources from the default theme
Custom Styles
Load needed resources from the default theme
Theme
Load needed resources from the framework
Warp Framework
Load resources which are not provided by the main theme directly from the framework
Warp Speed, Engage!
Combine, minify, cache and compress CSS and JavaScripts
on the fly. Reduce HTTP requests with Data URIs.
