<?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: themes.dev</title>
    <description>The latest articles on DEV Community by themes.dev (@themes_dev).</description>
    <link>https://dev.to/themes_dev</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.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F515502%2Fb4fd7010-a6ad-41b4-804b-be12402432c6.jpg</url>
      <title>DEV Community: themes.dev</title>
      <link>https://dev.to/themes_dev</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/themes_dev"/>
    <language>en</language>
    <item>
      <title>A sneak peek at Tailwinds next big release - version 3.0</title>
      <dc:creator>themes.dev</dc:creator>
      <pubDate>Mon, 08 Nov 2021 13:39:34 +0000</pubDate>
      <link>https://dev.to/themes_dev/a-sneak-peek-at-tailwinds-next-big-release-version-30-5f78</link>
      <guid>https://dev.to/themes_dev/a-sneak-peek-at-tailwinds-next-big-release-version-30-5f78</guid>
      <description>&lt;p&gt;The first alpha release of Tailwind CSS v3.0 was released on October 1st. Let’s take a look at all the new features and improvements that Tailwind CSS V3.0 brings to the table. This article will be updated when more information is shared during the development.&lt;/p&gt;

&lt;p&gt;Read the full story here&lt;br&gt;
&lt;a href="https://www.themes.dev/blog/tailwind-css-version-3/"&gt;https://www.themes.dev/blog/tailwind-css-version-3/&lt;/a&gt;&lt;/p&gt;

</description>
    </item>
    <item>
      <title>What is new in Tailwind version 2.2?</title>
      <dc:creator>themes.dev</dc:creator>
      <pubDate>Thu, 17 Jun 2021 17:10:43 +0000</pubDate>
      <link>https://dev.to/themes_dev/what-is-new-in-tailwind-version-2-2-7eb</link>
      <guid>https://dev.to/themes_dev/what-is-new-in-tailwind-version-2-2-7eb</guid>
      <description>&lt;p&gt;Tailwind CSS version 2.2 was just released today. This update brings many great new features to Tailwind CSS. This update is mostly focused on improving and expanding the JIT capabilities, but it’s also bringing some new features to the regular Tailwind version. Let’s dive in, to discover what’s new!&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.themes.dev/blog/what-is-new-in-tailwind-css-version-2-2/"&gt;https://www.themes.dev/blog/what-is-new-in-tailwind-css-version-2-2/&lt;/a&gt;&lt;/p&gt;

</description>
    </item>
    <item>
      <title>What is new in Tailwind CSS 2.1?</title>
      <dc:creator>themes.dev</dc:creator>
      <pubDate>Tue, 06 Apr 2021 12:29:49 +0000</pubDate>
      <link>https://dev.to/themes_dev/what-is-new-in-tailwind-css-2-1-27dd</link>
      <guid>https://dev.to/themes_dev/what-is-new-in-tailwind-css-2-1-27dd</guid>
      <description>&lt;p&gt;A brand-new version of Tailwind CSS dropped this Monday. It’s packed with great new CSS utility classes and brings the JIT (Just in Time) engine into the core package. In this article I take a closer look at the new utility classes and I show you how you can use them in your Tailwind projects.&lt;/p&gt;

&lt;p&gt;Update 2.1 brings support for CSS filters natively to Tailwind CSS. This is something that I waited for and I’m really excited about. Can’t wait to explore all the new possibilities that those new filters bring.&lt;/p&gt;

&lt;p&gt;Read the full article here:&lt;br&gt;
&lt;a href="https://www.themes.dev/blog/what-is-new-in-tailwind-css/"&gt;https://www.themes.dev/blog/what-is-new-in-tailwind-css/&lt;/a&gt;&lt;/p&gt;

</description>
      <category>tailwindcss</category>
    </item>
    <item>
      <title>I have 1000 “customers” on Gumroad – This is what I learned</title>
      <dc:creator>themes.dev</dc:creator>
      <pubDate>Tue, 09 Mar 2021 11:52:01 +0000</pubDate>
      <link>https://dev.to/themes_dev/i-have-1000-customers-on-gumroad-this-is-what-i-learned-2095</link>
      <guid>https://dev.to/themes_dev/i-have-1000-customers-on-gumroad-this-is-what-i-learned-2095</guid>
      <description>&lt;p&gt;Hey everyone!&lt;/p&gt;

