<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Gimli</title>
    <description>The latest articles on DEV Community by Gimli (@gimli_app).</description>
    <link>https://dev.to/gimli_app</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F901359%2Fcfe290f7-34f2-449f-9f3b-b8c335d3bb48.png</url>
      <title>DEV Community: Gimli</title>
      <link>https://dev.to/gimli_app</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/gimli_app"/>
    <language>en</language>
    <item>
      <title>I built a TailwindCSS extension tool that got 10k+ users. I'm making it a commercial product to survive the tech market.</title>
      <dc:creator>Gimli</dc:creator>
      <pubDate>Mon, 01 Jun 2026 19:17:50 +0000</pubDate>
      <link>https://dev.to/gimli_app/i-built-a-tailwindcss-extension-tool-that-got-10k-users-im-making-it-a-commercial-product-to-4jif</link>
      <guid>https://dev.to/gimli_app/i-built-a-tailwindcss-extension-tool-that-got-10k-users-im-making-it-a-commercial-product-to-4jif</guid>
      <description>&lt;p&gt;&lt;a href="https://gimli.app/tailwind" rel="noopener noreferrer"&gt;Link to extension&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The biggest change in this release is undoubtedly that Gimli Tailwind is no longer free (currently $49). On the pricing page, I gave the following reason for making this shift:&lt;/p&gt;

&lt;p&gt;&lt;em&gt;"Up until now, Gimli Tailwind has been completely free. It’s a tool I built because I needed it, and seeing over 10,000 installs has been incredible.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;But the truth is, development has slowed down because I haven’t been able to justify the time away from paid work…"&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;To be completely honest, another big reason is the current tech job market. I’m currently employed as an IT consultant but am on parental leave until August, without a client to go back to. It’s a strange time to be away from work right now, especially when all you hear about from the tech world is AI and mass layoffs. I just don’t know what to expect when my leave ends.&lt;/p&gt;

&lt;p&gt;Now, I don’t realistically believe I can make a full living selling Gimli Tailwind licenses. It is a pretty niche product, after all. But having some sort of side income would offer a safety net if things go sideways with my day job. Beyond that, it would simply be nice to be able to take some time away from “real work” to focus on a project I am genuinely passionate about.&lt;/p&gt;

&lt;p&gt;I do understand the frustration of expecting a free tool and suddenly being met with a purchase screen. I actually just got my first review after going commercial:&lt;/p&gt;

&lt;p&gt;&lt;em&gt;"Superb extension, unfortunately now a paid one. (Translated from French)"&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;1/5 Stars.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;It does feel a little unfair. Like solo developers aren’t allowed to make any kind of money, only big corporations! But hey, they did call it a “superb extension” so I can’t be that mad about it.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;What’s New in 5.1?&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Anyway, enough about that. You might be wondering: does this new paid version actually come with any new features?&lt;/p&gt;

&lt;p&gt;Yes! Gimli Tailwind 5.1 now supports arbitrary values (like mt-[10px]) and custom fraction values (like w-7/13) directly via the UI.&lt;/p&gt;

&lt;p&gt;This was actually quite a bit trickier to implement than I first anticipated. So the focus for this release was on getting everything to work “under the hood” rather than polishing the interface. For the upcoming 5.2 release, I plan to focus more on the UI/UX side, which I think still has plenty of room for improvement.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.youtube.com/watch?v=j5eTyuD3wA0" rel="noopener noreferrer"&gt;Watch this video to see the new arbitrary values in action&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;One More Thing…&lt;/strong&gt;&lt;br&gt;
A while back, I released &lt;a href="https://gimli.app/mouse-tracker" rel="noopener noreferrer"&gt;Gimli Mouse Tracker&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;It is a single-file, no-dependency Web Component that tracks the user’s mouse movements with tunable physics parameters, then outputs the results as CSS custom properties. I never actually made a proper post about it for whatever reason, so I thought I’d just mention it here instead.&lt;/p&gt;

