Download Github

Get Started

To add Unkuna to your project, use our CDNs. Remember that some of our elements use JavaScript for their operation.


Copy and paste the <link> stylesheet into your <head> before all other stylesheets to load our CSS:


Copy and paste the script link before the closing body tag.


Unkuna defines default values for the properties, color and / or size of some components in the unkuna-theme.css file. The user can customize these values, if the wish, check the Theme Section.

It's important that the unkuna-theme.css resource comes after the unkuna.css resource in your HTML document (see the starter template).

HTML5 template

Example of how to integrate the CDN CSS, JS and the Unkuna theme in your project.


Unkuna uses SVG sprite icons in some of its components.

To use these icons in your project, do the following:

  1. Download the SVG sprite file here.
  2. Locate the file in your local working folder.
  3. Update the path of the <use> element in components that use icons.