Q: How do I contact support?
A: You can contact support at- [email protected]
Q: How does Pastaable work?
A: Pastaable is a Chrome extension that lets you convert any element on a webpage to Tailwind CSS with a single click. Simply select the element, click the Pastaable icon, and it will generate the equivalent Tailwind CSS classes for you to copy and paste.
Q: Is Pastaable compatible with all websites?
A: Yes, Pastaable works with any website or web application. However, the accuracy of the conversion may vary depending on the complexity of the original CSS. They’re continuously improving the engine, as They use it ourselves every day.
Q: Can I copy elements from iframes?
A: Yes! Pastaable supports copying elements from iframes, which can often be challenging. This feature is built-in and works seamlessly.
Q: How accurate is the Tailwind CSS conversion?
A: They’ve gone through more than three iterations of our conversion engine and continue refining it. While no automated tool is perfect, Pastaable gets you as close as possible and reduces the need for manual adjustments.
Q: Do I need to know Tailwind CSS to use Pastaable?
A: Not at all. Pastaable is designed for both beginners and advanced users. It handles the conversion from standard CSS to Tailwind CSS, making it easy to learn as you go or simply save time.
Q: What features are in development?
A: They’re actively working on new features, including pseudo-class support, optimized conversion outputs, exporting to CodePen or Tailwind Play, font identification, and more.
Q: Why isn’t the cursor highlighting when I use the extension?
A: This can happen when you first install or activate the extension. Try refreshing the page and wait for the popup to load fully after clicking the extension icon. If it still doesn’t work, try reloading the extension from your browser’s settings. Feel free to contact us if you need more help.
Q: What if the project shuts down—will I lose access?
A: In the unlikely event that They can no longer support Pastaable, They’ll remove license requirements and ensure it’s hosted on the Chrome Web Store so you can continue using it. They use Pastaable ourselves, They’re deeply invested in its longevity. Your feedback is always welcome!
3 reviews for Pastaable : One-Click Tailwind CSS Code Generator Chrome Extension
Luis Ruben –
What’s the use case for someone who doesn’t code?
Admin –
Great question! Even if you don’t code, Pastaable can be super helpful. It lets you extract design elements (like layout, colors, fonts, and spacing) from any website and turn them into code. You can use this to:
* Share the code with a developer
* Use it as a design reference
* Drop it into an code editor to experiment or refine things with AI
It’s also a great learning tool. For example, if you use “External CSS” mode, you can extract parts of real-world websites and see how they’re structured and styled with HTML and CSS. Or, you can use the “Tailwind” mode to understand how a design translates into Tailwind utility classes. It’s a hands-on way to get familiar with how modern websites are built, even if you’re just starting out.
Asad Raza –
Does it recognize fonts as well?
Admin –
Pastaable does its best to detect fonts, but recognition is not always fully reliable, especially when fonts are hosted externally or have been compressed. That said, you can usually get a good idea of what the font is. For example, if you see something like “__Inter_d65c78”, it is likely the “Inter” font or a variation of it. If the font files are detected, you should be able to download them. Just be sure to use fonts responsibly and follow proper licensing guidelines.
peiyuan.chou –
Can the license code be stacked? One license only applies to 2 devices. What if I need more devices?
Shivam Sharma –
At the moment, stacking is not allowed with the existing deal.