<?xml version="1.0" encoding="UTF-8"?><rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>Tailwind | 锤子前端</title><description>Now vibe coding, so learning hammer FE ?</description><link>https://channel.meo-ai.com</link><item><title>#Tailwind #Motion 怎么用好这两个流行的 css 库</title><link>https://channel.meo-ai.com/posts/456</link><guid isPermaLink="true">https://channel.meo-ai.com/posts/456</guid><pubDate>Sat, 13 Sep 2025 08:38:42 GMT</pubDate><content:encoded>&lt;a href=&quot;/search/result?q=%23Tailwind&quot; title=&quot;#Tailwind&quot;&gt;#Tailwind&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23Motion&quot; title=&quot;#Motion&quot;&gt;#Motion&lt;/a&gt; 怎么用好这两个流行的 css 库&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;https://motion.dev/docs/react-tailwind&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;https://motion.dev/docs/react-tailwind&quot;&gt;https://motion.dev/docs/react-tailwind&lt;/a&gt;&lt;a class=&quot;tgme_widget_message_link_preview&quot; href=&quot;https://motion.dev/docs/react-tailwind&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;Learn how to combine Motion with the utility-first workflow of Tailwind CSS.&quot;&gt;
  
  &lt;div class=&quot;link_preview_site_name accent_color&quot;&gt;Motion&lt;/div&gt;
  &lt;img class=&quot;link_preview_image&quot; alt=&quot;Animating with Tailwind CSS | Motion React&quot; src=&quot;/static/https://cdn4.telesco.pe/file/VBosKK_xCWu07fwVcSZUAu04q2GdWbVV4qZ_8Dvr6Xaqc0S2kBFKRGIgSbfZHfZqPrtAJ6jtDm5FOSjdmGnXTffkfryGw38611JyQVitRxrxnGt8ND1RpiDW91RJzbvc40J6YbJEdtNZGx-7bt-iT8qp2gL3ozRP_HDK85gdUHef354w8bwwt899A0VkKDHQOJI_D8DGdYtp1Knw3yfSHG6ICb-wFsOjtWUC9zjV8ZED3OSWOqyKnREmQcxkCdGAuJID-h37aa4a1wlEXmOVq46IGes4FMglzhndY3d0EGe50XR7RNyKWOKlqLDCqDKTfCJHPKmwaY_CQr9pjN3rWg.jpg&quot; width=&quot;1200&quot; height=&quot;630&quot; loading=&quot;eager&quot; /&gt;
  &lt;div class=&quot;link_preview_title&quot;&gt;Animating with &lt;mark class=&quot;highlight&quot;&gt;Tailwind&lt;/mark&gt; CSS | Motion React&lt;/div&gt;
  &lt;div class=&quot;link_preview_description&quot;&gt;Learn how to combine Motion with the utility-first workflow of &lt;mark class=&quot;highlight&quot;&gt;Tailwind&lt;/mark&gt; CSS.&lt;/div&gt;
&lt;/a&gt;</content:encoded></item><item><title>#Tailwind 看似丑陋的CSS工具，却是团队协作的‘效率加速器’——它以约束换自由，用规范换速度，让开发者告别命名地狱，拥抱设计系统的一致性</title><link>https://channel.meo-ai.com/posts/402</link><guid isPermaLink="true">https://channel.meo-ai.com/posts/402</guid><pubDate>Tue, 01 Jul 2025 13:25:17 GMT</pubDate><content:encoded>&lt;a href=&quot;/search/result?q=%23Tailwind&quot; title=&quot;#Tailwind&quot;&gt;#Tailwind&lt;/a&gt; 看似丑陋的CSS工具，却是团队协作的‘效率加速器’——它以约束换自由，用规范换速度，让开发者告别命名地狱，拥抱设计系统的一致性。&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;https://www.mux.com/blog/tailwind-is-the-worst-form-of-css-except-for-all-the-others&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;https://www.mux.com/blog/tailwind-is-the-worst-form-of-css-except-for-all-the-others&quot;&gt;https://www.mux.com/blog/tailwind-is-the-worst-form-of-css-except-for-all-the-others&lt;/a&gt;</content:encoded></item><item><title>#React #tailwind shadcn/ui 团队开源了他们构建的用于测试 Tailwind v4 和 React 19 支持的 app</title><link>https://channel.meo-ai.com/posts/276</link><guid isPermaLink="true">https://channel.meo-ai.com/posts/276</guid><pubDate>Thu, 20 Mar 2025 01:10:57 GMT</pubDate><content:encoded>&lt;a href=&quot;/search/result?q=%23React&quot; title=&quot;#React&quot;&gt;#React&lt;/a&gt; &lt;a href=&quot;/search/result?q=%23tailwind&quot; title=&quot;#tailwind&quot;&gt;#tailwind&lt;/a&gt; shadcn/ui 团队开源了他们构建的用于测试 &lt;mark class=&quot;highlight&quot;&gt;Tailwind&lt;/mark&gt; v4 和 React 19 支持的 app。这是一个支持自定义主题、颜色和缩放的仪表板，还包含一个整洁、灵活的数据表。&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;https://v4.shadcn.com/dashboard&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;https://v4.shadcn.com/dashboard&quot;&gt;https://v4.shadcn.com/dashboard&lt;/a&gt;&lt;a class=&quot;tgme_widget_message_link_preview&quot; href=&quot;https://v4.shadcn.com/dashboard&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;A set of beautifully designed components that you can customize, extend, and build on. Start here then make it your own. Open Source. Open Code.&quot;&gt;
  
  &lt;div class=&quot;link_preview_site_name accent_color&quot;&gt;shadcn/ui&lt;/div&gt;
  &lt;img class=&quot;link_preview_image&quot; alt=&quot;shadcn/ui&quot; src=&quot;/static/https://cdn4.telesco.pe/file/Tx-9ABG2_Q3XtbHiDXQZ_SY1Ovhj7HHfXAAIm99jWMmEkRG5BjAxjUGTUMAj1HRur5utLCdhwEEKk15AY_7cshpoJ12RnVne-SBs1HxvsUZt3npbcCwPghJ-zRVrEDKlhprhPl2vvTWBB1yfM6-9KadptmcnK6R022_JInQ-aDNZof4f5RogFeSVDbmjmh_sdcL50t9JOmwfKX5ZqA3Fiv3oeprNqGJ5cKOUCngWlcEwWs8Z3AtrFM1VPrfHtEC98j0SppNm5xmQmkN0OPGmUBdk1Ji0bFqMVsgCPrLd8ap0zLK-P-3xp5CtZjFe7BVspUdQT07IaWYoIuCJkb8ZEw.jpg&quot; width=&quot;1200&quot; height=&quot;630&quot; loading=&quot;eager&quot; /&gt;
  
  &lt;div class=&quot;link_preview_description&quot;&gt;A set of beautifully designed components that you can customize, extend, and build on. Start here then make it your own. Open Source. Open Code.&lt;/div&gt;
