You can simply start using Zusty CSS, either using npm, CDN or by downloading it.
You can simply install it via npm
npm i zusty
Then in <head></head>, add this to top of your CSS Files.
<link rel="stylesheet" href="path/to/node_modules/zusty/dist/zusty.min.css">
Add this to top of your all CSS files in <head></head>
<!-- For this version -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/zusty@1.2.0">
<!-- Always get the latest version -->
<!-- Not recommended for production. It can break anytime -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/zusty">
<!-- Other CSS goes down here -->
1. Download the unminified or minified CSS.
2. Save it.
3. Then include the CSS in your HTML's <head></head>.
<link rel="stylesheet" href="path/to/zusty.min.css">
<!-- Other CSS goes down here -->
This is the starter template that you can use to get started right away.
<!doctype html>
<html>
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Zusty CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/zusty@1.2.0">
<!-- Other CSS goes down here -->
<title>Base Page</title>
</head>
<body>
<h1>Base Page</h1>
</body>
</html>
You would like to use the prefixless version, in prefixless version you can use classes without zust-, like zust-hidden can be used using hidden. See how to use it.