</description>
      <category>tailwindcss</category>
      <category>css</category>
      <category>frontend</category>
    </item>
    <item>
      <title>See what's new in Gimli Tailwind 4.4</title>
      <dc:creator>Gimli</dc:creator>
      <pubDate>Wed, 27 Nov 2024 13:58:33 +0000</pubDate>
      <link>https://dev.to/gimli_app/see-whats-new-in-gimli-tailwind-44-4cdm</link>
      <guid>https://dev.to/gimli_app/see-whats-new-in-gimli-tailwind-44-4cdm</guid>
      <description>&lt;p&gt;Gimli Tailwind now has Astro support. Check it out here:&lt;br&gt;
&lt;a href="https://youtu.be/zKt1g_M1AyQ" rel="noopener noreferrer"&gt;Youtube link&lt;/a&gt;&lt;/p&gt;

</description>
      <category>tailwindcss</category>
      <category>frontend</category>
      <category>css</category>
      <category>webdev</category>
    </item>
    <item>
      <title>Eye Dropper in Gimli Tailwind 3.4</title>
      <dc:creator>Gimli</dc:creator>
      <pubDate>Mon, 12 Aug 2024 17:12:12 +0000</pubDate>
      <link>https://dev.to/gimli_app/eye-dropper-in-gimli-tailwind-34-3nm5</link>
      <guid>https://dev.to/gimli_app/eye-dropper-in-gimli-tailwind-34-3nm5</guid>
      <description>&lt;p&gt;Gimli Tailwind 4.3 now supports selecting any color on the screen using the new eyedropper tool!&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fna7mb8ufo8upjkod963b.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fna7mb8ufo8upjkod963b.PNG" alt="Image description" width="800" height="434"&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="https://www.youtube.com/watch?v=zPzBGjNehmo" rel="noopener noreferrer"&gt;Check it out here&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;If you haven't already seen it, I also updated the &lt;a href="https://gimli.app/" rel="noopener noreferrer"&gt;https://gimli.app/&lt;/a&gt; website a while back :)&lt;/p&gt;

&lt;p&gt;&lt;a href="https://chromewebstore.google.com/detail/gimli-tailwind/fojckembkmaoehhmkiomebhkcengcljl" rel="noopener noreferrer"&gt;Link to extension:&lt;/a&gt; &lt;/p&gt;

</description>
      <category>tailwindcss</category>
      <category>chrome</category>
      <category>frontend</category>
      <category>css</category>
    </item>
    <item>
      <title>Gimli Tailwind is now available for Firefox!</title>
      <dc:creator>Gimli</dc:creator>
      <pubDate>Mon, 29 Apr 2024 05:21:20 +0000</pubDate>
      <link>https://dev.to/gimli_app/gimli-tailwind-is-now-available-for-firefox-d6e</link>
      <guid>https://dev.to/gimli_app/gimli-tailwind-is-now-available-for-firefox-d6e</guid>
      <description>&lt;p&gt;Gimli Tailwind is the most popular DevTools extension for Tailwind CSS developers, and it's now available for Firefox :)&lt;/p&gt;

&lt;p&gt;&lt;a href="https://addons.mozilla.org/sv-SE/firefox/addon/gimli-tailwind/" rel="noopener noreferrer"&gt;Get it here&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.youtube.com/watch?v=JRRc9fC3bSE" rel="noopener noreferrer"&gt;Introduction to Gimli Tailwind (Chrome version, but very similar)&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://chromewebstore.google.com/detail/gimli-tailwind/fojckembkmaoehhmkiomebhkcengcljl" rel="noopener noreferrer"&gt;Get the Chrome version&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>tailwindcss</category>
      <category>tooling</category>
    </item>
    <item>
      <title>Gimli Bootstrap: The smart DevTools extension for Bootstrap developers</title>
      <dc:creator>Gimli</dc:creator>
      <pubDate>Wed, 03 Apr 2024 19:12:32 +0000</pubDate>
      <link>https://dev.to/gimli_app/gimli-bootstrap-the-smart-devtools-extension-for-bootstrap-developers-8fi</link>
      <guid>https://dev.to/gimli_app/gimli-bootstrap-the-smart-devtools-extension-for-bootstrap-developers-8fi</guid>
      <description>&lt;p&gt;Hello! 👋&lt;/p&gt;

