Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

Animated Button on HTML version


Hello!
On Metronic 9.x HTML there is a animated button like on React or Next.js versions? I do not found on docs


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)

The cover is designed to provide dependable protection for your truck bed while maintainin g quick and hassle-free access to your cargo. Its soft, tri-fold construction combines durability with all-weather performance, helping shield your gear from rain, dust, and debris. Featuring a streamlined, low-profile appearance and a simple no-drill installation, it adds both functionality and a clean, modern look to your pickup.

Technology discussions often focus on creating smoother user experiences, solving problems efficiently, and keeping systems running reliably. Interestingly, the same principles apply to vehicle ownership, where attention to detail and proactive maintenance can make a significant difference over time. For owners of premium and performance vehicles, staying ahead of repairs helps maintain reliability, safety, and performance. Using dependable replacement parts, including Audi Spare Parts, and addressing issues early can help prevent larger problems while keeping the driving experience enjoyable for years to come.


Hi Elieser Morais

At the moment, Metronic 9.x HTML does not ship a dedicated animated button component like the one in the React/Next.js kits.

Metronic 9 is split into two UI libraries:

KtUI — powers the HTML version (vanilla JS + Tailwind)
ReUI — powers the React/Next.js versions
The main animated button you may have seen in React/Next.js demos is the GitHub Button (GithubButton). It animates the star counter and star fill using Motion. That component is part of ReUI and is documented here:

ReUI — https://v1.reui.io/docs/github-button

For the HTML version, the documented button component is the standard KTUI Button using kt-btn classes (primary, secondary, outline, ghost, sizes, icons, disabled states, and so on). These support normal hover/focus transitions, but not the GitHub-style animated counter.


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(