Kuechlin / minui

minimal css ui lib

minui

Install

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/gh/Kuechlin/minui/styles.css"
/>

Components

Nav

<nav>
  <h2>heading</h2>
  <a href="/" class="active">Home</a>
  <a href="/about">About</a>
  <a href="/contact">Contact</a>
</nav>

Card

<article>
  <header>
    <!-- card header -->
  </header>
  <!-- card body -->
</article>

Typography

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<p>Paragraph</p>
<i>italic</i>
<small>small</small>
<strong>strong</strong>
<mark>mark</mark>
<a href="/">link</a>

Button

<button>button</button>

Form elements

<input name="text" type="text" />
<input name="date" type="date" />
<input name="number" type="number" />
<select name="select">
  <option>a</option>
  <option>b</option>
  <option>c</option>
</select>

Flex row and column

<div class="row x-center y-center gap"></div>

<div class="col x-center y-center gap"></div>