&lt;p&gt;I've made a &lt;a href="https://chromewebstore.google.com/detail/gimli-bootstrap/oeohjgdiapbcnlifpfhmppjkdkabkfbj" rel="noopener noreferrer"&gt;Chrome extension for Bootstrap&lt;/a&gt; developers which I hope you find useful.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.youtube.com/watch?v=xI05jhoqoPw" rel="noopener noreferrer"&gt;Here is a short introduction video.&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The extension is a fork of &lt;a href="https://chromewebstore.google.com/detail/gimli-tailwind/fojckembkmaoehhmkiomebhkcengcljl" rel="noopener noreferrer"&gt;Gimli Tailwind&lt;/a&gt;. But it was it was modified for Bootstrap development.&lt;/p&gt;

&lt;p&gt;It’s been a while since I last worked with Bootstrap on a project, and I would greatly appreciate feedback from anyone using Bootstrap. 😊&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Gimli Tailwind now features a sleek dark UI theme!</title>
      <dc:creator>Gimli</dc:creator>
      <pubDate>Wed, 20 Mar 2024 10:48:41 +0000</pubDate>
      <link>https://dev.to/gimli_app/gimli-tailwind-now-features-a-sleek-dark-ui-theme-37j5</link>
      <guid>https://dev.to/gimli_app/gimli-tailwind-now-features-a-sleek-dark-ui-theme-37j5</guid>
      <description>&lt;p&gt;In Version 4.1 and 4.2, I’ve primarily focused on addressing bugs and optimizing code. However, I’ve also made some subtle yet valuable improvements! &lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.youtube.com/watch?v=gykSctSuMK4&amp;amp;ab_channel=Gimli" rel="noopener noreferrer"&gt;Check out the video&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://chromewebstore.google.com/detail/gimli-tailwind/fojckembkmaoehhmkiomebhkcengcljl" rel="noopener noreferrer"&gt;Click here to get the extension.&lt;/a&gt;&lt;/p&gt;

</description>
      <category>tailwindcss</category>
      <category>webdev</category>
      <category>css</category>
      <category>frontend</category>
    </item>
    <item>
      <title>Gimli Tailwind 4 is out - the most popular DevTools extension for Tailwind CSS developers</title>
      <dc:creator>Gimli</dc:creator>
      <pubDate>Mon, 22 Jan 2024 07:08:03 +0000</pubDate>
      <link>https://dev.to/gimli_app/gimli-tailwind-4-is-out-the-most-popular-devtools-extension-for-tailwind-css-developers-5e81</link>
      <guid>https://dev.to/gimli_app/gimli-tailwind-4-is-out-the-most-popular-devtools-extension-for-tailwind-css-developers-5e81</guid>
      <description>&lt;p&gt;It’s been almost a year since 3.0 was released. Today I’m happy to announce that Gimli Tailwind 4.0 is finally released.&lt;/p&gt;

&lt;p&gt;If you are a Tailwind CSS user and haven’t used Gimli Tailwind yet, &lt;a href="https://chromewebstore.google.com/detail/fojckembkmaoehhmkiomebhkcengcljl" rel="noopener noreferrer"&gt;get it here&lt;/a&gt;. You may also want to look at this &lt;a href="https://www.youtube.com/watch?v=JRRc9fC3bSE&amp;amp;ab_channel=Gimli" rel="noopener noreferrer"&gt;short introduction&lt;/a&gt;:&lt;/p&gt;

