Code snippets

This page shows the fully customizable ready to use CSS classes that you can easily integrate into your project.

Elements

Lightbox Gallery

Click on pictures below to enlarge them

+

Click to Zoom

Brief picture description
+

Click to Zoom

Brief picture description
+

Click to Zoom

Brief picture description

Animated Icons

More than 400 animated font-face icons and four different animations to choose from

Scrollspy

Trigger events and animations while scrolling your page

Usage

Scroll up and down or refresh page to see some of the triggered animations included in template.

Slide Top

Lorem ipsum dolor sit amet, consectetur.

Scale Up

Lorem ipsum dolor sit amet, consectetur.

Slide Left

Lorem ipsum dolor sit amet, consectetur.

Slide Right

Lorem ipsum dolor sit amet, consectetur.

The scrollspy component listens to page scrolling and triggers events based on the scroll position. To apply this component, add any .uk-animation-* class to an element and it will fade in with a nice animation.

List of animations included in template as follows:

Class Description
.uk-animation-fade The element fades in.
.uk-animation-scale-up The element scales up.
.uk-animation-scale-down The element scales down.
.uk-animation-slide-top The element slides in from the top.
.uk-animation-slide-bottom The element slides in from the bottom.
.uk-animation-slide-left The element slides in from the left.
.uk-animation-slide-right The element slides in from the right.

Buttons

Regular and animated buttons that you can customize

Buttons

Small

Button

Big Button

Color

.btn-color

.btn-color

.btn-color

With Icons

Small

Medium

Big

Styles

Default

Round

Tooltips

Easily create a nicely looking tooltip with options to adjust the tooltip's alignment. Hover over the buttons below to see samples.

Bottom Top Left
Bottom Left Top Left Right
Bottom Right Top Right Hover me

Labels, Badges and Pagination

Easlily create nicely looking badges or labels to highlight your content. Need a pagination to navigate through pages? Template has it.

label label label label label label 1 2 3 4 5 6

Tabs

Create a tabbed navigation with different styles.

With top navigation

  • Apple

    The apple is the pomaceous fruit of the apple tree, species Malus domestica in the rose family (Rosaceae). It is one of the most widely cultivated tree fruits, and the most widely known of the many members of genus Malus that are used by humans. Apples grow on small, deciduous trees.

  • Strawberry

    The garden strawberry (or simply strawberry ananassa) is a widely-grown hybrid species of the genus Fragaria (collectively known as the strawberries). It is cultivated worldwide for its fruit. The fruit (which is not a botanical berry, but an aggregate accessory fruit) is widely appreciated.

  • Mango

    The mango is a fleshy stone fruit belonging to the genus Mangifera, consisting of numerous tropical fruiting trees, that are cultivated mostly for edible fruits, but generally have lower quality of the product. The majority of these species is found in nature as wild mangoes. They all belong in the flowering plant family Anacardiaceae.

  • Pineapple

    The pineapple (Ananas comosus) is a tropical plant with edible multiple fruit consisting of coalesced berries, and the most economically significant plant in the Bromeliaceae family. Pineapples may be cultivated from a crown cutting of the fruit, possibly flowering in 20–24 months and fruiting in the following six months.

With bottom navigation

  • Apple

    The apple is the pomaceous fruit of the apple tree, species Malus domestica in the rose family (Rosaceae). It is one of the most widely cultivated tree fruits, and the most widely known of the many members of genus Malus that are used by humans. Apples grow on small, deciduous trees.

  • Strawberry

    The garden strawberry (or simply strawberry ananassa) is a widely-grown hybrid species of the genus Fragaria (collectively known as the strawberries). It is cultivated worldwide for its fruit. The fruit (which is not a botanical berry, but an aggregate accessory fruit) is widely appreciated.

  • Mango

    The mango is a fleshy stone fruit belonging to the genus Mangifera, consisting of numerous tropical fruiting trees, that are cultivated mostly for edible fruits, but generally have lower quality of the product. The majority of these species is found in nature as wild mangoes. They all belong in the flowering plant family Anacardiaceae.

  • Pineapple

    The pineapple (Ananas comosus) is a tropical plant with edible multiple fruit consisting of coalesced berries, and the most economically significant plant in the Bromeliaceae family. Pineapples may be cultivated from a crown cutting of the fruit, possibly flowering in 20–24 months and fruiting in the following six months.

With left navigation

  • Apple

    The apple is the pomaceous fruit of the apple tree, species Malus domestica in the rose family (Rosaceae). It is one of the most widely cultivated tree fruits, and the most widely known of the many members of genus Malus that are used by humans. Apples grow on small, deciduous trees.

  • Strawberry

    The garden strawberry (or simply strawberry ananassa) is a widely-grown hybrid species of the genus Fragaria (collectively known as the strawberries). It is cultivated worldwide for its fruit. The fruit (which is not a botanical berry, but an aggregate accessory fruit) is widely appreciated.

  • Mango

    The mango is a fleshy stone fruit belonging to the genus Mangifera, consisting of numerous tropical fruiting trees, that are cultivated mostly for edible fruits, but generally have lower quality of the product. The majority of these species is found in nature as wild mangoes. They all belong in the flowering plant family.

  • Pineapple

    The pineapple (Ananas comosus) is a tropical plant with edible multiple fruit consisting of coalesced berries, and the most economically significant plant in the Bromeliaceae family. Pineapples may be cultivated from a crown cutting of the fruit, possibly flowering in 20–24 months and fruiting in the following six months.

With right navigation

  • Apple

    The apple is the pomaceous fruit of the apple tree, species Malus domestica in the rose family (Rosaceae). It is one of the most widely cultivated tree fruits, and the most widely known of the many members of genus Malus that are used by humans. Apples grow on small, deciduous trees.

  • Strawberry

    The garden strawberry (or simply strawberry ananassa) is a widely-grown hybrid species of the genus Fragaria (collectively known as the strawberries). It is cultivated worldwide for its fruit. The fruit (which is not a botanical berry, but an aggregate accessory fruit) is widely appreciated.

  • Mango

    The mango is a fleshy stone fruit belonging to the genus Mangifera, consisting of numerous tropical fruiting trees, that are cultivated mostly for edible fruits, but generally have lower quality of the product. The majority of these species is found in nature as wild mangoes. They all belong in the flowering plant family.

  • Pineapple

    The pineapple (Ananas comosus) is a tropical plant with edible multiple fruit consisting of coalesced berries, and the most economically significant plant in the Bromeliaceae family. Pineapples may be cultivated from a crown cutting of the fruit, possibly flowering in 20–24 months and fruiting in the following six months.

Progress bars

Animated and static progress bars.

60%
90%
50%
30%
60%
90%
50%
30%

Testimonials

  • "We have built our template working with real companies in mind, which means we do our best work when we are creating templates that can easily be customized."

    — Ernest Clinton

  • "Because we take the time to listen to customer ideas and objectives, we are the right partner for those who want to improve the user experience."

    — Valerie Belluci

Alert messages

Different alert styles with and without "close" option.

Yhaam, this is info!
So good, this is message!

This is a alert using an a element as close button.

Warning, this is message!

Images and Video

Images and video wrappers to embed your videos.

Responsive

responsive

Video wrapper Vimeo

Video wrapper You Tube