<?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: Biplob Kumar</title>
    <description>The latest articles on DEV Community by Biplob Kumar (@biplobkumar).</description>
    <link>https://dev.to/biplobkumar</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%2F1217175%2Fc6a841e5-715c-4c27-a400-7b5720dffd12.png</url>
      <title>DEV Community: Biplob Kumar</title>
      <link>https://dev.to/biplobkumar</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/biplobkumar"/>
    <language>en</language>
    <item>
      <title>Tailwind Css</title>
      <dc:creator>Biplob Kumar</dc:creator>
      <pubDate>Thu, 23 Nov 2023 12:58:57 +0000</pubDate>
      <link>https://dev.to/biplobkumar/tailwind-css-5536</link>
      <guid>https://dev.to/biplobkumar/tailwind-css-5536</guid>
      <description>&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--R3f8KjT_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/flc11gjwrclwh1je9ef3.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--R3f8KjT_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/flc11gjwrclwh1je9ef3.jpeg" alt="Image description" width="800" height="600"&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--tztbPOh_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/833dds2q8pyktmudc5yh.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--tztbPOh_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/833dds2q8pyktmudc5yh.jpeg" alt="Image description" width="800" height="600"&gt;&lt;/a&gt;Tailwind CSS is currently the most popular CSS library or framework. But many people come from Bootstrap who might not like writing all the classes from scratch. Again,&lt;br&gt;
Many people can use them in practice projects or client's projects if they want. If PSD, FIGMA to HTML / React then not all matches will be complete but it will be a lot.&lt;br&gt;
And also will work on most projects. I personally have been using it for a long time.&lt;br&gt;
So, I am collecting and posting some Tailwind base libraries/sites, which I use often in practice, I hope you will benefit.&lt;br&gt;
Please share&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;Flowbit&lt;br&gt;
This is probably the one I use the most. Having a separate mindset for Simple + React is very beneficial&lt;br&gt;
Link: &lt;a href="https://flowbite.com/docs"&gt;https://flowbite.com/docs&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;DasiUI&lt;br&gt;
Many people know about it, maybe it will also get some beautifully designed components. Specialties are various ready-made components + functionality with themes.&lt;br&gt;
Link: &lt;a href="https://lnkd.in/gGA3-7h2"&gt;https://lnkd.in/gGA3-7h2&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Meraki UI&lt;br&gt;
It is not an installed library but it has some ready-made components to use. 4. TailBlocks&lt;br&gt;
Many people have watched this video on You Tube and you can find the components that have been fixed.&lt;br&gt;
Link: &lt;a href="https://tailblocks.cc/"&gt;https://tailblocks.cc/&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Material Tailwind&lt;br&gt;
Here is MUI's react/html component. The interesting thing is that almost exactly like MUI, MUI + Tailwind 2 doesn't need to be used and it won't have default or unnecessary classes of different libraries, the site will be fast.&lt;br&gt;
Link: &lt;a href="https://lnkd.in/gBejbZWD"&gt;https://lnkd.in/gBejbZWD&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Wind UI&lt;br&gt;
Although it is recent I have exploded, but give feedback using or not you.&lt;br&gt;
Link: &lt;a href="https://lnkd.in/gfbZ7erR"&gt;https://lnkd.in/gfbZ7erR&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;shadcn/UI&lt;br&gt;
Although it probably should have been put up, but since I just learned about it, I read it a bit. They also provide CLI tools to start projects with Next.js&lt;br&gt;
Link: &lt;a href="https://ui.shadcn.com"&gt;https://ui.shadcn.com&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Note: I am a small learner, just sharing things in my business. If there is a mistake, you will look at it with a forgiving eye&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--SWMJUcZs--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pq2nhutud4jev85s7h8g.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--SWMJUcZs--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pq2nhutud4jev85s7h8g.jpeg" alt="Image description" width="800" height="600"&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--dXZq6b_h--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jf2a6gbm4re9zihndz4t.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--dXZq6b_h--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jf2a6gbm4re9zihndz4t.jpeg" alt="Image description" width="800" height="600"&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--KZZrBCna--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vctzvwgoof52ttq11i19.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--KZZrBCna--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vctzvwgoof52ttq11i19.jpeg" alt="Image description" width="800" height="600"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
    </item>
  </channel>
</rss>