&lt;p&gt;What’s new&lt;br&gt;
&lt;strong&gt;Autocompletion — with CSS property name support!&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;I personally really like this feature. It’s nice to be able to use the keyboard and not be completely reliant on the UI.&lt;/p&gt;

&lt;p&gt;Values within the same utility group will automatically be replaced. For example, if you have the classes: “grid m-10 pt-2”, then add “m-2” using the autocomplete input. The result will be: “grid m-2 pt-2”.&lt;/p&gt;

&lt;p&gt;Another useful feature is that the autocomplete does not only work for utility classes. Let’s say you want to change the line-height. But you are new to Tailwind and do not know what those values are called. Then you can search for the CSS property name: “line-height”, and press enter, and now all line-height utilities are shown (leading-1,leading-2, and so on)&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fv6x4evmrqacy97s89w3y.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fv6x4evmrqacy97s89w3y.png" alt="Image description" width="740" height="352"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Quickly Copy all class names -button.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;This was the first feature request I got. I just wasn’t sure where to put it in the UI until now.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;New utilities&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Tailwind 3.4 added many new utilities which are now also added in Gimli Tailwind. The size-* utilities are not shown in the UI but adding them using the new autocomplete feature works!&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Updated UI&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Devtools itself changed its colors a while back. Gimli Tailwind has been updated to use the same colors.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;The 2xl variant has been added.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Bug fixes and other minor improvements.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;As always, many minor bugs have been fixed and I’m sure some have been added too. If you find any bugs or have any other feedback. Please let me know.&lt;/p&gt;

&lt;p&gt;Follow Gimli Tailwind here: &lt;a href="https://twitter.com/gimli_app" rel="noopener noreferrer"&gt;Twitter/X&lt;/a&gt; &lt;a href="https://medium.com/@joakim_gimli/gimly-tailwind-4-0-is-out-cc966e32a06d" rel="noopener noreferrer"&gt;Medium&lt;/a&gt;&lt;/p&gt;

</description>
      <category>tailwindcss</category>
      <category>webdev</category>
      <category>frontend</category>
      <category>css</category>
    </item>
    <item>
      <title>Gimli Tailwind 3.4 - The most popular devtools extension for Tailwind, Now with Dark Mode support!</title>
      <dc:creator>Gimli</dc:creator>
      <pubDate>Thu, 02 Nov 2023 14:13:42 +0000</pubDate>
      <link>https://dev.to/gimli_app/gimli-tailwind-34-the-most-popular-devtools-extension-for-tailwind-now-with-dark-mode-support-24pm</link>
      <guid>https://dev.to/gimli_app/gimli-tailwind-34-the-most-popular-devtools-extension-for-tailwind-now-with-dark-mode-support-24pm</guid>
      <description>&lt;p&gt;Check it out here: &lt;a href="https://www.youtube.com/watch?v=Tw6hG8rhmIw" rel="noopener noreferrer"&gt;https://www.youtube.com/watch?v=Tw6hG8rhmIw&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Get the extension &lt;a href="https://chrome.google.com/webstore/detail/gimli-tailwind/fojckembkmaoehhmkiomebhkcengcljl" rel="noopener noreferrer"&gt;here&lt;/a&gt;: &lt;/p&gt;

&lt;p&gt;Feedback is appreciated :)&lt;/p&gt;

</description>
      <category>tailwindcss</category>
      <category>css</category>
      <category>html</category>
      <category>frontend</category>
    </item>
    <item>
      <title>Just released Gimli Tailwind 3.2!</title>
      <dc:creator>Gimli</dc:creator>
      <pubDate>Mon, 15 May 2023 18:33:41 +0000</pubDate>
      <link>https://dev.to/gimli_app/just-released-gimli-tailwind-32-jg</link>
      <guid>https://dev.to/gimli_app/just-released-gimli-tailwind-32-jg</guid>
      <description>&lt;p&gt;Gimli Tailwind 3.2 brings new features such as grouping of utilities to improve discoverability.&lt;/p&gt;

