<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>Tailwind on Producthunt daily</title>
        <link>https://producthunt.programnotes.cn/en/tags/tailwind/</link>
        <description>Recent content in Tailwind on Producthunt daily</description>
        <generator>Hugo -- gohugo.io</generator>
        <language>en</language>
        <lastBuildDate>Sun, 08 Jun 2025 15:27:19 +0800</lastBuildDate><atom:link href="https://producthunt.programnotes.cn/en/tags/tailwind/index.xml" rel="self" type="application/rss+xml" /><item>
        <title>react-bits</title>
        <link>https://producthunt.programnotes.cn/en/p/react-bits/</link>
        <pubDate>Sun, 08 Jun 2025 15:27:19 +0800</pubDate>
        
        <guid>https://producthunt.programnotes.cn/en/p/react-bits/</guid>
        <description>&lt;img src="https://images.unsplash.com/photo-1693421385607-8f034601ad6f?ixid=M3w0NjAwMjJ8MHwxfHJhbmRvbXx8fHx8fHx8fDE3NDkzNjc1OTN8&amp;ixlib=rb-4.1.0" alt="Featured image of post react-bits" /&gt;&lt;h1 id=&#34;davidhdevreact-bits&#34;&gt;&lt;a class=&#34;link&#34; href=&#34;https://github.com/DavidHDev/react-bits&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;DavidHDev/react-bits&lt;/a&gt;
&lt;/h1&gt;&lt;div align=&#34;center&#34;&gt;
	&lt;br&gt;
	&lt;br&gt;
    &lt;picture&gt;
      &lt;source media=&#34;(prefers-color-scheme: light)&#34; srcset=&#34;src/assets/logos/reactbits-gh-black.svg&#34;&gt;
      &lt;source media=&#34;(prefers-color-scheme: dark)&#34; srcset=&#34;src/assets/logos/reactbits-gh-white.svg&#34;&gt;
      &lt;img src=&#34;src/assets/logos/reactbits-gh-black.svg&#34; alt=&#34;react-bits logo&#34; width=&#34;1000&#34;&gt;
    &lt;/picture&gt;
	&lt;br&gt;
	&lt;br&gt;
&lt;/div&gt;
&lt;div align=&#34;center&#34;&gt;
  The largest &amp; most creative library of animated React components.
&lt;/div&gt;
&lt;br /&gt;
&lt;div align=&#34;center&#34;&gt;
  &lt;a href=&#34;https://github.com/davidhdev/react-bits/stargazers&#34;&gt;&lt;img alt=&#34;GitHub Repo stars&#34; src=&#34;https://img.shields.io/github/stars/davidhdev/react-bits&#34;&gt;&lt;/a&gt;
  &lt;a href=&#34;https://github.com/davidhdev/react-bits/blob/main/LICENSE.md&#34;&gt;&lt;img alt=&#34;License&#34; src=&#34;https://img.shields.io/badge/License-MIT-cyan.svg&#34;&gt;&lt;/a&gt;
&lt;/div&gt;
&lt;h2 id=&#34;documentation&#34;&gt;Documentation
&lt;/h2&gt;&lt;p&gt;Go to &lt;a class=&#34;link&#34; href=&#34;https://reactbits.dev/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;reactbits.dev&lt;/a&gt; to view the documentation.&lt;/p&gt;
&lt;h2 id=&#34;about&#34;&gt;About
&lt;/h2&gt;&lt;p&gt;React Bits is a large collection of animated React components made to spice up your web creations. We&amp;rsquo;ve got animations, components, backgrounds, and awesome stuff that you won&amp;rsquo;t be able to find anywhere else - all free for you to use! These components are all enhanced with customization options as props, to make it easy for you to get exactly what you need.&lt;/p&gt;
&lt;h2 id=&#34;key-features&#34;&gt;Key Features
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;60 total components (text animations, animations, components, backgrounds), growing every day&lt;/li&gt;
&lt;li&gt;All components are lightweight, with minimal dependencies, and highly customizable&lt;/li&gt;
&lt;li&gt;Designed to integrate seamlessly with any modern React project&lt;/li&gt;
&lt;li&gt;Each component comes in 4 variants, to keep everyone happy:
&lt;ul&gt;
&lt;li&gt;JS + CSS&lt;/li&gt;
&lt;li&gt;JS + Tailwind CSS&lt;/li&gt;
&lt;li&gt;TS + CSS&lt;/li&gt;
&lt;li&gt;TS + Tailwind CSS&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;cli-&#34;&gt;CLI (&lt;a href=&#34;https://jsrepo.dev&#34;&gt;&lt;img src=&#34;https://jsrepo.dev/badges/jsrepo.svg&#34; width=&#34;50&#34; alt=&#34;jsrepo&#34;&gt;&lt;/a&gt;)
&lt;/h2&gt;&lt;p&gt;React Bits uses &lt;a class=&#34;link&#34; href=&#34;https://jsrepo.dev&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;jsrepo&lt;/a&gt; for installing components via CLI. &lt;/br&gt;
The setup steps can be found on each component&amp;rsquo;s page in the &lt;a class=&#34;link&#34; href=&#34;https://reactbits.dev/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;documentation&lt;/a&gt;.&lt;/p&gt;
&lt;h2 id=&#34;how-to-contribute&#34;&gt;How To Contribute?
&lt;/h2&gt;&lt;p&gt;Contributions are welcome! Check the &lt;a class=&#34;link&#34; href=&#34;https://github.com/DavidHDev/react-bits/issues&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Open Issues&lt;/a&gt; to see how you can help or submit ideas using the &lt;a class=&#34;link&#34; href=&#34;https://github.com/DavidHDev/react-bits/issues/new?template=2-feature-request.yml&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Feature Request template&lt;/a&gt;.&lt;/br&gt;
Please review the &lt;a class=&#34;link&#34; href=&#34;https://github.com/DavidHDev/react-bits/blob/main/CONTRIBUTING.md&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Contribution Guide&lt;/a&gt; and follow our standards. Thanks for your time!&lt;/p&gt;
&lt;h2 id=&#34;contributors&#34;&gt;Contributors
&lt;/h2&gt;&lt;a href=&#34;https://github.com/davidhdev/react-bits/graphs/contributors&#34;&gt;
  &lt;img src=&#34;https://contrib.rocks/image?repo=davidhdev/react-bits&#34; /&gt;
&lt;/a&gt;
&lt;h2 id=&#34;maintainers&#34;&gt;Maintainers
&lt;/h2&gt;&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;https://github.com/DavidHDev&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;David Haz&lt;/a&gt;&lt;/p&gt;
&lt;h2 id=&#34;stats&#34;&gt;Stats
&lt;/h2&gt;&lt;p&gt;&lt;img src=&#34;https://repobeats.axiom.co/api/embed/b1bf4dc0226458617adbdbf5586f2df953eb0922.svg&#34;
	
	
	
	loading=&#34;lazy&#34;
	
		alt=&#34;Alt&#34;
	
	
&gt;&lt;/p&gt;
&lt;h2 id=&#34;license&#34;&gt;License
&lt;/h2&gt;&lt;p&gt;Licensed under the &lt;a class=&#34;link&#34; href=&#34;https://github.com/davidhdev/react-bits/blob/main/LICENSE.md&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;MIT license&lt;/a&gt;.&lt;/p&gt;
</description>
        </item>
        
    </channel>
</rss>
