BebyKit
.
Percepat Codinganmu!
Minimalisir Baris CSSmu!
Tampilan yang siap-pakai!
Pendahuluan
Framework CSS buatan anak negeri 
Dengan tampilan yang siap-pakai dan penggunaannya yang mudah dapat membantu kamu membangun aplikasi web kamu
jadi keren dan stylish.
Instalasi
CDN
Templat Siap-pakai
Text Editor
_
index.html
<!DOCTYPE html>
<html>
<head>
<title>Nama Proyek</title>
<!-- impor bebykit.css dari jsDelivr -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/hawari-882/BebyKit@main/download/bebykit.min.css">
<!-- tag meta responsif & umum -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="UTF-8">
</head>
<body>
<div class="container">
<h1>Hello, BebyKit!</h1>
</div>
</body>
</html>jsDelivr
Text Editor
_
index.html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/hawari-882/BebyKit@main/download/bebykit.min.css">Unduh BebyKit
Ingin menggunakan BebyKit secara lokal di proyek kamu?
Unduh dan pasang framework BebyKit secara bebas di perangkat kamu.
Minifikasi: BebyKit_raw_v1.0.3.rar
Mentahan: BebyKit_raw_v1.0.3.rar
Properti
Kueri Media
| 0px - 576px | 577px - 768px | 769px - 992px | 993px - 1200px | 1201px ~ |
|---|---|---|---|---|
|
Mobile |
N/A |
|||
|
N/A |
Tablet |
N/A |
||
|
N/A |
Laptop |
N/A |
||
|
N/A |
Desktop |
N/A |
||
|
N/A |
UHD |
|||
Penggunaan Kueri Media
| Media | CSS |
|---|---|
|
Mobile |
|
|
Tablet |
|
|
Laptop |
|
|
Desktop |
|
|
UHD |
|
Tabel Warna
blue-1
blue-2
blue-3
blue-4
blue-5
blue-6
blue-7
purple-1
purple-2
purple-3
purple-4
purple-5
purple-6
purple-7
pink-1
pink-2
pink-3
pink-4
pink-5
pink-6
pink-7
red-1
red-2
red-3
red-4
red-5
red-6
red-7
orange-1
orange-2
orange-3
orange-4
orange-5
orange-6
orange-7
yellow-1
yellow-2
yellow-3
yellow-4
yellow-5
yellow-6
yellow-7
green-1
green-2
green-3
green-4
green-5
green-6
green-7
grey-1
grey-2
grey-3
grey-4
grey-5
grey-6
grey-7
inherit
current-color
current-color
transparent
white
light
black
dark