Map

The Widgetkit Map provides a simple solution for adding a map to your website. Various features let you customize the map, like changing colors and adding markers or directions.

Features

Location selection with auto geocoding
Supports multiple map markers with text popups
Option to get the direction to the active marker
Supports custom map styles and colors
Uses the latest Google Maps API
Built with HTML5, CSS3, PHP 5.3+ and the latest jQuery version
Works with Joomla and WordPress

Direction Example

This map features all map controls, multiple markers and you can get the direction.

Color Scheme Example

Set or invert the hue, saturation, lightness and gamma of a map.

Minimal Example

This map has a fixed width, no controls and no markers.

How To Use

With the Widgetkit Map you can quickly create and manage simple maps with features like multiple markers, text popups and custom color schemes. Once you have created a map, you can load it anywhere on your website using shortcodes or the universal Widgetkit Joomla module or WordPress widget.

Gallery

The Widgetkit Gallery provides a smart and automated way to publish images on your website. You only need to select the image folders and the whole gallery is generated automatically.

Features

Fully responsive including all effects
Folder based image selection
Supports multiple image folders
Automatic thumbnail creation
Supports image captions and custom links
Uses the Widgetkit Spotlight and Lightbox
Built with HTML5, CSS3, PHP 5.2+ and the latest jQuery version
Works with Joomla and WordPress

Showcase Box Example

This is an image showcase with eye-catching transition effects and a thumbnail navigation.

Could not load widget with the id 39.

Image Wall Example

This is an image wall with zoom effect, no margins and squared corners using the lightbox.

Polaroid Example

This is an image wall with scattered polaroid pictures using the lightbox.

No images found.

Slider Example 1

This is an image slider where the image centers automatically during the effect. It also features a spotlight caption and the lightbox.

Could not load widget with the id 27.

Slider Example 2

This is an image slider where the image stays left during the effect.

Could not load widget with the id 31.

Slideshow Screen Example

This is an image gallery using the nice swipe effect from the slideshow widget.

Could not load widget with the id 48.

Slideshow Default Example

This is an image gallery using all the features from the slideshow widget.

No images found.

Showcase Example

This is a simple image showcase mashing up all the features from the slideshow and slideset widget.

Could not load widget with the id 40.

Slideshow Inside Example

This is a very basic slideshow which uses preview thumbnails inside the image as a navigation.

No images found.

Spotlight Example

This is an image wall with some margins and rounded corners using the spotlight and lightbox.

Aloha Dashboard Launch for SLIDER low res

Slideset Example

This is an image gallery using all the features from the slideset widget.

How To Use

The Widgetkit Gallery comes with a user-friendly administration user interface which let's you create new galleries with just a few clicks. The integrated directory browser let's you easily add or remove source directories of your images. All galleries can be loaded anywhere in your theme using shortcodes or the universal Widgetkit Joomla module or WordPress widget.

Media Player

The Widgetkit Media Player is a HTML5 audio and video player completely built with HTML and CSS. You can easily embed video files into your website by using the HTML5 video element. A Flash player fallback is included for all unsupported browsers.

Features

Native playback for modern HTML5 browsers
Supports MP4 (h.264), WebM, FLV, WMV and MP3 files
Completely built with HTML and CSS
Responsive design to fit all device resolutions
Same UI in all browsers
Create your own skins
Flash player fallback for unsupported browsers
Works with Joomla and WordPress

Examples

This is a MP3 Audio Sample:

How To Use

Use the HTML5 video element to embed video in your website. For example:

<video src="/video.mp4" width="320" height="240"></video>

You can also provide multiple sources, to add support for the different video formats like h.264, WebM or Ogg:

<video width="320" height="240">
  <source type="video/mp4"  src="/video.mp4" />
  <source type="video/webm" src="/video.webm" />
  <source type="video/ogg"  src="/video.ogv" />
</video>

Use the HTML5 audio element to embed MP3 files in your website. For example:

