logoUzbek.css

| Examples Docs |

the lightweight css library straight from central asia.

Uzbek.css - save your time
writing boilerplate CSS.

Access several utility classes and premade components directly in your HTML,
and build your website with no stress about CSS, with just one quick download.
<span class="font-sm display-b txt-black">Simple as that!</span>
<div class="row gap-2">
  <div class="card">
    <div class="title">Example card</div>
    <div class="body">Lorem ipsum dolor sit amet.</div>
  </div>
  <div class="card">
    <div class="title">Example card 2</div>
    <div class="body">Lorem ipsum dolor sit amet.</div>
  </div>
</div>


Modern


Responsive


Open source


Easy to use


JS-free

Quick start

You can access all of uzbek.css by using only two lines of code! We don't use any javascript, so you can use those lines in whatever framework you use.

npm i uzbek.css

import 'uzbek.css/css/uzbek.css'

or

@import '~uzbek.css/css/uzbek.css'

You can also download the source code yourself from Github!


Customizable

Set the variables to match your websites style!

_variables.scss
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

$font: 'Poppins';

$colors: (
  "primary": #2ecc71,
  "primary": #018281,
  "error": #d63031,
  "secondary": #010081,
  "warn": #dfe300
);

// spacing
$base-padding: 0.5rem;
$base-margin: 0.5rem;
Before

 Hello World!
 
After

 Hello World!
 

Components

Uzbek.css comes with premade components to save your time.

Window
 window.exe
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis, vitae!
Toast
  Toast notification - just now
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis, nam!
Alert
Alert - Lorem ipsum dolor sit amet.
Buttons
Button
Outlined button
Badges
 Error New! 99+
Card
This is a card!

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod, quas.

Learn more
Navbar Message
Hello!

Usage/License

Uzbek.css uses the ISC license. You can use uzbek.css for free in all your personal and commercial projects, as long as the license file with the permission is present. If you want to contribute to the project, feel free to fork our repository, or file an issue on GitHub.