Background
Gray Set
It is Very Easy to Customize and it uses in website apllication.
.bg-gray-100
.bg-gray-200
.bg-gray-300
.bg-gray-400
.bg-gray-500
.bg-gray-600
.bg-gray-700
.bg-gray-800
.bg-gray-900
Classes | class="bg-gray-[value]" |
Values | 900 | 800 | 700 | 600 | 500 | 400 | 300 | 200 | 100 |
Solid Background Set
It is Very Easy to Customize and it uses in website apllication.
.bg-primary
.bg-secondary
.bg-success
.bg-warning
.bg-danger
.bg-info
.bg-indigo
.bg-purple
.bg-pink
.bg-teal
.bg-orange
Classes | class="bg-[value]" |
Values | primary | secondary | success | warning | danger | info | indigo | purple | pink | teal | orange |
Solid Gradient Background Set
It is Very Easy to Customize and it uses in website apllication.
.bg-primary-gradient
.bg-secondary-gradient
.bg-success-gradient
.bg-warning-gradient
.bg-danger-gradient
.bg-info-gradient
.bg-purple-gradient
.bg-pink-gradient
.bg-teal-gradient
Classes | class="bg-[value]" |
Values | primary-gradient | secondary-gradient | success-gradient | warning-gradient | dange-gradientr | info-gradient | purple-gradient | pink-gradient | teal-gradient |
Transparent White Set
![](../assets/images/photos/5.jpg)
![](../assets/images/photos/5.jpg)
![](../assets/images/photos/5.jpg)
![](../assets/images/photos/5.jpg)
![](../assets/images/photos/5.jpg)
![](../assets/images/photos/5.jpg)
![](../assets/images/photos/5.jpg)
![](../assets/images/photos/5.jpg)
![](../assets/images/photos/5.jpg)
Classes | class="bg-white-[value]" |
Values | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 |
Transpraent Black Set
It is Very Easy to Customize and it uses in website apllication.
![](../assets/images/photos/5.jpg)
![](../assets/images/photos/5.jpg)
![](../assets/images/photos/5.jpg)
![](../assets/images/photos/5.jpg)
![](../assets/images/photos/5.jpg)
![](../assets/images/photos/5.jpg)
![](../assets/images/photos/5.jpg)
![](../assets/images/photos/5.jpg)
![](../assets/images/photos/5.jpg)
Classes | class="bg-black-[value]" |
Values | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 |