Logo
github

installation

How to install Chaoscss

СhaosСss is a simple, easily modified CSS library that will take you from prototype to finished project


variantspractice
CDNhttps://cdn.jsdelivr.net/npm/chaoscss@1.1.2/css/chaos.min.css
Package Managernpm install chaoscss@1.1.2


Quick Start with CDN

To enable ready-to-use CSS files using a CDN, you first need to complete a few steps.

  1. Create your index.html in your project root and add <meta name="viewport" >.

    <html lang="en">
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Your document name</title>
	</head>
	<body>
		<!-- ... -->
	</body>
</html>




  2. <html lang="en">
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/chaoscss@1.1.2/css/chaos.min.css"/>
		<!-- your styles -->
		<title>Your document name</title>
	</head>
	<body>
		<!-- ... -->
	</body>
</html>

By taking these simple steps, you can quickly start using Chaoscss.


Start with Package Manager

To use chaoscss library with package manager you need to follow few steps.

  1. Install ChaosCss through the package manager.

    npm install chaoscss

  2. To use an installed library, you can use @import in the CSS file and @use in SCSS.

    @import "chaoscss";


    @use "chaoscss";
On this page