Blog

Introducing Warp Theme

Warp Framework - Here's Why You Should Choose Warp as your Joomla Template / Wordpress Theme provider

A fast and slick theme framework which provides a rich tool set to develop cross-platform themes.
Created by Yoo Team, Warp supports Joomla and WordPress and can be extended to work on other systems. Completely built on the latest web techniques like HTML5, CSS3 and PHP 5.2+

UI Kit - Here's Why You Should Choose WarpTheme as your Joomla Template / Wordpress Theme provider

A lightweight and modular front-end framework for developing fast and powerful web interfaces..
Wordpress Theme 40%
Joomla! Templates 70%
Customer Support 95%
UIkit gives you a comprehensive collection of HTML, CSS, and JS components which is simple to use, easy to customize and extendable. With the mobile-first approach UIkit provides a consistent experience from phones and tablets to desktops. Read more...

Features

Warp Framework - Here's Why You Should Choose WarpTheme as your Joomla Template / Wordpress Theme provider

A fast and slick theme framework which provides a rich tool set to develop cross-platform themes.

UI Kit - Here's Why You Should Choose WarpTheme as your Joomla Template / Wordpress Theme provider

A lightweight and modular front-end framework for developing fast and powerful web interfaces..

1. RESPONSIVE DESIGN

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

All of the Warp templates are adaptable. Yep, just like this. From the box. This feature can be turned off, it also can be adjusted. See how easy you can customize adaptive widgets:

WarpTheme

The user simply sets how a particular block should look on different devices. That’s all. Easy and convenient.

2. UIkit

UIkit – UIkit gives you a comprehensive collection of HTML, CSS, and JS components which is simple to use, easy to customize and extendable. The latest version (Warp 7) has the latest version UIkit inside. A developer can easily run various functions and a user can easily use them.

3. Styles

A developer creates a template and a few basic styles. The user can easily change them, or create his own.

4. Layouts

Support multi Layouts. You can create an unlimited number of Layouts and combine them with an unlimited number of styles. It’s fantastic what can be done with just these two pieces: Styles and Layouts.

5. Sidebars

The sidebar management (not to be confused with the positions of the widgets, they are also often called Sidebars) is very simple and flexible

Warp 7 Sidebar

You can place on the left or put them on the right side. Their width and display are adjustable. Everything is sleek and simple.

6. Widgets

We can manage the headers display for each widget separately, we can attach a widget to certain pages or categories, we can set the style of the widget, add a badge or icon, can manage its behavior if widget is responsive. Moreover, if this is not enough, we can prescribe for the widget class of its own, and stylize it individually.

7. Menus

Warp has a great tools menu management and its display. The user can customize the behavior of pop-up menu, add a subline to the items and icons. Just to bring a beauty. All of this we can do without any plugins. All of this is inside the template.

8. Compression

No matter how many icons you have added to styles, no matter how many scripts or how many LESS and CSS files. Template will compress all of this and produce a single file. Quickly. Nice. Google will appreciate this.

Warp 7 explained by @torbara

Dummy Content

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

UIkit


Article title

Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

<div class="myclass">...</div>

text-muted
text-primary
text-success
text-warning
text-danger
a element
em element
strong
code element
del element
ins element
mark element
q inside a q element
abbr element
dfn element

Badge 1 Success 4 Warning 3 Danger 4

h1

h2

h3

h4

h5
h6

Lorem ipsum dolor.

Someone famous
  • Author

    May 2, 2090 at 1:55 pm

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna.

Divider

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Header

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Box

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Box primary

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Box secondary

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Info message

Success message

Warning message

Danger message

55%
55%
55%
55%
Form states
Form styles


  • List item 1
  • List item 2
  • List item 3
  • List item 1
  • List item 2
  • List item 3
Table caption
Table Heading
Table Data
Table Data
Description lists
Description text.
Description lists
Description text.

Title

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Title

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Layouts

Warp comes with a sophisticated layout system to create any kind of sidebar or widget layout. You can easily manage the sidebar's positions and widths in the theme administration. Widgets can have different styles and be placed in any position offered by this theme. Each position has its own layout. You can align widgets side-by-side, stack them or choose your own grid layout. Show or hide widgets on mobile devices, while the grid adapts perfectly to your layout.

Toolbar

Toolbar L Toolbar R

Logo

Navbar

Search

Top A

1 2 3 4 5 6

Top B

1 2 3 4 5 6

Top C

1 2 3 4 5 6

Top D

1 2 3 4 5 6

Main Top

1 2 3 4 5 6

Main Bottom

1 2 3 4 5 6

Sidebar

Sidebar A Sidebar B

Breadcrumbs

Bottom A

1 2 3 4 5 6

Bottom B

1 2 3 4 5 6

Bottom C

1 2 3 4 5 6

Bottom D

1 2 3 4 5 6

Bottom F

1 2 3 4 5 6

Footer

Left Right

Debug