New Metronic Docs!Added Integration Docs with Starter Kits Apps for Laravel, Laravel Livewire, Angular, Vue, Symfony, Blazor Server, Django & Flask & more
Browse Docs

New Feature Request


Dear KeenThemes Team,

First of all, I would like to express my gratitude for the outstanding theme you've developed. The design and functionality significantly enhance the user experience, and I truly appreciate the work you've put into it.

For the next update, would it be possible to add a swipe icon for image cards? Including features such as left and right arrows, small dots at the bottom, or a badge indicating the current image (2/15) would greatly improve the user experience.

We eagerly look forward to seeing this update and would be grateful if these features could be considered. Thank you once again for your effort and for creating such an excellent theme.

Best regards,


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (5)


Hi,

Thank you for your feedback and suggestion. Sure thing, we will add it. May I know which stack are you referring to ? Metronic 9 Tailwind React or HTML ?

Regards,
Sean



Hi,

I’ve created a prototype using Metronic 9 Tailwind HTML and am now starting the development phase by converting it into React components. I’m working on a project similar to Airbnb, and I plan to upgrade to an Extended license once the project is complete.

These components have significantly accelerated the development process. Thank you again for your support, and I wish you continued success.

Regards,
Milana



Hi,

Moving with Metronic 9 Tailwind React + reui.io is a great choice.
We are preparing massive update for the React version coming days.

We will definitely include the Image Slider examples as well. If you need more components please let us know. We will keep adding them.

Regards,
Sean



Hello,

Question 1:
On https://keenthemes.com/metronic/tailwind/demo5/, I would like to make the navigation section (containing menu items like Dashboards, Public Profiles, Account Settings, Network, Authentication, Store-Client, etc.) stretch fully across the screen on desktop view — without any padding or margin on the left and right sides.
Currently, it behaves perfectly on mobile (scrollable and responsive), but on desktop it appears aligned to the left with unused space on the right. How can I make it span the full width of the screen on desktop?

Question 2:
On this page: https://keenthemes.com/metronic/tailwind/demo5/store-client/home, the cards feature a badge in the top-right corner.
How can I apply badges to all four corners of an image-based card, such as those found on this page: https://keenthemes.com/metronic/tailwind/demo5/public-profile/profiles/creator? I’m aiming to place badges on the top-left, top-right, bottom-left, and bottom-right of each image within the card.

I’m currently using Tailwind CSS along with HTML. Thank you very much for your support!



Hello,

I wanted to follow up in case my previous message went unnoticed. If you prefer, I can also resubmit it under a different topic. Thank you again for your support.

Regards,


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(