Edge Theme

April 2016 YOOtheme club theme

Apr
01
Edge Theme

Back from the Easter holidays we are excited to present Edge, our April 2016 release. This theme comes with loads of useful features. For example, with our new additional block options you can align whole sections to the left or right. This offers entirely new possibilities for a variable and refreshing layout. Three custom widget plugins, a lot of attention to detail and a light, typography oriented design make it perfect for any blog or magazine website.

Custom Widgets

Edge theme comes with Widgetkit 2, our handy content creator toolkit. Apart from the default widget plugins, we've included a custom Slideshow Panel, Slider and a Slideshow widget.

Slideshow Panel

This Slideshow Panel widget automatically applies an offset to the content panel, so that it overlaps the image. Media can be placed at the left, right or top of the content.

Edge Slideshow Panel

Slider

The Slider Edge allows you to select a custom button that will be displayed inside the overlay. You can also display and link each item's title in its overlay.

Edge Slider

Slideshow

The custom Slideshow widget doesn't make use of the tradition overlay. Instead content will be displayed inside a panel on top of the image, which can be align to the left or right.

Edge Slideshow

Adaptive navbar

Edge theme features four different layouts for the main navigation. The menu can be centered and aligned to the left or right and it can be centered with the logo above the menu. You can set the navbar fixed, so it will stay at the top of the browser window when scrolling. Additionally, you can extend the dropdown to the width of the entire browser window.

Edge Navigation

Block Appearance

Each widget/module position of Edge theme can be styled differently. You can apply different background colors and vertical paddings and remove horizontal padding. Each block can have a default, large or full width layout. To add an interesting and varied touch to this theme, blocks can be aligned to the left or right.

Edge Block Layouts

Blog Layout

Of course we've also added a special blog layout. It places the featured image on alternating sides of the content. The title and meta data of the article are enhanced with a border that slightly overlaps the image.

Edge Blog

Additions

Edge theme comes with 6 style presets and a number of useful utility classes and theme components that will help you arrange your content. For a full list of these classes and a more detailed overview of the theme's features, check out the Theme page.

  • Slideshow Panel Slider and Slideshow widgets
  • 4 different navbar layouts with many options
  • Different block appearance settings
  • Custom blog layout
  • Demo pages built with Widgetkit 2
  • Full UIkit components styling
  • 6 pre-built style variations
  • Easy customizer and LESS integration
  • WooCommerce support

Joomla Demo WordPress Demo

By Lisanne | | Posted in Themes | 46 comments

Joy Theme

March 2016 YOOtheme club theme

Mar
01
Joy Theme

Spring is around the corner bringing us a fresh new theme. Joy – our March 2016 release – is bursting with special features, like two additional module positions, eye catching effects and custom Slideshow and Slideshow Panel widgets. It works great for any kind of website project, though it's particularly suited for charity, NGO or event presentations.

Hero Blocks

Joy theme comes with two special module positions: Top and Bottom Hero. Both expand to full viewport height and width and feature custom settings that are applied through the Warp administration. You can enter a background image path or a color value for each of these positions. Additionally you can animate the colored background, so it will rotate through different hues, and enable a particles animation. If this is not enough, you can also add your own custom class to further enhance your hero blocks. For example, adding the .tm-top-hero-gradient class will fade out the Top Hero position towards the bottom with a gradient.

Joy Hero Blocks

Typewriter effect

This effect is great for drawing attention to important headings. Just add the data-tw attribute to a text element. It is also possible to add an animation from UIkit to the incoming letters and to increase or decrease the speed of the effect.

Joy Typewriter Effect

Slideshow and Slideshow Panel

The custom Slideshow and Slideshow panel widgets feature a display announcing the number of items as well as the active item. The conjoint slidenav can be positioned to the top left, top right, bottom left or bottom right of the Slideshow.

Joy Custom Widgets

Page appearance

Joy theme allows you to display the site's wrapper with small, medium, large as well as full width

Joy Page Appearance

Navigation settings

