Stylemate - CSS Framework

Key Features

Flexible Layouts

Easily build responsive and modern layouts with our display and flex classes.

Customizable Styles

Create unique designs with our extensive color, padding, margin, and font size classes.

Quick Start

Get up and running quickly with pre-built utility classes for common design patterns.

Using Stylemate

1. Typography

Example text with bold, underline, and strikethrough styles.

<p class="font-weight-bold">Bold text</p>
<p class="underline">Underlined text</p>
<p class="line-through">Strikethrough text</p>

2. Layouts

Flexible box layout.

Another flex item.

<div class="display-flex justify-content-space-between">
    <div class="bgcolor-003 color-fff padding-20">Flexible box layout.</div>
    <div class="bgcolor-004 color-fff padding-20">Another flex item.</div>
</div>

3. Buttons

Click Me

<a href="#" class="font-size-20 color-fff bgcolor-f90 padding-10 curved-edge-50 mouse-over-color-000 mouse-over-bgcolor-fff box-shadow margin-20">Click Me</a>

Download Stylemate

Get the latest version of Stylemate and start using it in your projects.

Download Stylemate V1.0.0 View Latest Release

Use via CDN

Include Stylemate directly in your project using the CDN link below.

<link rel="stylesheet" href="https://stylemate.pages.dev/css/STYLEMATE-1.0.0.css">

Open CDN Link Copy Codes