AL
User avatar
Alina Admin
  • DashboardNew
    • Ecommerce
    • Crypto
  • Apps
    • Calendar
    • Profile
      • Profile
      • Settings
    • Projects
      • All Projects
      • Project Details
      • Team
    • To-Do
    • API
    • Tickets
      • All Tickets
      • Ticket Details
    • Email
      • Inbox
      • Read Email
    • E-Shop
      • Add Product
      • All Products
      • Product Details
      • Product List
      • All Orders
      • Order Details
      • Cart
      • Checkout
      • Wishlist
    • Blog
      • Blog
      • Blog Details
      • Add Blog
    • Invoice
    • Chat
    • File Manager
    • Bookmarks
    • Kanban Board
    • Timeline
    • FAQs
    • Pricing
    • Gallery
  • Widgets
  • UI Kits
    • Accordions
    • Alert
    • Alignment Thing
    • Avatar
    • Badges
    • Background
    • Bullet
    • Buttons
    • Cards
    • Collapse
    • Divider
    • Dropdown
    • Editor
    • Grid
    • Helper Classes
    • Lists
    • Notifications
    • Placeholder
    • Progress
    • Ribbons
    • Shadow
    • Tabs
    • Wrapper
  • Advance UI12+
    • Animation
    • Bootstrap Slider
    • Count Down
    • Count Up
    • Draggable
    • Modals
    • Offcanvas
    • Prismjs
    • Rating
    • Scrollbar
    • Slider
    • Spinners
    • Sweet Alert
    • Tooltip & Popovers
    • Tour
    • Tree View
    • Video Embed
  • Misc
  • Icons
    • Animated
    • Flag
    • Fontawesome
    • Iconoir
    • Phosphor
    • Tabler
    • Weather
  • Map
    • Leaflet Map
  • Chart
    • Chart JS
    • Apexcharts
      • Area
      • Bar
      • Column
      • Line
      • Mixed
      • Pie
      • Radar
      • Radial Bar
      • Other Chart
  • Table
    • Advance Table
    • Basic Table
    • Data Table
    • List JS
  • Forms Elements
    • Base Input
    • Checkbox & Radio
    • Clipboard
    • Datetimepicker
    • Default Forms
    • File Upload
    • Floating Labels
    • Form Validation
    • Input Groups
    • Input Masks
    • Range Slider
    • Select2
    • Switch
    • Textarea
    • Touch Spin
    • Typeahead
  • Ready to Use2
    • Form Wizards
    • Form Wizards 1
    • Ready To Use Form
    • Ready To Use Tables
  • Auth Pages
    • Sign In
    • Sign Up
    • Forgot Password
    • Password Create
    • Lock Screen
    • Two-Step Verification
    • Sign In with bg image
    • Sign Up with bg image
    • Forgot Password with bg image
    • Password Create with bg image
    • Lock Screen with bg image
    • Two-Step Verification with bg image
  • Error Pages
    • Bad Request
    • Forbidden
    • Not Found
    • Internal Server
    • Service Unavailable
  • Other Pages
    • Blank
    • Maintenance
    • Landing Page
    • Coming Soon
    • Sitemap
    • Privacy Policy
    • Terms & Condition
Quick Actions :
Orders
5%
Mails
50+
Kanban
Updated
Add New App
No folder

Welcome! To UI Kits

  • map
  • 3
  • Ui Kits
  • Helper Classes
Text Color
Using text-* class for text color
- .text-primary- .text-secondary- .text-success- .text-danger- .text-warning- .text-info- .text-light- .text-dark
Link Color
Using link-* class for link color
- link-primary- link-secondary- link-success- link-danger- link-warning- link-info- link-light- link-dark
Text Background Color
Using txt-bg-* class for light background
- .txt-bg-primary- .txt-bg-secondary- .txt-bg-success- .txt-bg-danger- .txt-bg-warning- .txt-bg-info- .txt-bg-light- .txt-bg-dark
Text Align
using text-* class for text align
Text-Lowercase
Text-Uppercase
Text-Capitalize
- Text Align Center
- Text Align Start
- Text Align End
Text Decoration
using text-d-* class for text decoration
- Text Decoration underline
- Text Decoration line-through
- Text Decoration overline
- Text Decoration overline-underline
- Text Decoration underline-line-through
Font Style
using f-fs-* class for font style
- Font style Normal
- Font style Italic
- Font style Oblique
- Font style Initial
- Font style Inherit
Headings
using h1 to h6 class for Headings
h1 Fontsize
h2 Fontsize
h3 Fontsize
h4 Fontsize
h5 Fontsize
h6 Fontsize
Font Weight
using f-fw-* class for font weight
- Font weight f-fw-100
- Font weight f-fw-200
- Font weight f-fw-300
- Font weight f-fw-400
- Font weight f-fw-500
- Font weight f-fw-600
- Font weight f-fw-700
- Font weight f-fw-800
- Font weight f-fw-900
Font Size
using f-s-* class for font size
- Font Size-10
- Font Size-12
- Font Size-14
- Font Size-16
- Font Size-18
- Font Size-20
- Font Size-24
- Font Size-32
Padding
using pa-* class for Padding

Padding-16

Padding-14

Padding-10

Padding-8

