Tuna-ui NPM | npm.io

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>