This theme comes with three different navigation layouts. The main menu can be centered or aligned to the left or right. It can be placed on top of the content as a transparent navigation and it can be set fixed, so it remains at the top of the browser when scrolling.

Joy Navigaton

Another option allows you to extend the main navigation dropdown to the width of the entire browser window. A subtle overlay will be applied to the rest of the site while the dropdown is open.

Joy Navigaton

Blog layout

The optional custom blog layout places the date to the left of the article's content.

Joy Blog Layout

Additions

Joy theme comes with 6 style presets and a number of additional options to change the position appearance of each section. Some useful utility classes and theme components will help you arrange your content. For a full list of these classes and a more detailed overview of the theme's features, check out the Theme page.

  • Additional Hero module positions
  • Slideshow and Slideshow Panel widgets
  • Three different navbar layouts with more options
  • Different block appearance settings
  • Custom blog layout
  • Demo pages built with Widgetkit 2
  • Full UIkit components styling
  • 6 pre-built style variations
  • Easy customizer and LESS integration
  • WooCommerce support

Joomla Demo WordPress Demo

By Sergej | | Posted in Themes | 20 comments

Recap 2015

Check out last year's projects and highlights

Feb
25
Recap 2015 - Check out lasts year projects and highlights

2015 has been filled with great moments and exciting projects. The beginning of a new year is always a good opportunity to look back and see what has happened. We would also like to take the opportunity and look ahead to see what our plans are for the upcoming months.

By Olivia | | Posted in Warp, UIkit, Pagekit, Company | 12 comments

UIkit 2.25 released

New Grid Parallax component

Feb
17
UIkit 2.25 released

UIkit's first release in 2016 comes with a nice new component: the Grid Parallax. But before we look at this new component, we want to express our appreciation for all contributors of UIkit. More than 6000 stargazers on GitHub is a number that gives a glimpse at your enormous support. Thanks to everyone for giving feedback and suggestions on how to enhance UIkit.

By Olivia | | Posted in UIkit | 8 comments

Chester Theme

February 2016 YOOtheme club theme

Feb
01
Chester Theme

Make yourself at home with Chester, our February 2016 release. This theme travels light, focusing on essential design elements and paying special attention to detail. It features four custom widgets, the additional Sidepanel position, different main navigation layouts and a bunch of useful little helpers. With its spacious layout and elegant typography, Chester will perfectly represent a hotel, inn or any other grastronomy business, though it's versatile enough to work great with any kind of website.

Navbar Layouts

Chester theme features two different navigation layouts. You can either place the logo on top of a centered main menu, making space for a big logo as well as the additional headerbar position. Or you can display both in a single row to save space. In both cases you have the option to apply a sticky navigation, so it remains at the top of the browser window when scrolling.

Chester Navbar Layouts

Custom Widgets

Of course Chester comes with Widgetkit 2, our content building toolkit. In addition to the standard plugins we've created four custom widgets that perfectly fit into the theme's overall styling.

Slider

This slider applies a three column layout, centering the active item and adding generous spacing between the images. That way they are cut off by the browser window, which creates a trendy and elegant look.

Chester Slider Widget

Popover

The Popover Chester widget provides a custom toggle icon and alignment options, so that the dropdowns are aligned by their corners instead of their sides.

Chester Popover Widget

Switcher

This custom Switcher features a special navigation that allows you to use thumbnails and the items' titles to switch through the panels. Additionally you can apply different widths to the content through an option in the widget's administration.

Chester Switcher Widget

Switcher Nav

The second custom Switcher comes with another special navigation. You can use an image, like an icon, the item's title or both to navigate trough your content. It is also possible to select the content width for this Switcher in the widget settings.

Chester Switcher Nav Widget

Sidepanel position

To allow quick access to important content, like a booking form, Chester provides the new Sidepanel position. A button, which remains fixed on the left side of the browser window, toggles any content that is published inside this position, so it will slide into view. You can display multiple widgets/modules inside the Sidepanel.

Chester Sidepanel Position

Blog Layout

Chester theme also comes with an optional blog layout. It displays the featured image and the article content side by side and places the create date iconically next to the image. Of course, the default blog layout is also available.

