helix-css v0.7.0

About

HelixCSS is a lightweight CSS framework designed to streamline web development and provide essential styling utilities for building modern web projects. With a focus on simplicity, performance, and modularity, HelixCSS offers a comprehensive set of classes to help developers create responsive and visually appealing layouts with ease.

Features

• Lightweight: HelixCSS is optimized for performance, with a minified file size of only 50KB.
• Modular: Choose only the modules you need for your project, or use the complete framework for a comprehensive solution.
• Responsive: Built-in responsive grid system for creating flexible and adaptive layouts across various devices and screen sizes.
• Customizable: Easily customize and extend HelixCSS to suit your project's specific requirements.

Get started

You can also install the HelixCSS library via NPM:

npm i helix-css

Or you can embed the CDN code in your file:

HTML

<!-- Compressed - 94KB -->
<link
	rel="stylesheet"
	href="https://cdn.jsdelivr.net/gh/Helixify/HelixCSS@latest/dist/compressed/main.css" />

<!-- Expanded - 126KB -->
<link
	rel="stylesheet"
	href="https://cdn.jsdelivr.net/gh/Helixify/HelixCSS@latest/dist/expanded/main.css" />

CSS

/* Compressed - 94KB */
@import url('https://cdn.jsdelivr.net/gh/Helixify/HelixCSS@latest/dist/compressed/main.css');

/* Expanded - 126KB */
@import url('https://cdn.jsdelivr.net/gh/Helixify/HelixCSS@latest/dist/expanded/main.css');

License

HelixCSS is released under the MIT License. You are free to use and modify it for your projects.