&lt;p&gt;This week I hit the milestone of 1k customers with themes.dev – &lt;a href="https://www.themes.dev/"&gt;themes.dev&lt;/a&gt; is a place where I offer code snippets and website themes. In this post I tell you everything that I learned on selling products on Gumroad. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--b-rm0BYq--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wmnywpypv5c3asq3i3yc.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--b-rm0BYq--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wmnywpypv5c3asq3i3yc.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;$926.09 – that is the number, for those who are wondering how much I earned. &lt;/p&gt;

&lt;p&gt;&lt;em&gt;Disclaimer: I am super new to selling on Gumroad. If I made a wrong assumption, please let me know in the comments.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;A customer is a vague term on Gumroad.&lt;/strong&gt;&lt;br&gt;
&lt;em&gt;Noun - a person who buys goods or services from a shop or business.&lt;/em&gt; That is how the dictionary describes a customer. At Gumroad the definition for a customer is a little different. &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  Someone who ‘buys’ a free product is also a customer.&lt;/li&gt;
&lt;li&gt;  If a person ‘buys’ multiple products, it’s registered as a customer for every single purchase. &lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Gumroad does not validate emails&lt;/strong&gt;&lt;br&gt;
You do not need a valid email address to buy something on Gumroad. After entering a random email, you can directly download the product from your browser.  Downsides on this approach are: &lt;/p&gt;

&lt;ol&gt;
&lt;li&gt; Your email lists are populated with fake email addresses. &lt;/li&gt;
&lt;li&gt; You are missing potential leads.&lt;/li&gt;
&lt;li&gt; When a customer needs to re-download a product, they register again as a new customer. &lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;strong&gt;Manage your leads outside Gumroad.&lt;/strong&gt;&lt;br&gt;
I use &lt;a href="https://mailchimp.com/"&gt;Mailchimp&lt;/a&gt; to manage my customers and leads from Gumroad. To make things manageable I created a &lt;a href="https://zapier.com/"&gt;zapier&lt;/a&gt; integration between Gumroad – NeverBounce – and Mailchimp.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://neverbounce.com/"&gt;Neverbounce&lt;/a&gt; allows you to validate if an email address is valid. This is how my integration works:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt; A zap is triggered every time a customer buys a product on Gumroad.&lt;/li&gt;
&lt;li&gt; Neverbounce validates the email address.&lt;/li&gt;
&lt;li&gt; If valid – the Zap continues. &lt;/li&gt;
&lt;li&gt; The customer is added to Mailchimp. &lt;/li&gt;
&lt;li&gt; When the customer is an existing contact in Mailchimp the contact is updated.&lt;/li&gt;
&lt;/ol&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;1000 customers&lt;/strong&gt; on Gumroad are in reality &lt;strong&gt;528 unique contacts&lt;/strong&gt; with validated emails&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;strong&gt;Only a few people are willing to tip.&lt;/strong&gt;&lt;br&gt;
When offering free products on Gumroad, people have the option to give you a small tip for your hard work. Here are my numbers.&lt;/p&gt;

&lt;p&gt;Windlog - Product Update Template | 51 sales | $3.63 total&lt;br&gt;
SaaS dashboard | 291 sales | $7.35 total&lt;br&gt;
SaaS landing page | 325 sales | $12 total&lt;br&gt;
Tailwind CSS Footer Pack | 297 sales | $11 total&lt;/p&gt;

&lt;p&gt;So, I made 3.5 cent per sale from my free products. &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Reviews are important.&lt;/strong&gt;&lt;br&gt;
Directly start asking for reviews. Positive ratings are important, they are a ranking factor on Gumroads own marketplace ‘discover’. And of course, many positive reviews encourage others to buy your products. You can:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Manually ask people for a review – just email them. &lt;/li&gt;
&lt;li&gt;Automate this progress with Gumroad &lt;a href="https://help.gumroad.com/article/131-using-workflows-to-send-automated-updates"&gt;workflows&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;Automate this progress in a third-party tool like Mailchimp. &lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;strong&gt;Catches with PayPal.&lt;/strong&gt;&lt;br&gt;
If you are outside the USA, UK, Canada, or Australia your only option to receive money from Gumroad is PayPal. Gumroad transfers your money every week to your PayPal account. &lt;/p&gt;

