
经过近 6 个月的精心打造,我们终于发布了自 2020 年 2 月首次发布以来,首个全新的 Tailwind UI 组件套件!
¥Almost 6 months in the making, we finally released the first all-new component kit for Tailwind UI since the initial launch back in February 2020!
Tailwind UI 电商功能 新增了 100 多个组件,涵盖 14 个组件类别和 7 个页面示例类别,包括:
¥Tailwind UI Ecommerce adds over 100 new components across 14 new component categories and 7 new page example categories, including stuff like:
-
产品概览
¥Product Overviews
-
产品列表
¥Product Lists
-
类别预览
¥Category Previews
-
购物车
¥Shopping Carts
-
类别过滤器
¥Category Filters
-
产品概览
¥Product Quickviews
-
商店导航
¥Store Navigation
-
促销版块
¥Promo Sections
-
结账表单
¥Checkout Forms
-
客户评论
¥Customer Reviews
-
订单摘要
¥Order Summaries
-
店面页面
¥Storefront Pages
-
产品页面
¥Product Pages
-
订单历史页面
¥Order History Pages
...还有更多。
¥...and more.
如需快速预览,请查看我们上周通过新闻通讯分享的产品页面示例:
¥For a quick preview, check out this product page example we shared via our newsletter last week:

把这些整合起来的过程真的很有趣也很有挑战性,我对最终的成果感到非常自豪。我写了一篇关于 "设计 Tailwind 电商 UI" 的长文,如果你对像这样一个全新的 Tailwind UI 产品背后的开发过程感兴趣,这篇文章值得一读。
¥It's been a really fun and challenging process putting this together, and I'm really proud of how it turned out. I wrote up a big post about "Designing Tailwind UI Ecommerce" that's worth a read if you're interested in the process behind putting together a new Tailwind UI product like this.
你可以在 the Tailwind UI website 上查看更多交互式预览以及每个新示例的屏幕截图。
¥You can check out a bunch more interactive previews as well as screenshots of every single new example over at the Tailwind UI website.
如果你喜欢所见即所得,请考虑使用 purchasing a license - 这是支持我们在 Tailwind CSS 和 Headless UI 上工作的最佳方式,并且使我们能够不断改进这些工具。
¥If you like what you see, consider purchasing a license — it's the best way to support our work on Tailwind CSS and Headless UI and makes it possible for us to keep making these tools better and better.
想要尝试一下吗?Visit the Tailwind UI website →
¥Want to check it out? Visit the Tailwind UI website →