Memory Usage

32.3%
8,6,5,9,8,4,9,3,5,9

CPU Usage

140.05
4,3,5,7,12,10,4,5,11,7

Disk Usage

82.02%
1,2,1,3,2,10,4,12,7

Daily Traffic

62,201
3,12,7,9,2,3,4,5,2

IMG_43445

JPG Image

1.2mb

VID_6543

MP4 Video

24.8mb

Tax_Form

Word Document

5.5mb

Getting_Started

PDF Document

12.7mb

Introduction

PDF Document

7.7mb

IMG_43420

JPG Image

2.2mb

IMG_43447

JPG Image

3.2mb

VID_6545

AVI Video

14.8mb

Secret_Document

Word Document

4.5mb

+ Add Event

Typography Utilities

Use typography utilities to quickly set a position of an element.

You can set a font size instantly to an element by using the following utilities classes.

ClassSize
.tx-[size]8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16
.tx-[size]18 | 20 | 22 | 24 | ... | 140 (step of 2)
ClassViewportSize
.tx-[viewport]-[size]xs | sm | md | lg | xl8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16
.tx-[viewport]-[size]xs | sm | md | lg | xl18 | 20 | 22 | 24 | ... | 140 (step of 2)

You can set a font weight instantly to an element by using the following utilities classes.

Bracket Plus Admin Template

Bracket Plus Admin Template

Bracket Plus Admin Template

ClassWeight
.tx-[weight]bold | semibold | medium | normal | light | thin | xthin
ClassViewportWeight
.tx-[viewport]-[weight]xs | sm | md | lg | xlbold | semibold | medium | normal | light | thin | xthin

You can set a font family instantly to an element by using the following utilities classes.

ClassFamily
.tx-[family]poppins | hind | firasans (default) | roboto | source

You can set a font color instantly to an element by using the following utilities classes.

Bracket Plus Admin Template

Bracket Plus Admin Template

Bracket Plus Admin Template

ClassColor
.tx-[color]primary | success | warning | danger | info | indigo | purple | orange | teal | pink | black | white | inverse
.tx-gray-[num]100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
.tx-white-[transparency]2 | 3 | 4 | 5 | 6 | 7 | 8

You can set a font spacing instantly to an element by using the following utilities classes.

ClassValue
.tx-spacing-[value]1 | 2 | 3 | 4 | 5 | 6 | 7 | 8
.tx-spacing--[value]1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 (negative spacing result)

You can set a line height instantly to an element by using the following utilities classes.

ClassValue
.lh-[value]1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15
ClassViewportValue
.lh-[viewport]-[value]xs | sm | md | lg | xl1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15