&lt;p&gt;This release also supports the new 950 color utilities and line-clamp.&lt;/p&gt;

&lt;p&gt;And bugfixes! Most time spent on this release was pretty much just fixing bugs I introduced in v3.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.youtube.com/watch?v=D-zKa5LgIqw" rel="noopener noreferrer"&gt;See the improvements in this short video!&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Enjoy!&lt;/p&gt;

</description>
      <category>tailwindcss</category>
      <category>css</category>
      <category>html</category>
    </item>
    <item>
      <title>Just released Gimli Tailwind 3!</title>
      <dc:creator>Gimli</dc:creator>
      <pubDate>Fri, 10 Feb 2023 08:54:23 +0000</pubDate>
      <link>https://dev.to/gimli_app/just-released-gimli-tailwind-3-3cd4</link>
      <guid>https://dev.to/gimli_app/just-released-gimli-tailwind-3-3cd4</guid>
      <description>&lt;p&gt;More info here: &lt;a href="https://www.youtube.com/watch?v=pP0h_zh67kQ" rel="noopener noreferrer"&gt;What's new in Gimli Tailwind 3.0&lt;/a&gt;&lt;/p&gt;

</description>
      <category>tailwindcss</category>
      <category>css</category>
      <category>html</category>
    </item>
    <item>
      <title>What's new in Tailwind DX 2.0</title>
      <dc:creator>Gimli</dc:creator>
      <pubDate>Wed, 03 Aug 2022 15:35:45 +0000</pubDate>
      <link>https://dev.to/gimli_app/whats-new-in-tailwind-dx-20-449b</link>
      <guid>https://dev.to/gimli_app/whats-new-in-tailwind-dx-20-449b</guid>
      <description>&lt;p&gt;Thought I'd share some upcoming features of my Tailwind CSS DevTools Extension for Chrome.&lt;br&gt;
&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/jyt_MSHoAtk"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;&lt;a href="https://chrome.google.com/webstore/detail/tailwind-dx/fojckembkmaoehhmkiomebhkcengcljl" rel="noopener noreferrer"&gt;Get the extension here&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://gimli.app/tailwinddx.html" rel="noopener noreferrer"&gt;More info on our website&lt;/a&gt;&lt;/p&gt;

</description>
      <category>tailwindcss</category>
      <category>css</category>
      <category>html</category>
      <category>webdev</category>
    </item>
    <item>
      <title>DevTools Extension for Tailwind CSS</title>
      <dc:creator>Gimli</dc:creator>
      <pubDate>Mon, 01 Aug 2022 10:11:29 +0000</pubDate>
      <link>https://dev.to/gimli_app/devtools-extension-for-tailwind-css-5i2</link>
      <guid>https://dev.to/gimli_app/devtools-extension-for-tailwind-css-5i2</guid>
      <description>&lt;p&gt;Tailwind CSS is amazing but it's not always easy to remember all the different utilities. Therefor, I created Tailwind DX (the name will change due to legal reasons).&lt;/p&gt;

&lt;p&gt;Here's a short video of it:&lt;br&gt;
&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/ObDOU1uYJ1g"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;Tailwind DX let's developers debug and work with Tailwind CSS in a more intuitive way.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Here are some feature highlights:&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Instant feedback&lt;/strong&gt;&lt;br&gt;
Building complex layouts takes a lot of trial and error. Tailwind DX lets the developer preview changes just by hovering on different values. We also let developers:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Ctrl+Click to toggle values on/off&lt;/li&gt;
&lt;li&gt;Ctrl+Hold-and-drag to use inputs as sliders&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;By focusing on instant feedback, we enable developers to Build better websites faster.&lt;/p&gt;

</description>
      <category>tailwindcss</category>
      <category>css</category>
      <category>webdev</category>
      <category>html</category>
    </item>
  </channel>
</rss>