&lt;p&gt;If you give people the option to pay with PayPal for your products on Gumroad, you also need a PayPal account. Money is then directly transferred to your PayPal account.&lt;/p&gt;

&lt;p&gt;Do know when you have a newly created PayPal account, PayPal will hold your money for 5 a 7 business days, and you must provide ‘proof’ that people received your product. Only then you get your money. &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Build your own ‘e-commerce store’.&lt;/strong&gt;&lt;br&gt;
Gumroad gives you the option to include a ‘order button’ on your own website. Leverage this functionality so you can build your own e-commerce store on your own domain. &lt;/p&gt;

&lt;p&gt;Send all potential customers to your own domain and not directly to your Gumroad store. &lt;/p&gt;

&lt;p&gt;This makes it easier to switch to another selling strategy if Gumroad no longer meets your requirements.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;That's it&lt;/strong&gt;&lt;br&gt;
Hope that my learnings are helpful and if you have any questions drop them in the comment.&lt;/p&gt;

&lt;p&gt;If you are interested in more themes.dev business statistics, visit our &lt;a href="https://www.themes.dev/how-it-started-how-its-going/"&gt;open stats&lt;/a&gt; page.&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Free Product Update Template</title>
      <dc:creator>themes.dev</dc:creator>
      <pubDate>Wed, 10 Feb 2021 12:05:42 +0000</pubDate>
      <link>https://dev.to/themes_dev/free-product-update-template-4cgn</link>
      <guid>https://dev.to/themes_dev/free-product-update-template-4cgn</guid>
      <description>&lt;p&gt;This free product update template is built in Tailwind CSS and is perfect for communicating product updates to your clients or keeping a product changelog.&lt;/p&gt;

&lt;p&gt;Optimized for mobile, tablet and desktop use. Icons included in these designs are from the awesome heroicons library.&lt;/p&gt;

&lt;p&gt;Build with Tailwind CSS version 2.x&lt;/p&gt;

&lt;p&gt;Download for free here&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.themes.dev/library/windlog-tailwindcss/"&gt;https://www.themes.dev/library/windlog-tailwindcss/&lt;/a&gt;&lt;/p&gt;

</description>
      <category>tailwindcss</category>
      <category>html</category>
      <category>css</category>
    </item>
    <item>
      <title>How to create a responsive navigation menu in Tailwind CSS?</title>
      <dc:creator>themes.dev</dc:creator>
      <pubDate>Mon, 08 Feb 2021 14:35:31 +0000</pubDate>
      <link>https://dev.to/themes_dev/how-to-create-a-responsive-navigation-menu-in-tailwind-css-4id8</link>
      <guid>https://dev.to/themes_dev/how-to-create-a-responsive-navigation-menu-in-tailwind-css-4id8</guid>
      <description>&lt;p&gt;In this tutorial we’re creating a fully responsive navigation menu with Tailwind CSS. I will teach you how you can leverage Tailwinds utility classes to create a horizontal menu layout that transforms into a vertical hamburger style menu on smaller screen sizes.&lt;/p&gt;

&lt;p&gt;Read the full article here&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.themes.dev/blog/responsive-navigation-menu-tailwind-css/"&gt;https://www.themes.dev/blog/responsive-navigation-menu-tailwind-css/&lt;/a&gt;&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Easily embed Responsive YouTube Videos with Tailwind CSS</title>
      <dc:creator>themes.dev</dc:creator>
      <pubDate>Wed, 27 Jan 2021 11:27:13 +0000</pubDate>
      <link>https://dev.to/themes_dev/easily-embed-responsive-youtube-videos-with-tailwind-css-2e15</link>
      <guid>https://dev.to/themes_dev/easily-embed-responsive-youtube-videos-with-tailwind-css-2e15</guid>
      <description>&lt;p&gt;&lt;a href="https://www.themes.dev/blog/easily-embed-responsive-youtube-video-with-tailwind-css/"&gt;https://www.themes.dev/blog/easily-embed-responsive-youtube-video-with-tailwind-css/&lt;/a&gt;&lt;/p&gt;