Chester Block Layouts

Additions

Chester theme comes with 6 style presets and a number of additional options to change the position appearance of each section. Some useful utility classes and theme components will help you arrange your content. For a full list of these classes and a more detailed overview of the theme's features, check out the Theme page.

  • 2 different navbar layouts
  • Custom Slider, Popover and two Switcher widgets
  • Additional Sidepanel position
  • Optional custom blog layout
  • Demo pages built with Widgetkit 2
  • Full UIkit components styling
  • 6 pre-built style variations
  • Easy customizer and LESS integration
  • WooCommerce support

Joomla Demo WordPress Demo

By Franziska | | Posted in Themes | 8 comments

Avanti Theme

January 2016 YOOtheme club theme

Jan
04
Avanti Theme

Happy new year everyone! We will start 2016 with Avanti. This noble theme includes two different navigation and two different footer layouts, three custom widgets, modification classes, many other options and of course the latest Warp and UIkit features. Avanti comes in 6 different styles and polished demo pages, which make it suitable for all kinds of websites.

Styles

Avanti Theme Styles

Slideshow

Avanti comes with a modified Slideshow widget, which works perfectly inside the theme's header layout position. The Slideshow features a brand new numnav which counts items automatically. You are able to set a width for the overlay content. And on top of this, we also added an animated letter option for each item's title.

Avanti Slideshow Widget

Slideshow Panel

With the Widgetkit 2.5 release we have added the Slideshow Panel widget. Avanti uses a slightly modified version perfectly fitting for any portfolio, case study or product presentation. The Slideshow Panel features a content max width setting for large view ports. This option might be very useful, if you are using a full width block layout setting.

Avanti Slideshow Panel Widget

Grid

For Avanti we have added a modified Grid widget to customize our output, especially the one we can not control, like WordPress or Joomla system content. We've added a truncate option for the title and content, which makes it easier to control the data output and height. The grid also features a divider option, adding borders between the items. Finally, we also added the option to display tags from the WordPress/Joomla content providers.

Avanti Grid Widget

Navigation

The main navigation of Avanti Theme supports the latest UIkit sticky navigation component features. You are able to select from 3 different navigation behaviors/styles and 2 layouts. The styles and the layouts can be combined. This makes 6 different navigation combinations. To make the navigation a little more unqiue we added a subtle but nice animation for the sticky navigation.

Avanti Navigation

Footer

In this theme you can choose from two different footer layouts and combine them with the fixed footer option. When enabled, your website will scroll over the footer.

Avanti Footer

Block Appearance

Avanti supports some useful options for all block layout positions. All settings can be combined for a block position. If you need different block settings for different pages, you can use layout profiles and assign them to your menu items. The options inlcude different background colors, background-image path field, blend and opacity options, various spacing options, full width and full height support and an option to add custom CSS classes to customize your content.

Avanti Block Appearance

Additions

Avanti has some helper classes and modifiers to slightly upgrade and control the content display. You can use them to modify your content. Just remove them, if you prefer the regular UIkit rendering.

Avanti Additions

You can find a comprehensive list of all features here. And you will also soon find answers from our support to your Frequently Asked Questions.

  • Slideshow, Slideshow Panel and Grid widgets
  • Two navigation layouts and three behaviors
  • Two footer layouts with position fixed option
  • Different block appearance settings
  • Custom blog layout
  • Demo pages built with Widgetkit 2
  • Full UIkit components styling
  • 6 sophisticated pre-built style variations
  • Easy customizer and LESS integration
  • WooCommerce support

Joomla Demo WordPress Demo

By Danny | | Posted in Themes | 22 comments

Uniq Theme

December 2015 YOOtheme club theme

Dec
01
Uniq Theme

As Christmas draws nearer we end the year with Uniq, our December 2015 release. This elegant, clean theme includes three custom widgets, different layouts for the main navigation and a number of additional theme specific options. Its extreme versatility is reflected in the sophisticated style variations. Each style is thematically matched to a different industry, for example a bakery or a wedding website.

Slideshow Panel

