Rubick Bootstrap HTML Admin Template
Application Dashboard
Pages
Mail Settings
Users & Permissions
Transactions Report
Users
Rubick Tailwind HTML Admin Template
Nicolas Cage
nicolascage@left4code.com
Rubick Tailwind HTML Admin Template
Al Pacino
alpacino@left4code.com
Rubick Tailwind HTML Admin Template
Tom Cruise
tomcruise@left4code.com
Rubick Tailwind HTML Admin Template
Al Pacino
alpacino@left4code.com
Products
Rubick Tailwind HTML Admin Template
Samsung Q90 QLED TV
Electronic
Rubick Tailwind HTML Admin Template
Nikon Z6
Photography
Rubick Tailwind HTML Admin Template
Nike Tanjun
Sport & Outdoor
Rubick Tailwind HTML Admin Template
Oppo Find X2 Pro
Smartphone & Tablet
Notifications
Rubick Bootstrap HTML Admin Template
Nicolas Cage
01:10 PM
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomi
Rubick Bootstrap HTML Admin Template
Al Pacino
01:10 PM
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 20
Rubick Bootstrap HTML Admin Template
Tom Cruise
06:05 AM
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomi
Rubick Bootstrap HTML Admin Template
Al Pacino
01:10 PM
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500
Rubick Bootstrap HTML Admin Template
Leonardo DiCaprio
05:09 AM
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem

Buttons

Basic Buttons 

  HTMLOpenTagbutton class="btn btn-primary w-24 me-1 mb-2"HTMLCloseTagPrimaryHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-secondary w-24 me-1 mb-2"HTMLCloseTagSecondaryHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-success w-24 me-1 mb-2"HTMLCloseTagSuccessHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-warning w-24 me-1 mb-2"HTMLCloseTagWarningHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-danger w-24 me-1 mb-2"HTMLCloseTagDangerHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-dark w-24 me-1 mb-2"HTMLCloseTagDarkHTMLOpenTag/buttonHTMLCloseTag

Button Sizes 

  HTMLOpenTagdivHTMLCloseTag HTMLOpenTagbutton class="btn btn-sm btn-primary w-24 me-1 mb-2"HTMLCloseTagSmallHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-primary w-24 me-1 mb-2"HTMLCloseTagMediumHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-lg btn-primary w-24 me-1 mb-2"HTMLCloseTagLargeHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="mt-5"HTMLCloseTag HTMLOpenTagbutton class="btn btn-sm btn-secondary w-24 me-1 mb-2"HTMLCloseTagSmallHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-secondary w-24 me-1 mb-2"HTMLCloseTagMediumHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-lg btn-secondary w-24 me-1 mb-2"HTMLCloseTagLargeHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTag/divHTMLCloseTag

Working with Links

Elevated Buttons 

  HTMLOpenTagdivHTMLCloseTag HTMLOpenTagbutton class="btn btn-elevated-primary w-24 me-1 mb-2"HTMLCloseTagPrimaryHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-elevated-secondary w-24 me-1 mb-2"HTMLCloseTagSecondaryHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-elevated-success w-24 me-1 mb-2"HTMLCloseTagSuccessHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-elevated-warning w-24 me-1 mb-2"HTMLCloseTagWarningHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-elevated-danger w-24 me-1 mb-2"HTMLCloseTagDangerHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-elevated-dark w-24 me-1 mb-2"HTMLCloseTagDarkHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="mt-5"HTMLCloseTag HTMLOpenTagbutton class="btn btn-elevated-rounded-primary w-24 me-1 mb-2"HTMLCloseTagPrimaryHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-elevated-rounded-secondary w-24 me-1 mb-2"HTMLCloseTagSecondaryHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-elevated-rounded-success w-24 me-1 mb-2"HTMLCloseTagSuccessHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-elevated-rounded-warning w-24 me-1 mb-2"HTMLCloseTagWarningHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-elevated-rounded-danger w-24 me-1 mb-2"HTMLCloseTagDangerHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-elevated-rounded-dark w-24 me-1 mb-2"HTMLCloseTagDarkHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTag/divHTMLCloseTag

Social Media Buttons 

  HTMLOpenTagbutton class="btn btn-facebook w-32 me-2 mb-2"HTMLCloseTag HTMLOpenTagi data-feather="facebook" class="w-4 h-4 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Facebook HTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-twitter w-32 me-2 mb-2"HTMLCloseTag HTMLOpenTagi data-feather="twitter" class="w-4 h-4 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Twitter HTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-instagram w-32 me-2 mb-2"HTMLCloseTag HTMLOpenTagi data-feather="instagram" class="w-4 h-4 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Instagram HTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-linkedin w-32 me-2 mb-2"HTMLCloseTag HTMLOpenTagi data-feather="linkedin" class="w-4 h-4 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Linkedin HTMLOpenTag/buttonHTMLCloseTag