Padding-4

Padding-2

Padding List

- pa-1

- pa-2

- pa-3

- pa-4

- pa-5

- pa-6

- pa-7

- pa-8

- pa-9

- pa-10

- pa-11

- pa-12

- pa-13

- pa-14

- pa-15

- pa-16

- pa-17

- pa-18

- pa-19

- pa-20

- pa-21

- pa-22

- pa-23

- pa-24

- pa-25

- pa-26

- pa-27

- pa-28

- pa-29

- pa-30

- pa-31

- pa-32

- pa-33

- pa-34

- pa-35

- pa-36

- pa-37

- pa-38

- pa-39

- pa-40

Side Padding
using pd-t-*/pd-s-*/pd-e-*/pd-b-* class

Padding-Top-40

Padding-End-40

Padding-Bottom-40

Padding-Start-40

Side Padding List

- padding top

- pa-t-4

- pa-t-8

- pa-t-10

- pa-t-14

- pa-t-18

- pa-t-20

- pa-t-24

- pa-t-28

- pa-t-30

- pa-t-34

- pa-t-38

- pa-t-40

- padding start

- pa-s-4

- pa-s-8

- pa-s-10

- pa-s-14

- pa-s-18

- pa-s-20

- pa-s-24

- pa-s-28

- pa-s-30

- pa-s-34

- pa-s-38

- pa-s-40

- padding end

- pa-e-4

- pa-e-8

- pa-e-10

- pa-e-14

- pa-e-18

- pa-e-20

- pa-e-24

- pa-e-28

- pa-e-30

- pa-e-34

- pa-e-38

- pa-e-40

- padding bottom

- pa-b-4

- pa-b-8

- pa-b-10

- pa-b-14

- pa-b-18

- pa-b-20

- pa-b-24

- pa-b-28

- pa-b-30

- pa-b-34

- pa-b-38

- pa-b-40

Margin
using mg-* class for margin
Margin-40
Margin-34
Margin-30
Margin-28
Margin-24
Margin-20
Margin-14
Margin-10
Margin-4
Margin List

- mg-1

- mg-2

- mg-3

- mg-4

- mg-5

- mg-6

- mg-7

- mg-8

- mg-9

- mg-10

- mg-11

- mg-12

- mg-13

- mg-14

- mg-15

- mg-16

- mg-17

- mg-18

- mg-19

- mg-20

- mg-21

- mg-22

- mg-23

- mg-24

- mg-25

- mg-26

- mg-27

- mg-28

- mg-29

- mg-30

- mg-31

- mg-32

- mg-33

- mg-34

- mg-35

- mg-36

- mg-37

- mg-38

- mg-39

- mg-40

Side Margin

Margin-Start-40

Margin-Top-40

Margin-End-40

Margin-Bottom-40

Side Margin List

- Margin top

- mg-t-4

- mg-t-8

- mg-t-10

- mg-t-14

- mg-t-18

- mg-t-20

- mg-t-24

- mg-t-28

- mg-t-30

- mg-t-34

- mg-t-38

- mg-t-40

- Margin start

- mg-s-4

- mg-s-8

- mg-s-10

- mg-s-14

- mg-s-18

- mg-s-20

- mg-s-24

- mg-s-28

- mg-s-30

- mg-s-34

- mg-s-38

- mg-s-40

- Margin end

- mg-e-4

- mg-e-8

- mg-e-10

- mg-e-14

- mg-e-18

- mg-e-20

- mg-e-24

- mg-e-28

- mg-e-30

- mg-e-34

- mg-e-38

- mg-e-40

- Margin bottom

- mg-b-4

- mg-b-8

- mg-b-10

- mg-b-14

- mg-b-18

- mg-b-20

- mg-b-24

- mg-b-28

- mg-b-30

- mg-b-34

- mg-b-38

- mg-b-40

Width and Height
using w-*/h-* class
200*200
150*150
110*110
90*90
80*80
60*60
50*50
Radius
using rounded*/rounded-top*/rounded-end*/rounded-bottom*/rounded-start*/rounded-pill*/rounded-circle* class
roundedrounded-toprounded-endrounded-bottomrounded-startrounded-pillrounded-circle
Border
using b-* class
border
border-t
border-s
border-e
border-b
Side Border
border-0
border-t-0
border-s-0
border-e-0
border-b-0
Border Color
b-1-primary
b-1-secondary
b-1-success
b-1-danger
b-1-warning
b-1-info
b-1-light
b-1-dark
Border Width
b-1-primary
b-3-primary
b-5-primary
b-7-primary
b-9-primary
b-11-primary
b-13-primary
b-15-primary
b-16-primary
Border Radius
b-r-5
b-r-10
b-r-15
b-r-20
b-r-25
b-r-30
Border Dashed Style
dashed-1-primary
dashed-2-secondary
dashed-3-success
dashed-4-warning
dashed-5-danger
dashed-6-dark
dashed-8-info
Border Dotted Style
dotted-1-primary
dotted-2-secondary
dotted-3-success
dotted-4-warning
dotted-5-danger
dotted-6-dark
dotted-8-info
Rotate
90°
180°
270°
-90°
-180°
-280°

Copyright © 2026 alina. All rights reserved 💖 V1.0.0

Need Help