Uniq features its own custom version of the new Slideshow Panel widget. Unlike the ordinary Slideshow it allows you to place content next to the image instead of displaying it in an overlay. The Uniq Slideshow Panel has a rounded content border overlaying the image and an animated button for the link.

Custom Widgets

Gallery Uniq

The custom Gallery Uniq widget includes a special overlay effect, similar to the one in the Slideshow Panel. The new slideshow lightbox option creates a fullscreen modal, presenting content and image side by side. Additional content can be displayed here as well as a second image instead of an enlarged version.

Custom Widgets

Switcher Panel

Another new member in the Widgetkit family is the Switcher Panel, also represented as a custom widget in this theme. It places the image in a teaser alignment at the top of the panel with an overlaying navigation to switch through the different content panes. The custom Uniq Switcher Panel provides a heading for the tabbed navigation.

Custom Widgets

Navbar Layouts

The main navigation of Uniq theme supports the the latest UIkit Sticky and Smooth Scroll component features. This combination offers you the possibility to use Uniq as a slim one-pager as well as a more complex site. Additionally, you are able to choose from 3 different navigation layouts in the Warp administration.

Custom Widgets

Avatar Styling

Another little gimmick is the .tm-timeline-avatar class. It applies a circle shape and a border to images and moves it up by 80px. This is great to integrate an avatar or similar into a vertically split layout, evenly placed between the top and bottom half. You can see this in the About section of our theme demo.

Custom Widgets

Blog layout

Of course we wouldn't skip the opportunity to create a custom blog layout for this theme. It places each article inside a panel with the featured image attached to the top border like a teaser.

Custom Widgets

You can find a comprehensive list of all features here. And you will also soon find answers from our support to your Frequently Asked Questions.

  • Slideshow Panel, Gallery and Switcher widgets
  • Three different navbar layouts with sticky and smooth scroll options
  • Different block appearance settings
  • Custom blog layout
  • Demo pages built with Widgetkit 2
  • Full UIkit components styling
  • 4 sophisticated pre-built style variations
  • Easy customizer and LESS integration
  • WooCommerce support

Joomla Demo WordPress Demo

By Sergej | | Posted in Themes | 16 comments

Finch Theme

November 2015 YOOtheme club theme

Nov
02
Finch Theme

Adventurers, globetrotters, and outdoor friends, check out Finch, our November 2015 release. This sophisticated theme provides tons of custom options and additional features to make browsing through your website a true experience. Its rich, textured widescreen layout makes it perfect for any kind of travel blog or magazine.

Custom Widgets

Finch comes with our own content builder Widgetkit 2, including three exclusive new custom widgets. The Popover widget allows you to position items through coordinates on top of a main image, which is chosen through the widget settings. Content will be displayed inside a dropdown triggered by each item. The custom Slider provides a special layout, placing the item's title outside the overlay and the custom Slideshow couples the navigation to its content.

Custom Widgets

Special Features

With Finch we allow you to say goodbye to simplistic, flat designs and bring graphical richness and depth back into your layouts. You can add background images or textures to each module position. Even border images will be added to your textured blocks. Widgets/modules have additional options, like opacity and alignment. And as a neat little feature, you can add background textures to your text elements. Just add the .tm-text-clip class and a background image via inline style to the element.

Texture

What else

This theme includes 6 dark, light and colored styles. An additional Socialbar position lets you toggle social icons through a button that sticks to the side of the browser window. And of course, the adaptive navbar provides different sticky and transparency options. You can see all these features and more on a number of custom pages we’ve created to help you as a starting point for your own layouts.

Socialbar
  • Custom Popover, Slider and Slideshow widgets
  • Block appearance options, like background, texture and padding
  • Opacity and alignment options for widgets/modules
  • Clipped background images on text
  • Optionally sticky and transparent navbar
  • Demo pages built with Widgetkit 2
  • Full UIkit components styling
  • 6 pre-built style variations
  • Easy customizer and LESS integration
  • WooCommerce support

Joomla Demo WordPress Demo

By Lisanne | | Posted in Themes | 23 comments