Outline Buttons 

  HTMLOpenTagbutton class="btn btn-outline-primary w-24 d-inline-block me-1 mb-2"HTMLCloseTagPrimaryHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-outline-secondary w-24 d-inline-block me-1 mb-2"HTMLCloseTagSecondaryHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-outline-success w-24 d-inline-block me-1 mb-2"HTMLCloseTagSuccessHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-outline-warning w-24 d-inline-block me-1 mb-2"HTMLCloseTagWarningHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-outline-danger w-24 d-inline-block me-1 mb-2"HTMLCloseTagDangerHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-outline-dark w-24 d-inline-block me-1 mb-2"HTMLCloseTagDarkHTMLOpenTag/buttonHTMLCloseTag

Loading State Buttons 

  HTMLOpenTagbutton class="btn btn-primary me-1 mb-2"HTMLCloseTag Saving HTMLOpenTagi data-loading-icon="oval" data-color="white" class="w-4 h-4 ms-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag HTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-success me-1 mb-2"HTMLCloseTag Adding HTMLOpenTagi data-loading-icon="spinning-circles" data-color="white" class="w-4 h-4 ms-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag HTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-warning me-1 mb-2"HTMLCloseTag Loading HTMLOpenTagi data-loading-icon="three-dots" data-color="1a202c" class="w-4 h-4 ms-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag HTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-danger me-1 mb-2"HTMLCloseTag Deleting HTMLOpenTagi data-loading-icon="puff" data-color="white" class="w-4 h-4 ms-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag HTMLOpenTag/buttonHTMLCloseTag

Rounded Buttons 

  HTMLOpenTagbutton class="btn btn-rounded-primary w-24 me-1 mb-2"HTMLCloseTagPrimaryHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-rounded-secondary w-24 me-1 mb-2"HTMLCloseTagSecondaryHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-rounded-success w-24 me-1 mb-2"HTMLCloseTagSuccessHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-rounded-warning w-24 me-1 mb-2"HTMLCloseTagWarningHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-rounded-danger w-24 me-1 mb-2"HTMLCloseTagDangerHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-rounded-dark w-24 me-1 mb-2"HTMLCloseTagDarkHTMLOpenTag/buttonHTMLCloseTag

Soft Color Buttons 

  HTMLOpenTagbutton class="btn btn-rounded btn-primary-soft w-24 me-1 mb-2"HTMLCloseTagPrimaryHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-rounded btn-secondary-soft w-24 me-1 mb-2"HTMLCloseTagSecondaryHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-rounded btn-success-soft w-24 me-1 mb-2"HTMLCloseTagSuccessHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-rounded btn-warning-soft w-24 me-1 mb-2"HTMLCloseTagWarningHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-rounded btn-danger-soft w-24 me-1 mb-2"HTMLCloseTagDangerHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-rounded btn-dark-soft w-24 me-1 mb-2"HTMLCloseTagDarkHTMLOpenTag/buttonHTMLCloseTag

Icon Buttons 

  HTMLOpenTagbutton class="btn btn-primary w-32 me-2 mb-2"HTMLCloseTag HTMLOpenTagi data-feather="activity" class="w-4 h-4 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Activity HTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-secondary w-32 me-2 mb-2"HTMLCloseTag HTMLOpenTagi data-feather="hard-drive" class="w-4 h-4 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Hard Drive HTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-success w-32 me-2 mb-2"HTMLCloseTag HTMLOpenTagi data-feather="calendar" class="w-4 h-4 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Calendar HTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-warning w-32 me-2 mb-2"HTMLCloseTag HTMLOpenTagi data-feather="share-2" class="w-4 h-4 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Share HTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-danger w-32 me-2 mb-2"HTMLCloseTag HTMLOpenTagi data-feather="trash" class="w-4 h-4 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Trash HTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-dark w-32 me-2 mb-2"HTMLCloseTag HTMLOpenTagi data-feather="image" class="w-4 h-4 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Image HTMLOpenTag/buttonHTMLCloseTag

Icon Only Buttons 

  HTMLOpenTagbutton class="btn btn-primary me-1 mb-2"HTMLCloseTag HTMLOpenTagi data-feather="activity" class="w-5 h-5"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag HTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-secondary me-1 mb-2"HTMLCloseTag HTMLOpenTagi data-feather="hard-drive" class="w-5 h-5"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag HTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-success me-1 mb-2"HTMLCloseTag HTMLOpenTagi data-feather="calendar" class="w-5 h-5"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag HTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-warning me-1 mb-2"HTMLCloseTag HTMLOpenTagi data-feather="share-2" class="w-5 h-5"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag HTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-danger me-1 mb-2"HTMLCloseTag HTMLOpenTagi data-feather="trash" class="w-5 h-5"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag HTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-dark me-1 mb-2"HTMLCloseTag HTMLOpenTagi data-feather="image" class="w-5 h-5"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag HTMLOpenTag/buttonHTMLCloseTag
Dark Mode