Malicious Code Injection in tailwindcss-visual-kit: A Critical Vulnerability
Summary
MAL-2026-18090: Malicious code in tailwindcss-visual-kit (npm). Affects tailwindcss-visual-kit versions 0.0.0-stage – 1.3.6. No fix is published. How to fix ↓
Check if this vulnerability affects your application
Upload a manifest or SBOM and we'll show whether you're affected, plus every other risky package in the same scan.
No signup required · Results in about 60 seconds
Background
tailwindcss-visual-kit is a Tailwind CSS plugin designed to enhance the development of user interfaces with utility-first CSS. It allows developers to easily integrate animations and motion effects into their projects. However, this package has been compromised, leading to significant security concerns due to the inclusion of a malicious private dependency.
Vulnerability Detail
The vulnerability stems from the inclusion of a private scoped package, @jasperquinn/postcss-motion-helpers, which is not publicly accessible. This package is required in the src/motion.js file and is only retrievable with a specific npm token that is committed in the lure repository's .npmrc file. When the tailwind.config.js loads the plugin during the development server startup, the malicious code embedded in the private dependency executes, potentially compromising the application and its data.
How To Fix
This package is malicious. Remove it and rotate any credentials it could have accessed.
npm uninstall tailwindcss-visual-kitIf it arrived as a transitive dependency, remove the package that pulled it in, then reinstall.
Tip — Not sure whether your app is affected? Vulert can check the versions your app actually runs. Scan free →
Workaround
As a temporary workaround, avoid using the tailwindcss-visual-kit package until a secure version is released. Additionally, consider using alternative packages that provide similar functionality without the associated risks.
Conclusion
The tailwindcss-visual-kit package has been compromised with malicious code that can execute during development. It is essential to remove the affected package and monitor for updates or patches. Utilizing tools like Vulert can help keep your applications secure by providing real-time vulnerability alerts.
See every vulnerability recorded for tailwindcss-visual-kit →
FAQ
It is a Tailwind CSS plugin that facilitates the integration of animations and motion effects into web applications.
The malicious code can execute during the development process, potentially compromising your application's security and exposing sensitive data.
You can use Vulert, which monitors and alerts for open-source vulnerabilities in real-time. Visit Vulert Scanner to check your application without needing to sign up.
Yes, refrain from using the affected package and consider alternative solutions until a secure version is available.
The vulnerability was identified by pkgwarden, a security research entity focused on open-source package vulnerabilities.
References
Follow Vulert in Google
Get more Vulert vulnerability and dependency-security updates in Google Search and AI results.