&lt;/a&gt;</content:encoded></item><item><title>#CSS 学习 #tailwind 布局</title><link>https://channel.meo-ai.com/posts/235</link><guid isPermaLink="true">https://channel.meo-ai.com/posts/235</guid><pubDate>Tue, 25 Feb 2025 01:00:56 GMT</pubDate><content:encoded>&lt;a href=&quot;/search/result?q=%23CSS&quot; title=&quot;#CSS&quot;&gt;#CSS&lt;/a&gt; 学习 &lt;a href=&quot;/search/result?q=%23tailwind&quot; title=&quot;#tailwind&quot;&gt;#tailwind&lt;/a&gt; 布局&lt;br /&gt;&lt;br /&gt;&lt;a href=&quot;https://layoutsfortailwind.lalokalabs.dev/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;https://layoutsfortailwind.lalokalabs.dev/&quot;&gt;https://layoutsfortailwind.lalokalabs.dev/&lt;/a&gt;&lt;a class=&quot;tgme_widget_message_link_preview&quot; href=&quot;https://layoutsfortailwind.lalokalabs.dev/&quot; target=&quot;_blank&quot; rel=&quot;noopener&quot; title=&quot;A collection of useful Tailwind CSS layouts and patterns&quot;&gt;
  
  &lt;div class=&quot;link_preview_site_name accent_color&quot;&gt;layoutsfortailwind.lalokalabs.dev&lt;/div&gt;
  &lt;img class=&quot;link_preview_image&quot; alt=&quot;LaLoka Layouts for Tailwind CSS&quot; src=&quot;/static/https://cdn4.telesco.pe/file/a98y9nuekgxYnv9cGiMS3rYMCFF5pF5lC2IIPuqsjB1FRy2j8DJN2L97ZQb-e5jq9sal8OerytDVtqnl00xKMLCqtXCi2VyVO_bsGDPmvWjHY4dPgfv94ty3jJzk-lwDod4QOc9Ln-Zhi_np8dWEGeWYcPr-nINNy7EnXS7HRMvWxdtZNJU5O-7_VIz2Nl-PCSPGJ5ien9GQjWe_AUX06RTwfLL9P6fGNkAESImeOC43DFpo2E538R75-TdJiIfXLNbrwVnVdletEH1j5V9gHbJHmsC1G8xkT4LCOhW2or3uL0ou8QqBZ7oSbZ1-5f4YTLCVJvE2wDo1SeEIwJ6X6Q.jpg&quot; width=&quot;1200&quot; height=&quot;630&quot; loading=&quot;eager&quot; /&gt;
  &lt;div class=&quot;link_preview_title&quot;&gt;LaLoka Layouts for &lt;mark class=&quot;highlight&quot;&gt;Tailwind&lt;/mark&gt; CSS&lt;/div&gt;
  &lt;div class=&quot;link_preview_description&quot;&gt;A collection of useful &lt;mark class=&quot;highlight&quot;&gt;Tailwind&lt;/mark&gt; CSS layouts and patterns&lt;/div&gt;
&lt;/a&gt;</content:encoded></item></channel></rss>