Client Login Get Help

Need Help?

Please Contact Us. Call us directly, or complete the simple form below. Someone will contact you within one business day.

Call Us

Client Login

You can login with your username and password below to access free downloads.

Slides, Sans jQuery

New Slider, Slideset & Slideshow Elements

The new Slider component allows you to display multiple content items at once. You can slide through the row of items, smoothly revealing new ones. The Slider was written from scratch, sharing its code base with the Slideshow component. Thanks to this modularity the UIkit JavaScript only got 2KB bigger (gzipped) in file size including the Slider component and all other improvements. We think that's really great! And remember, all this works without jQuery dependency!

It's fully customizable, responsive, and supports swipe and touch navigation as well as mouse drag. Other Slider features include center mode and infinite scrolling. When clicking through the items, the Slider keeps up with your pace, so that no click or swipe is lost. Meanwhile, hardware accelerated animations ensure smooth transitions. You can apply the Grid component to add gutter and use different classes from the Width component to define the size of all items and build the Slider you want. If no width classes are used, each item's width depends on the dimensions of the content itself. Of course, you can also create a Slider that extends to full viewport height. Both the Slideshow and the Slider are able to generate their dotnavs automatically when there is no item specific content in the navigation items. The dotnav of the Slider even recalculates the number of hidden items depending on the Slider's width. By the way, the Slider and the Slideshow now also have RTL support, so both adapt perfectly to websites using right-to-left languages.

Video Component

Apart from the Slider, the uk-video attribute was improved as well. Now videos play and pause when they enter or leave the viewport. Since it's recommended to use videos instead of animated gifs due to their smaller file size, we can now deprecate the uk-gif attribute, which does the same as the video attribute but for gifs.

Scrolling through Sets of Items

The new Slider combines the functionality of the Slider and the Slideset that you know from UIkit 2. You can now choose if you want to loop through single items or sets of visible items. The number of dots in the navigation will also adapt automatically depending on how many items are visible on the specific viewport. The Slider now offers the Slideset functionality, the only difference is that the Slideset offers different animations. For this reason, we have decided not to implement a Slideset component into the UIkit 3 stable release. This puts into question whether a new Slideset is even necessary. What do you think?

Joomla News from Across the Web

UIkit
RT @getuikit: Goodbye jQuery, Hello Slideshow! We just released UIkit 3 Beta 31 πŸŽ‰πŸ€  yootheme.com/blog/2017/10/2…
UIkit
Goodbye jQuery, Hello Slideshow! We just released UIkit 3 Beta 31 πŸŽ‰πŸ€  yootheme.com/blog/2017/10/2…
UIkit
RT @yootheme: Our UIkit talk is starting in room 3 #jd17de
UIkit
We released UIkit 3 Beta 26 - New Lightbox and Video components πŸŽ‰πŸ˜Ž yootheme.com/blog/2017/07/2…
UIkit
We've just hit... ten thousand stars on Github! πŸŽ‰ Thank you! github.com/uikit/uikit/st…
UIkit
Yeah! We pushed the 100th release of UIkit yesterday!
UIkit
Learn more about the UIkit 3.0 beta release in our blog post πŸ€“Β yootheme.com/blog/2017/01/0…
UIkit
RT @getuikit: Get ready... UIkit 3 beta is coming on Monday 9th, January πŸŽ‰πŸ’₯
UIkit
RT @postporncig: @getuikit Congrats . can't wait to see new features 😍
UIkit
Get ready... UIkit 3 beta is coming on Monday 9th, January πŸŽ‰πŸ’₯
UIkit
RT @SteveJBurge: New class alert: how to use the @getuikit design framework from YooTheme: buff.ly/2irk5QG
UIkit
Place any element in relation to its parent with the Position component in UIkit 3

We've Proudly Served

  • Aetna USHealthCare
  • Back Sports Page
  • Bay Bella Publishing, LLC
  • Biogenex Labs, Inc.
  • Buddhist Church of SF
  • Braemac CA
  • Bride Nine Magazine
  • BNC Scientific
  • California Women's Caucus
  • The City of Napa
  • Cartelligent
  • 4C's of San Mateo
  • Cupcakin' Bake Shop
  • Colorado Visions
  • Conscious Creative
  • Corral Construction
  • CoreTechs Staffing
  • California Women's Caucus
  • db Autosportif
  • Earthquake Sound Corp
  • Estate Smiths
  • Galaxy HT
  • Glass Owl Digital Marketing
  • Innogenex
  • iParadigms
  • Leapfrog Enterprises, Inc
  • K&C Investments
  • MediPurpose
  • Michael Franti & Spearhead
  • Mooala
  • NIA Creative, Inc
  • Needle Addicted Tattoo
  • Neulum LTD
  • Oakland Athletics
  • Pixar Animation Studios
  • Picturewall
  • Princeton Gamma Technologies
  • PS Print, LLC
  • Power to the Peaceful
  • Portal to Peace
  • Quantum Composers
  • Spectraflow, Inc.
  • Square Two Design
  • The Grateful Dead
  • The Vegas Hookup
  • Timothy Komo Construction
  • Turnitin.com
  • USA Cancer Free
  • Young's Market Company
  • ...this is how I always envisioned our website. fantastic job!

    - Dave Shapiro, Cartelligent

    See More

Featured

CMS Web Design

Custom Joomla & Wordpress Solutions

Learn More