UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces. It comes with a wide range of reusable and combinable components. All UIkit classes are namespaced, so they won't interfere with other frameworks and extensions you might be using. Here's an overview of the different UIkit components, which you can easily modify using the customizer.

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

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

UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces. It comes with a wide range of reusable and combinable components. All UIkit classes are namespaced, so they won't interfere with other frameworks and extensions you might be using. Here's an overview of the different UIkit components, which you can easily modify using the customizer.

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

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

UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces. It comes with a wide range of reusable and combinable components. All UIkit classes are namespaced, so they won't interfere with other frameworks and extensions you might be using. Here's an overview of the different UIkit components, which you can easily modify using the customizer.

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

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

UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces. It comes with a wide range of reusable and combinable components. All UIkit classes are namespaced, so they won't interfere with other frameworks and extensions you might be using. Here's an overview of the different UIkit components, which you can easily modify using the customizer.

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

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

UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces. It comes with a wide range of reusable and combinable components. All UIkit classes are namespaced, so they won't interfere with other frameworks and extensions you might be using. Here's an overview of the different UIkit components, which you can easily modify using the customizer.

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

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

Warp gives you access to all fonts available in the Google fonts directory.

Just click Customizer then scroll down and select any font to suite your needs

Hit Save, that's all :)

Positions

Top Left Top Center Top Right Bottom Left Bottom Center Bottom Right

Styles

Primary Success Warning Danger

Specials

With icon Sticky

Styles

Message...

Primary message...

Success message...

Warning message...

Danger message...

Toggle Link

Two items

Toggle

Two items with different toggles

Toggle all above

Go

Custom class

Toggle

Toggle with animation

Toggle

Toggle

• Close as a element:
• Close as button element:
• Close alt as a element:
• Close alt as button element:

Alert

Modal

Button

Grid Nested

Grid Combined

Using uk-visible-* and uk-hidden-* classes.

Push/Pull

Works only with uk-width-medium-*

More Complexity

Multi-row

This grid contains multiple boxes which floats into multiple rows.

• M-1-2
• M-1-4
• M-1-4
• M-1-5
• M-1-5
• M-3-5

Custom pixel widths

• Custom
• Custom
• Custom
• Custom
• Custom
• Custom
• Custom
• Custom

Even widths

• 1-2
  S-1-3
  M-1-4
  L-1-5
  XL-1-6
• 1-2
  S-1-3
  M-1-4
  L-1-5
  XL-1-6
• 1-2
  S-1-3
  M-1-4
  L-1-5
  XL-1-6
• 1-2
  S-1-3
  M-1-4
  L-1-5
  XL-1-6
• 1-2
  S-1-3
  M-1-4
  L-1-5
  XL-1-6
• 1-2
  S-1-3
  M-1-4
  L-1-5
  XL-1-6

Collapse gutter

• 1-2
  S-1-3
  M-1-4
  L-1-5
  XL-1-6
• 1-2
  S-1-3
  M-1-4
  L-1-5
  XL-1-6
• 1-2
  S-1-3
  M-1-4
  L-1-5
  XL-1-6
• 1-2
  S-1-3
  M-1-4
  L-1-5
  XL-1-6
• 1-2
  S-1-3
  M-1-4
  L-1-5
  XL-1-6
• 1-2
  S-1-3
  M-1-4
  L-1-5
  XL-1-6

Small gutter

• 1-2
  S-1-3
  M-1-4
  L-1-5
  XL-1-6
• 1-2
  S-1-3
  M-1-4
  L-1-5
  XL-1-6
• 1-2
  S-1-3
  M-1-4
  L-1-5
  XL-1-6
• 1-2
  S-1-3
  M-1-4
  L-1-5
  XL-1-6
• 1-2
  S-1-3
  M-1-4
  L-1-5
  XL-1-6
• 1-2
  S-1-3
  M-1-4
  L-1-5
  XL-1-6

Medium gutter

• 1-2
  S-1-3
  M-1-4
  L-1-5
  XL-1-6
• 1-2
  S-1-3
  M-1-4
  L-1-5
  XL-1-6
• 1-2
  S-1-3
  M-1-4
  L-1-5
  XL-1-6
• 1-2
  S-1-3
  M-1-4
  L-1-5
  XL-1-6
• 1-2
  S-1-3
  M-1-4
  L-1-5
  XL-1-6
• 1-2
  S-1-3
  M-1-4
  L-1-5
  XL-1-6

Divider

---

---

---

---

---

Auto-match column heights

With target selector

Match only within rows

• Lorem ipsum dolor sit amet.
• Lorem ipsum dolor sit amet, consectetur.
• Lorem ipsum dolor sit amet, consectetur adipisicing elit.
• Lorem ipsum dolor sit amet.
• Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.
• Lorem ipsum dolor sit amet, consectetur adipisicing elit.
• Lorem ipsum dolor sit amet.
• Lorem ipsum dolor sit amet, consectetur.