Unleash the native power of HTML

sashimi UI is a minimal CSS framework designed to enhance, not replace, the native capabilities of HTML. It styles native HTML elements without unnecessary wrapping or abstraction. By embracing the natural behavior of the web, sashimi UI lets the platform shine in its purest form.

Documentation

Visit https://yuto-hasegawa.github.io/sashimi-ui/ for full documentation.

Migrating from 1.x

See the 2.x migration guide for breaking changes and upgrade instructions.

Usage

Use the CSS files

Load the default theme and styles directly from a CDN, or download the CSS files and add them to your project.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/default.theme.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bundle.css">

<button class="button">Your first button</button>

Install via npm

Install sashimi UI:

npm install sashimi-ui

Import the default theme and styles:

import "sashimi-ui/default.theme.css";
import "sashimi-ui/bundle.css";

// inside your components
<button class="button">Your first button</button>

License

Licensed under the MIT license.