<?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: Ali Muhammad Zahid</title>
    <description>The latest articles on DEV Community by Ali Muhammad Zahid (@alizahid1998).</description>
    <link>https://dev.to/alizahid1998</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%2F601712%2F1fc465a0-f3da-4352-a71b-c665c55c4f0a.jpeg</url>
      <title>DEV Community: Ali Muhammad Zahid</title>
      <link>https://dev.to/alizahid1998</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/alizahid1998"/>
    <language>en</language>
    <item>
      <title>Best Tailwind CSS Templates 
</title>
      <dc:creator>Ali Muhammad Zahid</dc:creator>
      <pubDate>Fri, 16 Jul 2021 13:21:50 +0000</pubDate>
      <link>https://dev.to/alizahid1998/best-tailwind-css-templates-722</link>
      <guid>https://dev.to/alizahid1998/best-tailwind-css-templates-722</guid>
      <description>&lt;p&gt;&lt;strong&gt;What is Tailwind CSS?&lt;/strong&gt;&lt;br&gt;
Tailwind CSS is a highly customizable CSS framework that gives its users all the building blocks required to build custom user interfaces. Tailwind provides its users with a modern way of styling their HTML and creating stunning UIs which are both responsive and attractive. &lt;/p&gt;

&lt;p&gt;Most CSS frameworks like Bootstrap, Bulma, and Foundation have a lot of built-in ready-made components that will give your design process the boost it needs in the beginning but when it comes to making your website stand out with a custom design, these frameworks don’t provide much customizability. For this very reason Tailwind CSS has been gaining popularity among developers around the world.&lt;/p&gt;

&lt;p&gt;These are some of the best premium Tailwind CSS templates out their:&lt;br&gt;
&lt;em&gt;P.S to be clear this isn’t a ranking&lt;/em&gt; &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;1. Open PRO - $39&lt;/strong&gt;&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--dl9rNFLn--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/omw3og94m52a6mrz7pox.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--dl9rNFLn--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/omw3og94m52a6mrz7pox.jpg" alt="Open_PRO"&gt;&lt;/a&gt;&lt;br&gt;
     Open PRO is a stunning landing page template that comes with &lt;br&gt;
     a dark layout and a clean UI. This template is an ideal &lt;br&gt;
     solution for different kinds of SaaS and app websites as it &lt;br&gt;
     has multiple pages and components.Some of its key features &lt;br&gt;
     are:&lt;br&gt;
         - Premium template&lt;br&gt;
         - Multiple pages, sections, and components&lt;br&gt;
         - Available in HTML &lt;br&gt;
         - React and Vue Support&lt;/p&gt;

&lt;p&gt;&lt;a href="https://cruip.com/"&gt;Click here to get Open PRO&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;2. Radian - $13&lt;/strong&gt;&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--kw0uejHN--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r2t7atdj47fyjzi0nfm8.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--kw0uejHN--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r2t7atdj47fyjzi0nfm8.png" alt="radian"&gt;&lt;/a&gt; &lt;br&gt;
     Radian is a state of the art architecture website with a bold &lt;br&gt;
     and modern design. It is best for use by architecture firms, &lt;br&gt;
     as it provides a modern look for architects to display their &lt;br&gt;
     portfolios. Here are some of its key features:&lt;br&gt;
         - Premium template&lt;br&gt;
         - Fully responsive layout&lt;br&gt;
         - Retina ready&lt;br&gt;
         - Cross-browser tested&lt;br&gt;
         - Fully customizable&lt;br&gt;
         - Meets WCAG accessibility guidelines&lt;/p&gt;