<audio src="/audio.mp3" type="audio/mp3"></audio>

Twitter

The Widgetkit Twitter module is the neatest way to display tweets directly on your website. All displayed tweets get cached so they show up super fast, even if Twitter is not available.

Features

Filter tweets by hashtags, words, from users, to users, referencing users
Block tweets using a blacklist
Tweets are cached for high performance
Tweets show up even if Twitter is not available
3 different styles to show your tweets
Responsive design to fit all device resolutions
Built with HTML5 using article and time elements
Works with Joomla and WordPress

How To Use

Create a Twitter module in Joomla or a Twitter widget in WordPress and publish it in a module position. A lot of options are available to choose which tweets you want to show.

For example you can show only tweets from a specific user or tweets that contain a certain hash-tag or a specific word. All options can be combined. To filter by more than one word or user use a space between them. For example: yootheme joomla.

Slideshow

The Widgetkit Slideshow is the ultimate image and content slideshow for Joomla and WordPress. It's flexible, easy to customize and completely built with HTML5 and CSS3.

Features

Clean and very lightweight code
17 eye-catching transition effects
Fully responsive including all effects
Uses hardware accelerated CSS3 animations
Supports HTML captions
Swipe navigation on mobile devices
Built with HTML5, CSS3, PHP 5.3+ and the latest jQuery version
Works with Joomla and WordPress

Slideshow Screen Example

This is an image slideshow with the famous Ken Burns effect.

Could not load widget with the id 45.

Slideshow Default Example

This is an image slideshow with eye-catching transition effects.

Could not load widget with the id 10.

Showcase Box Example

This a content showcase using all the features from the Slideset widget as a navigation. Any kind of HTML content can be used inside the navigation.

Could not load widget with the id 37.

Showcase Button Example

This is an image slideshow with some nice navigation buttons. You can place any kind of HTML in the navigation buttons.

Could not load widget with the id 41.

Tabs Example

This is a classic, tabbed slideshow. Tabs can be aligned to the left, right and center.

Could not load widget with the id 35.

Tabs Bar Example

This is a slideshow with a tabbed navigation bar. Tabs can be aligned to the left, right and center.

Could not load widget with the id 34.

List Example

This is a slideshow with a vertical tabbed list as a navigation.

Could not load widget with the id 36.

How To Use

The Widgetkit Slideshow takes full advantage of the very user-friendly Widgetkit administration user interface. It has never been easier to create and manage all the slideshows and their different slides in one place. After you created a slideshow you can load it anywhere in your theme using shortcodes or the universal Widgetkit Joomla module or WordPress widget.

Widgetkit

Widgetkit is the next generation tool set for Joomla and WordPress. This toolkit is the first of its kind! It provides a simple and user-friendly way to enrich your websites experience with slideshows, galleries, lightboxes and much more. All widgets make use of modern web technologies like HTML5 markup, CSS3 features and jQuery based JavaScripts. Widgetkit is fully responsive and all widgets and their effects adapt perfectly for all device resolutions. It supports touch gestures and makes use of smooth CSS3 animations. Here is a short feature roundup:

Features

Available for Joomla and WordPress
All widgets are fully responsive
Use shortcodes to show widgets anywhere
Clean and lightweight code
Semantic HTML5 markup
Asset file minification and compression
Supports touch gestures for mobile devices
Uses hardware accelerated CSS3 animations
Built with HTML5, CSS3, PHP 5.3+ and the latest jQuery version

How It Works

Widgetkit basically acts as a platform for all our widgets. It installs as a single component in Joomla or as a plugin in WordPress. The Widgetkit dashboard presents you an overview of all widgets. You can create, edit or delete all widgets and their content in one place. And after you have created the content for your first widget, you can either use a shortcode or a module to display your widget anywhere on your website. In fact, you can do both. Because once have you created a widget, you are able to display it multiple times and reuse it on different parts of your website.

Visit Website