📦 Introduction

minimal.css makes your HTML look clean out of the box - no setup, no fuss. It's easy to override, so you can focus on layout and building real things, not styling every little element.

✨ Features

Looks good by default
Light & dark mode built-in
Clean forms, tables, buttons
Responsive on all screens
No extra libraries needed

🤔 Why I Made This

Big CSS frameworks felt too much for small or quick projects.

I was tired of resetting styles, fixing form inputs, and tweaking buttons every time.

Most times, I just needed clean, usable defaults - not a full design system.

minimal.css gives a solid starting point so I can focus on layout and logic, not the nitty-gritty of styling.

It helps you skip the boring parts and build faster with less fuss.

🚀 How to Use

Just drop this line into the <head> of your HTML and you're good to go:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/the-ajay-panigrahi/minimalcss@v1.0.2/minimal.css" />

No build tools, no setup — just clean styles instantly.

🌗 How to Add Dark Mode

Just drop this line before </body> and you're good to go:


            <script src="https://cdn.jsdelivr.net/gh/the-ajay-panigrahi/minimalcss@v1.0.2/theme-toggle.js"></script>

Then, add this toggle button anywhere in your HTML:


            <button class="theme-toggle">Dark Theme</button>

That's it — light/dark theme switching works instantly!

📐 Typography & Links

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

This is a regular paragraph. You can include links inside it too.

📋 Lists

Unordered List

List item one
List item two
List item three

Ordered List

Step one
Step two
Step three

Nested Lists

Frontend
- HTML
- CSS
- JavaScript
Backend
- Node.js
- Python

📊 Tables

📏 Small Table

Item	Qty	Price
Pen	2	$1
Notebook	1	$3
Pencil	5	$0.50
Eraser	3	$0.75
Marker	4	$1.20

🧮 Medium Table

Name	Role	Status
Ajay	Developer	Active
Alex	Designer	Inactive
Sam	Tester	Active
Riya	Manager	Active
John	Support	Inactive

🧾 Large Table

Order ID	Customer	Amount	Payment	Status	Date
#1001	Alice	$250	Credit Card	Completed	2025-07-01
#1002	Bob	$120	UPI	Pending	2025-07-02
#1003	Charlie	$90	PayPal	Completed	2025-07-03
#1004	Diana	$180	Cash	Failed	2025-07-04
#1005	Eva	$300	Credit Card	Completed	2025-07-05

✍️ Forms

🖱️ Buttons

🖼️ Media

Image

Video

📺 Embedded Video (iframe)

🎵 Audio

🧩 Others

💻 Code Tag

console.log("Hello, world!");

📜 Pre Tag

 function fixBug() {
    console.log("Hmm... works on my machine 🤷‍♂️");
    return "Ship it! 🚢";
 }

🧠 Quote Tag

You learn more from errors than from code - Hitesh Choudhary

🧰 Utilities & Helper Classes

This card uses .flex and .flex-center to center content both horizontally and vertically.

.text-center

Many More