Zynix - Laravel Tailwind Premium Admin & Dashboard Template

5
Cart Items
5 Items
- Puma
  
  $75 $99
  
  Classic tufted leather sofa
  Quantity : 4 x $32
- Puma
  
  $120 $149
  
  Polaroid Medium Camera
  Quantity : 12 x $112
- Puma
  
  $30 $49
  
  Creed Aventus Luxury Perfume
  Quantity : 9 x $64
- Puma
  
  $70 $129
  
  Ethan Allen School Bag
  Quantity : 7 x $230
- Puma
  
  Louis Vuitton Handbag
  Quantity : 5 x $52
  
  $200 $249
Proceed to checkout

Your Cart is Empty
Add some items to make me happy :)
Notifications
15 Unread

Activity Notes Alerts
- Way to go Jack Miller ! 🎉
  
  Congratulations on snagging the Monthly Best Seller Gold Badge !
  2 Min Ago
- SM
  
  You’ve Got Mail!
  
  Natalie has sent you a new message. Click here to view it.
  5 Min Ago
- Application Approved By Team 🚀.
  
  Congratulations! Your project application has been approved.
  Yesterday
- TR
  
  New Connection Request
  
  Peter has sent you a connection request, please check your connection requests.
  2 Days Ago
- Whoo! Your Order Is On the Way 🚚.
  
  Great news! Your order is now on its way to you.
  1 Hr Ago
- This Month Notes Prepared
  
  Your notes for this month are ready and available. Please review them at your convenience.
  2 min ago
- Order #54321 has been shipped.
  
  Order is on its way. You can track your shipment using the tracking number provided.
  2 min ago
- A Email Will be sent to customer.
  
  An email regarding your recent order will be sent to the customer shortly.
  10 Days ago
- Payment Form Will be Activated.
  
  The payment form will be activated shortly. Please ensure that all necessary details are correctly filled out to proceed with the payment process.
  Yesterday
- Meeting will be held tomorrow
  
  This is a reminder that a meeting will be held tomorrow.
  2 days ago
- Mail Login with Different Device
  
  Your email account has been accessed from a new device. If this was you, no action is needed.
  2 min ago
- Your Subscription was expaired.
  
  Your subscription has expired. Please renew your subscription to continue enjoying uninterrupted access to our services.
  15 min ago
- Your storage space is running low.
  
  Your storage space is running low. Please free up some space or upgrade your storage plan to avoid any interruptions.
  23 min ago
- Your changes have been saved.
  
  Your changes have been saved. If you need to make any more adjustments, feel free to do so.
  Yesterday
- New updates are available soon.
  
  Exciting new updates are on the way! Stay tuned for enhancements and new features that will be available soon.
  2 days ago
View All

No New Notifications
Mr. Jack
- Mr.Jack Miller UI/UX Designer
- Profile
- Inbox
- Task Manger
- Settings
- Support
- Log Out

Responsive image

Use .img-fluid class to the img tag to get responsive image.

<div class="text-center">
    <img src="https://laravelui.spruko.com/tailwind/zynix/build/assets/images/media/media-48.jpg" class="img-fluid" alt="...">
</div>

Image With Radius

Use .rounded class along with .img-fluid to get border radius.

<div class="text-center">
    <img src="https://laravelui.spruko.com/tailwind/zynix/build/assets/images/media/media-49.jpg" class="img-fluid rounded-md" alt="...">
</div>

rounded-md Image

Use .rounded-full class to img tag to get rounded-md image.

<div class="text-center">
    <img src="https://laravelui.spruko.com/tailwind/zynix/build/assets/images/media/media-50.jpg" class="img-fluid rounded-full" alt="...">
</div>

Image Left Align

Use .float-start class to img tag to get left align image.

<img class="rounded-md float-start" src="https://laravelui.spruko.com/tailwind/zynix/build/assets/images/media/media-53.jpg" alt="...">

Image Center Align

<img class="rounded-md mx-auto block" src="https://laravelui.spruko.com/tailwind/zynix/build/assets/images/media/media-55.jpg" alt="...">

Image Right Align

<img class="rounded-md float-end" src="https://laravelui.spruko.com/tailwind/zynix/build/assets/images/media/media-54.jpg" alt="...">

Figures

<figure class="figure">
    <img class="bd-placeholder-img figure-img img-fluid rounded-md card-img" src="https://laravelui.spruko.com/tailwind/zynix/build/assets/images/media/media-56.jpg" alt="...">
    <figcaption class="figure-caption">A caption for the above image.
    </figcaption>
</figure>
<figure class="figure float-end">
    <img class="bd-placeholder-img figure-img img-fluid rounded-md card-img" src="https://laravelui.spruko.com/tailwind/zynix/build/assets/images/media/media-57.jpg" alt="...">
    <figcaption class="figure-caption text-end">A caption for the above image.
    </figcaption>
</figure>

Image Thumbnail

Use .img-thumbnail to give an image a rounded-md 1px border.

<div class="text-center">
    <img src="https://laravelui.spruko.com/tailwind/zynix/build/assets/images/media/media-51.jpg" class="img-thumbnail" alt="...">
</div>

rounded-md Thumbnail

Use .rounded-full along with .img-thummbnail to get radius.

<div class="text-center">
    <img src="https://laravelui.spruko.com/tailwind/zynix/build/assets/images/media/media-52.jpg" class="img-thumbnail rounded-full" alt="...">
</div>

Switcher

$75 $99

$120 $149

$30 $49

$70 $129

$200 $249

Images & Figures