Modern U I Framework - Copy this Html, Bootstrap Component to your project

Saya berencana untuk mengembangkan sebuah CSS framework yang menggabungkan utilitas native dan kustom, terinspirasi oleh Bootstrap, dengan struktur kode yang terorganisir untuk berbagai utilities, termasuk komponen, layout, dan lainnya. Framework ini akan memiliki variabel root CSS untuk warna, spasi, tipografi, bayangan, dan transisi, serta dokumentasi yang mencakup definisi utilities warna dan utilities mode tampilan. Selain itu, akan ada sistem utilities grid responsif 12-kolom yang mendukung berbagai ukuran layar, serta komponen UI dasar seperti utilities tombol, utilities formulir, utilities navbar, utilities card, utilities komponen, utilities layout, dan utilitas lainnya, serta kode CSS utama yang mengimpor semua bagian tersebut. Variabel root CSS perlu didefinisikan untuk utilities warna, utilities spasi, utilities tipografi, utilities bayangan, dan utilities transisi, utilities mode light,variasi utilities bayangan, utilities radius border, dan utilities kecepatan transisiutilities formulir, utilities navbar, utilities card, dan utilities modal, dengan variasi ukuran, warna, dan state (hover, active, disabled). Sediakan juga kelas utilitas untuk margin, utilities padding, utilities teks, dan warna, Implementasikan sistem grid responsif yang fleksibel, mirip dengan utilities grid 12-kolom Bootstrap, dan utilities dark ,dan utilities modal dengan variasi ukuran dan warna. Semua elemen akan responsif dengan media queries dan dilengkapi dokumentasi terperinci serta contoh penggunaan. Mengikuti praktik terbaik penulisan CSS, termasuk metodologi BEM, framework ini juga akan menyediakan template proyek nyata dan menerapkan prinsip SaaS untuk menciptakan UI kit yang reusable, dengan dukungan untuk dark mode dan desain responsif yang modern.