1<!DOCTYPE html> 2<html lang="en-US"> 3 <head> 4 <meta charset="utf-8"> 5<!-- This site is hosted on Netlify. Anyone can build and deploy a site 6 like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=53130a1d-55b2-4154-bdb8-3a01cb2c79db 7 Netlify hosting facts for this site: static/SSR served via Netlify Edge. --> 8 <meta name="viewport" content="width=device-width,initial-scale=1"> 9 <title>Introduction | UIkit 3.x Documentation (as of v3.15.0)</title> 10 <meta name="generator" content="VuePress 1.8.2"> 11 <link rel="icon" href="/images/favicon.png"> 12 <meta name="description" content="Searchable UIkit documentation"> 13 14 <link rel="preload" href="/assets/css/0.styles.c8e23b86.css" as="style"><link rel="preload" href="/assets/js/app.28ee8114.js" as="script"><link rel="preload" href="/assets/js/2.a1624ba5.js" as="script"><link rel="preload" href="/assets/js/43.fd97b02e.js" as="script"><link rel="prefetch" href="/assets/js/10.81bcef61.js"><link rel="prefetch" href="/assets/js/11.a456de51.js"><link rel="prefetch" href="/assets/js/12.8b17d73d.js"><link rel="prefetch" href="/assets/js/13.aeca1c23.js"><link rel="prefetch" href="/assets/js/14.13ad5959.js"><link rel="prefetch" href="/assets/js/15.208a4ad3.js"><link rel="prefetch" href="/assets/js/16.3abab1b8.js"><link rel="prefetch" href="/assets/js/17.3e96fbe5.js"><link rel="prefetch" href="/assets/js/18.9168fdc5.js"><link rel="prefetch" href="/assets/js/19.7859f3f3.js"><link rel="prefetch" href="/assets/js/20.518c153d.js"><link rel="prefetch" href="/assets/js/21.600cac34.js"><link rel="prefetch" href="/assets/js/22.bef9d6e6.js"><link rel="prefetch" href="/assets/js/23.bc54a051.js"><link rel="prefetch" href="/assets/js/24.e9dc8614.js"><link rel="prefetch" href="/assets/js/25.09a3ed63.js"><link rel="prefetch" href="/assets/js/26.2397d888.js"><link rel="prefetch" href="/assets/js/27.92e4a8cf.js"><link rel="prefetch" href="/assets/js/28.fa85087c.js"><link rel="prefetch" href="/assets/js/29.b21fcbe3.js"><link rel="prefetch" href="/assets/js/3.2ee1ba6b.js"><link rel="prefetch" href="/assets/js/30.b74a30e7.js"><link rel="prefetch" href="/assets/js/31.ac593d59.js"><link rel="prefetch" href="/assets/js/32.dd498d66.js"><link rel="prefetch" href="/assets/js/33.2f80285c.js"><link rel="prefetch" href="/assets/js/34.5d232c7c.js"><link rel="prefetch" href="/assets/js/35.551b876a.js"><link rel="prefetch" href="/assets/js/36.db47a963.js"><link rel="prefetch" href="/assets/js/37.ab39913d.js"><link rel="prefetch" href="/assets/js/38.33063fbc.js"><link rel="prefetch" href="/assets/js/39.5b78e58c.js"><link rel="prefetch" href="/assets/js/4.b37b1c6e.js"><link rel="prefetch" href="/assets/js/40.c0216a91.js"><link rel="prefetch" href="/assets/js/41.b395f0b3.js"><link rel="prefetch" href="/assets/js/42.194c5603.js"><link rel="prefetch" href="/assets/js/44.dc93f2f2.js"><link rel="prefetch" href="/assets/js/45.c32c36ed.js"><link rel="prefetch" href="/assets/js/46.76336d72.js"><link rel="prefetch" href="/assets/js/47.c39398f9.js"><link rel="prefetch" href="/assets/js/48.4802b2dc.js"><link rel="prefetch" href="/assets/js/49.417c2101.js"><link rel="prefetch" href="/assets/js/5.3ea9c5a4.js"><link rel="prefetch" href="/assets/js/50.124de526.js"><link rel="prefetch" href="/assets/js/51.db29daf0.js"><link rel="prefetch" href="/assets/js/52.a0b60f45.js"><link rel="prefetch" href="/assets/js/53.7d749ec7.js"><link rel="prefetch" href="/assets/js/54.56ac7883.js"><link rel="prefetch" href="/assets/js/55.be5407c4.js"><link rel="prefetch" href="/assets/js/56.d45f5c98.js"><link rel="prefetch" href="/assets/js/57.9d651230.js"><link rel="prefetch" href="/assets/js/58.15e7d740.js"><link rel="prefetch" href="/assets/js/59.dfa76549.js"><link rel="prefetch" href="/assets/js/6.d230f3d5.js"><link rel="prefetch" href="/assets/js/60.6dd0298d.js"><link rel="prefetch" href="/assets/js/61.1b0b9f92.js"><link rel="prefetch" href="/assets/js/62.3391f9c3.js"><link rel="prefetch" href="/assets/js/63.e1c12639.js"><link rel="prefetch" href="/assets/js/64.546e8803.js"><link rel="prefetch" href="/assets/js/65.73df344c.js"><link rel="prefetch" href="/assets/js/66.a8e7bb57.js"><link rel="prefetch" href="/assets/js/67.01aa9d7c.js"><link rel="prefetch" href="/assets/js/68.3e669e15.js"><link rel="prefetch" href="/assets/js/69.a601c1e5.js"><link rel="prefetch" href="/assets/js/7.523c6b20.js"><link rel="prefetch" href="/assets/js/70.6e9aeff4.js"><link rel="prefetch" href="/assets/js/71.86c46b55.js"><link rel="prefetch" href="/assets/js/72.100be650.js"><link rel="prefetch" href="/assets/js/73.1fa65ded.js"><link rel="prefetch" href="/assets/js/74.bf5df972.js">
14<link rel="prefetch" href="/assets/js/75.1559de5e.js"><link rel="prefetch" href="/assets/js/76.63068614.js"><link rel="prefetch" href="/assets/js/77.4d5b285c.js"><link rel="prefetch" href="/assets/js/78.e3f44145.js"><link rel="prefetch" href="/assets/js/79.78555498.js"><link rel="prefetch" href="/assets/js/8.614be5ec.js"><link rel="prefetch" href="/assets/js/80.8449ed3f.js"><link rel="prefetch" href="/assets/js/81.fb5503e5.js"><link rel="prefetch" href="/assets/js/82.a2869969.js"><link rel="prefetch" href="/assets/js/83.28816ea2.js"><link rel="prefetch" href="/assets/js/84.1a7feeec.js"><link rel="prefetch" href="/assets/js/85.28f6caa9.js"><link rel="prefetch" href="/assets/js/86.4df754eb.js"><link rel="prefetch" href="/assets/js/87.5919fc1f.js"><link rel="prefetch" href="/assets/js/88.94c17aa5.js"><link rel="prefetch" href="/assets/js/89.43297fc4.js"><link rel="prefetch" href="/assets/js/9.7bba49e8.js"><link rel="prefetch" href="/assets/js/90.72bd5b63.js"><link rel="prefetch" href="/assets/js/91.302e47a9.js"><link rel="prefetch" href="/assets/js/92.bab944da.js"><link rel="prefetch" href="/assets/js/93.68f5fcaa.js"><link rel="prefetch" href="/assets/js/94.476f6f27.js"><link rel="prefetch" href="/assets/js/95.a9665d7f.js">
14<link rel="prefetch" href="/assets/js/96.aab13972.js"><link rel="prefetch" href="/assets/js/97.db586d7a.js"> 15 <link rel="stylesheet" href="/assets/css/0.styles.c8e23b86.css"> 16 </head> 17 <body> 18 <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><img src="/images/uikit-logo-black.svg" alt="UIkit 3.x Documentation (as of v3.15.0)" class="logo"> <span class="site-name can-hide">UIkit 3.x Documentation (as of v3.15.0)</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/" class="nav-link"> 19 Home 20</a></div><div class="nav-item"><a href="https://getuikit.com/docs/introduction" target="_blank" rel="noopener noreferrer" class="nav-link external"> 21 Official UIkit Docs 22 <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="https://github.com/lesaff/uikit-docs" target="_blank" rel="noopener noreferrer" class="nav-link external"> 23 Github 24 <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/" class="nav-link"> 25 Home 26</a></div><div class="nav-item"><a href="https://getuikit.com/docs/introduction" target="_blank" rel="noopener noreferrer" class="nav-link external"> 27 Official UIkit Docs 28 <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div><div class="nav-item"><a href="https://github.com/lesaff/uikit-docs" target="_blank" rel="noopener noreferrer" class="nav-link external"> 29 Github 30 <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></div> <!----></nav> <ul class="sidebar-links"><li><section class="sidebar-group collapsable depth-0"><p class="sidebar-heading open"><span>Getting Started</span> <span class="arrow down"></span></p> <ul class="sidebar-links sidebar-group-items"><li><a aria-current='page' class='active sidebar-link' href='/introduction'>Introduction</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a class='sidebar-link' href='/introduction#package-contents'>Package contents</a></li><li class="sidebar-sub-header"><a class='sidebar-link' href='/introduction#html-markup'>HTML markup</a></li><li class="sidebar-sub-header"><a class='sidebar-link' href='/introduction#uikit-autocomplete-for-your-editor'>UIkit autocomplete for your editor</a></li><li class="sidebar-sub-header"><a class='sidebar-link' href='/introduction#browser-support'>Browser support</a></li></ul></li><li><a href="/installation.html" class="sidebar-link">Installation</a></li><li><a class='sidebar-link' href='/less'>Less</a></li><li><a class='sidebar-link' href='/sass'>Sass</a></li><li><a class='sidebar-link' href='/javascript'>JavaScript</a></li><li><a class='sidebar-link' href='/webpack'>Webpack</a></li><li><a class='sidebar-link' href='/custom-icons'>Custom icons</a></li><li><a class='sidebar-link' href='/avoiding-conflicts'>Avoiding conflicts</a></li><li><a class='sidebar-link' href='/rtl'>Right-to-left support</a></li><li><a class='sidebar-link' href='/migration'>Migration</a></li></ul></section></li><li><section class="sidebar-group collapsable depth-0"><p class="sidebar-heading"><span>Components</span> <span class="arrow right"></span></p> <!----></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1>Introduction</h1> <p class="uk-text-lead">Get familiar with the basic setup and overview of UIkit.</p> <p>First you need to download UIkit. For other packages and links to a C
30DN, head to the <a href="/installation.html">installation guide</a> to learn more.</p> <p><a href="https://getuikit.com/download" class="uk-button uk-button-primary">Download UIkit</a></p> <hr> <h2 id="package-contents"><a href="#package-contents" class="header-anchor">#</a> Package contents</h2> <p>The Zip file contains the compiled CSS and JavaScript files, which is everything you need to get started. Later, you might want to <a href="/installation.html">install and compile UIkit</a> yourself and also <a href='/less'>create your own UIkit theme</a>.</p> <table><thead><tr><th style="text-align:left;">Folder</th> <th style="text-align:left;">Description</th></tr></thead> <tbody><tr><td style="text-align:left;"><code>/css</code></td> <td style="text-align:left;">Contains the UIkit CSS and a right-to-left version.</td></tr> <tr><td style="text-align:left;"><code>/js</code></td> <td style="text-align:left;">Contains the UIkit JavaScript and the Icon Library JavaScript.</td></tr></tbody></table> <hr> <h2 id="html-markup"><a href="#html-markup" class="header-anchor">#</a> HTML markup</h2> <p>Add the compiled and minified CSS and JavaScript to the <code><head></code> element of your HTML5 document. Also include the UIkit icon library. For your basic setup, that's it.</p> <div class="language-html extra-class"><pre class="language-html"><code><span class="token doctype"><span class="token punctuation"><!</span><span class="token doctype-tag">DOCTYPE</span> <span class="token name">html</span><span class="token punctuation">></span></span> 31<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>html</span><span class="token punctuation">></span></span> 32 <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>head</span><span class="token punctuation">></span></span> 33 <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>title</span><span class="token punctuation">></span></span>Title<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>title</span><span class="token punctuation">></span></span> 34 <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>meta</span> <span class="token attr-name">charset</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>utf-8<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> 35 <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>meta</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>viewport<span class="token punctuation">"</span></span> <span class="token attr-name">content</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>width=device-width, initial-scale=1<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> 36 <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>link</span> <span class="token attr-name">rel</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>stylesheet<span class="token punctuation">"</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>css/uikit.min.css<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span> 37 <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>js/uikit.min.js<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></span>
38 <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>js/uikit-icons.min.js<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></span> 39 <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>head</span><span class="token punctuation">></span></span> 40 <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>body</span><span class="token punctuation">></span></span> 41 <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>body</span><span class="token punctuation">></span></span> 42<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>html</span><span class="token punctuation">></span></span> 43</code></pre></div><p>Once you have included UIkit into your document, take a look at the available components and create your own markup inside the <code><body></code> element of your page.</p> <hr> <h2 id="uikit-autocomplete-for-your-editor"><a href="#uikit-autocomplete-for-your-editor" class="header-anchor">#</a> UIkit autocomplete for your editor</h2> <p>Using UIkit works best if you have a solid code editor, for example <a href="https://www.sublimetext.com/" target="_blank" rel="noopener noreferrer">Sublime Text<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a> or <a href="https://atom.io/" target="_blank" rel="noopener noreferrer">Atom<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>. To be even more efficient, we recommend that you install one of the autocomplete plugins for your favorite IDE or code editor. This saves a lot of time, as you won't have to look up and type all UIkit classes and markup.</p> <ul><li><a href="https://github.com/uikit/uikit-sublime" target="_blank" rel="noopener noreferrer">Autocomplete plugin for Sublime Text 3<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li><a href="https://atom.io/packages/uikit-atom" target="_blank" rel="noopener noreferrer">Autocomplete plugin for Atom<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path>
43 <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li> <li><a href="https://marketplace.visualstudio.com/items?itemName=Keno.uikit-3-snippets" target="_blank" rel="noopener noreferrer">Snippets for Visual Studio Code<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></li></ul> <hr> <h2 id="browser-support"><a href="#browser-support" class="header-anchor">#</a> Browser support</h2> <p>The following table lists the versions that UIkit is tested on. "Latest" means that it works just fine on all recent versions of that browser. With many browser moving towards a rolling release strategy, pinning down browser support to a specific version has become a little tricky in recent years. Long story short: UIkit will work on pretty much any modern browser.</p> <div uk-grid="" uk-height-match="> * > div" class="uk-child-width-1-3 uk-child-width-expand@s uk-text-center"><div><div class="uk-flex uk-flex-center uk-flex-middle"><img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox.svg?sanitize=true" width="50" height="50" alt="Firefox"></div> <p>Latest</p></div> <div><div class="uk-flex uk-flex-center uk-flex-middle"><img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari-ios/safari-ios.svg?sanitize=true" width="50" height="50" alt="Safari"></div> <p>Latest</p></div> <div><div class="uk-flex uk-flex-center uk-flex-middle"><img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome.svg?sanitize=true" width="50" height="50" alt="Chrome"></div> <p>Latest</p></div> <div><div class="uk-flex uk-flex-center uk-flex-middle"><img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge.svg?sanitize=true" width="50" height="50" alt="Edge"></div> <p>Latest</p></div> <div><div class="uk-flex uk-flex-center uk-flex-middle"><img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera.svg?sanitize=true" width="50" height="50" alt="Opera"></div> <p>Latest</p></div></div></div> <footer class="page-edit"><!----> <!----></footer> <div class="page-nav"><p class="inner"><!----> <span class="next"><a href="/installation.html"> 44 Installation 45 </a> 46 â 47 </span></p></div> </main></div><div class="global-ui"></div></div> 48
48<script src="/assets/js/app.28ee8114.js" defer></script>
48<script src="/assets/js/2.a1624ba5.js" defer></script>
48<script src="/assets/js/43.fd97b02e.js" defer></script>
48 49 </body> 50</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.