</description>
    </item>
    <item>
      <title>The best way to set typographic defaults in Tailwind CSS</title>
      <dc:creator>themes.dev</dc:creator>
      <pubDate>Thu, 21 Jan 2021 15:31:19 +0000</pubDate>
      <link>https://dev.to/themes_dev/the-best-way-to-set-typographic-defaults-in-tailwind-css-2ba1</link>
      <guid>https://dev.to/themes_dev/the-best-way-to-set-typographic-defaults-in-tailwind-css-2ba1</guid>
      <description>&lt;p&gt;Have you ever wondered how to handle typographic styles with a utility-first CSS framework like Tailwind CSS? In this article I show you the best way to set your defaults and how you handle content styling from a source you don’t control like a Content Management System or a markdown file.&lt;/p&gt;

&lt;p&gt;Read the article here: &lt;a href="https://www.themes.dev/blog/typographic-defaults-in-tailwind-css/"&gt;https://www.themes.dev/blog/typographic-defaults-in-tailwind-css/&lt;/a&gt;&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Our Best free Tailwind CSS components</title>
      <dc:creator>themes.dev</dc:creator>
      <pubDate>Mon, 11 Jan 2021 10:15:22 +0000</pubDate>
      <link>https://dev.to/themes_dev/our-best-free-tailwind-css-components-59jg</link>
      <guid>https://dev.to/themes_dev/our-best-free-tailwind-css-components-59jg</guid>
      <description>&lt;p&gt;&lt;a href="https://www.themes.dev/free-tailwind-css-components/"&gt;https://www.themes.dev/free-tailwind-css-components/&lt;/a&gt;&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Tailwind CSS Newsletter</title>
      <dc:creator>themes.dev</dc:creator>
      <pubDate>Wed, 06 Jan 2021 15:53:17 +0000</pubDate>
      <link>https://dev.to/themes_dev/tailwind-css-newsletter-353h</link>
      <guid>https://dev.to/themes_dev/tailwind-css-newsletter-353h</guid>
      <description>&lt;p&gt;&lt;a href="https://tailwind-newsletter.ck.page/"&gt;https://tailwind-newsletter.ck.page/&lt;/a&gt;&lt;/p&gt;

</description>
    </item>
    <item>
      <title>[Free] Saas Dashboard template</title>
      <dc:creator>themes.dev</dc:creator>
      <pubDate>Tue, 05 Jan 2021 15:40:57 +0000</pubDate>
      <link>https://dev.to/themes_dev/free-saas-dashboard-template-n5c</link>
      <guid>https://dev.to/themes_dev/free-saas-dashboard-template-n5c</guid>
      <description>&lt;p&gt;Hi,&lt;/p&gt;

&lt;p&gt;Made a free SaaS dashboard template. Build it in Tailwind CSS and you can grab a free copy here&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.themes.dev/library/tailwindcss-saas-dashboard/"&gt;https://www.themes.dev/library/tailwindcss-saas-dashboard/&lt;/a&gt;&lt;/p&gt;

</description>
      <category>tailwindcss</category>
      <category>template</category>
      <category>themes</category>
      <category>free</category>
    </item>
    <item>
      <title>Free SaaS Landing Page</title>
      <dc:creator>themes.dev</dc:creator>
      <pubDate>Mon, 07 Dec 2020 09:53:25 +0000</pubDate>
      <link>https://dev.to/themes_dev/free-saas-landing-page-559k</link>
      <guid>https://dev.to/themes_dev/free-saas-landing-page-559k</guid>
      <description>&lt;p&gt;Beautiful, designed landing page for your SaaS. It comes in a dark and light version. The landing page is made with Tailwind CSS and optimized for mobile, tablet and desktop use. Icons included in these designs are from the awesome heroicons library.&lt;/p&gt;

&lt;p&gt;Build with Tailwind CSS version 2.x&lt;/p&gt;

&lt;p&gt;Grab your free copy here:&lt;br&gt;
&lt;a href="https://www.themes.dev/library/tailwindcss-saas-landing-page/"&gt;Download Now&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--3t4J4TD1--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/4886n0rdch1ofewq98i5.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--3t4J4TD1--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/4886n0rdch1ofewq98i5.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--UlwcNu4Q--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/mvlw8amdafevk342dub5.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--UlwcNu4Q--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/mvlw8amdafevk342dub5.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>css</category>
      <category>design</category>
      <category>freebie</category>
      <category>tailwindcss</category>
    </item>
  </channel>
</rss>
