tuna-ui

Minimalist CSS to start projects with speed.

Usage no npm install needed!

<script type="module">
  import tunaUi from 'https://cdn.skypack.dev/tuna-ui';
</script>

README

tuna-ui

Minimalist CSS to start projects with speed.

Installation

npm install tuna-ui
yarn add tuna-ui

Usage

import 'tuna-ui/dist/tuna-ui.min.css';

function App() {
  return (
    <main>
      <nav className="nav"></nav>
      <div className="container"></div>
    </main>
  );
}

export default App;

Components

Container

<body class="container"></body>

Navbar

<nav class="nav"></nav>

Button

<button class="btn">Button</button>
<button class="btn btn--transparent">Button</button>

Input

<div class="form-group">
    <label>Label</label>
    <input />
</div>

Select

<div class="form-group">
    <label>Label</label>
    <select>
      <option>Option One</option>
      <option>Option Two</option>
    </select>
</div>

Link

<a class="link" href="#">Link</a>

This repo is mantained by Leonardo Tuna.