Fhf NPM | npm.io

FHF - CSS Framework

Introduction

FHF is a lightweight, flexible, and modern CSS framework designed to help developers build responsive and aesthetically pleasing web interfaces quickly and easily. It provides a comprehensive set of tools and components to streamline the development process.

Installation

You can install FHF via npm:

npm install fhf

Or include it directly from a CDN:

<link
	rel="stylesheet"
	href="https://cdn.jsdelivr.net/npm/fhf/dist/fhf.min.css" />

Usage

After installation, you can start using FHF classes in your HTML:

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<link rel="stylesheet" href="node_modules/fhf/dist/fhf.min.css" />
		<title>FHF Example</title>
	</head>
	<body>
		<div class="container">
			<h1 class="resp-h1 pb-11 b-classic-rose-500 text-center">
				Welcome to FHF
			</h1>
			<p class="resp-p pb-15">This is a sample paragraph styled with FHF.</p>
		</div>
	</body>
</html>

Features

Responsive Grid System: Create flexible layouts with a powerful grid system.
Utility Classes: Simplify styling with a wide range of utility classes.
Customizable: Easily customize the framework to match your design requirements.
Predefined Components: Use prebuilt components like buttons, forms, navbars, and more.
Modern Design: Follow modern design principles for clean and attractive UI.

for more more comprehensive documentation click on this btn