&lt;p&gt;&lt;a href="https://tailwinduikit.com/templates/radian-architecture-website"&gt;Click Here to get Radian&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;3. SaasFolio - $29&lt;/strong&gt;&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Uj5nucOF--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ycatxwzmosxjjfssrb3p.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Uj5nucOF--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ycatxwzmosxjjfssrb3p.jpg" alt="SaasFolio"&gt;&lt;/a&gt; &lt;br&gt;
     SaasFolio is a conversion-driven landing page template for &lt;br&gt;
     SaaS products and startups. It has a strong sales copy and &lt;br&gt;
     content hierarchy that makes it stand out from the rest. All &lt;br&gt;
     copy in this landing page helps you in crafting a strong &lt;br&gt;
     message for your visitors and assures you a definite increase &lt;br&gt;
     in your conversion rate. Following are some of the key &lt;br&gt;
     features SaasFolio has.&lt;br&gt;
         - 95+ Google PageSpeed&lt;br&gt;
         - Complete W3C Valid HTML5 Files&lt;br&gt;
         - Detailed documentation&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.landingfolio.com/templates/products/saasfolio"&gt;Click Here to get SaasFolio&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;4. Topson - $14&lt;/strong&gt;&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--hePpL5DC--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/97l4jkbtngfsnc06l0bi.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--hePpL5DC--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/97l4jkbtngfsnc06l0bi.png" alt="Topson"&gt;&lt;/a&gt; &lt;br&gt;
     Tompson is a fully customizable web UI-based theme and app &lt;br&gt;
     dashboard application. This template is composed carefully to &lt;br&gt;
     render into various kinds of device screens, and it includes &lt;br&gt;
     unique pages and elements that can help you build a fresh &lt;br&gt;
     chat application based on Tailwind CSS. Following are some of &lt;br&gt;
     its features:&lt;br&gt;
         - Fully Responsive Layout&lt;br&gt;
         - Includes login &amp;amp; register page&lt;br&gt;
         - SASS Powered&lt;/p&gt;

&lt;p&gt;&lt;a href="https://themeforest.net/item/topson-chat-messenger-app-html-template/26988802"&gt;Click Here to get Topson&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;5. Foodies - $13&lt;/strong&gt;&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--wNCqYPdd--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fa0wfibzzah32cylmtad.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--wNCqYPdd--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fa0wfibzzah32cylmtad.png" alt="foodies"&gt;&lt;/a&gt; &lt;br&gt;
     Foodies is an innovative website that can prove to be a game- &lt;br&gt;
     changer for a restaurant or food delivery service. It has an &lt;br&gt;
     appealing design that ensures that foodies stand out from the &lt;br&gt;
     rest. It has the following key features:&lt;br&gt;
         - Premium template&lt;br&gt;
         - Fully responsive layout&lt;br&gt;
         - Retina ready&lt;br&gt;
         - Cross-browser tested&lt;br&gt;
         - Fully customizable&lt;br&gt;
         - Meets WCAG accessibility guidelines&lt;/p&gt;

&lt;p&gt;&lt;a href="https://tailwinduikit.com/templates/foodies-website"&gt;Click Here to get Foodies&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;6. Concavo - $28&lt;/strong&gt;&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--QJ7-KIwf--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/79tiqow4saxffpjohrng.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--QJ7-KIwf--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/79tiqow4saxffpjohrng.png" alt="Concavo"&gt;&lt;/a&gt; &lt;br&gt;
     Concavo is an exceptional admin template that’s built with &lt;br&gt;
     React, Redux, Next.js, Tailwind CSS, and SASS. It includes &lt;br&gt;
     more than a 100 ingredients in every layout, and lots of &lt;br&gt;
     custom made widgets to help you kickstart your next project.&lt;br&gt;
         - 2 example dashboards&lt;br&gt;
         - Automatic code splitting&lt;br&gt;
         - Hot code reloading and universal rendering&lt;/p&gt;

&lt;p&gt;&lt;a href="https://themeforest.net/item/concavo-react-tailwind-css-admin-template/26535790"&gt;Click Here to get Concavo&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;7. Midone - $25&lt;/strong&gt;&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--2klxVra2--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/me1xoxmzdv27p0k8z16h.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--2klxVra2--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/me1xoxmzdv27p0k8z16h.jpg" alt="Midone"&gt;&lt;/a&gt; &lt;br&gt;
     Midone is a highly practical and fully responsive template &lt;br&gt;
     from its core. Designed to fit perfectly in various kinds of &lt;br&gt;
     devices. It also includes several unique pages and components &lt;br&gt;
     that can help you build an admin application quickly and &lt;br&gt;
     easily. Here are some of its features:&lt;br&gt;
         - Fully Responsive&lt;br&gt;
         - Modular JS &amp;amp; CSS Code&lt;br&gt;
         - File manager applications&lt;br&gt;
         - FREE lifetime updates&lt;/p&gt;

&lt;p&gt;&lt;a href="https://themeforest.net/item/midone-vuejs-admin-dashboard-template/28123408"&gt;Click Here to get Midone&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Conclusion:&lt;/strong&gt;&lt;br&gt;
All templates mentioned in this article have their own uniqueness and what sets them apart from other templates out there is the uniformity in their design, customizability and overall innovativeness. Tailwind CSS is an awesome framework especially considering it lets you customize web apps the way you want to, without any hiccups and helps your design stand out.&lt;/p&gt;

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