Wickedblocks

Wickedblocks是2021年由@ausrobdev启动的免费Tailwind CSS块库，提供161个可直接复制粘贴的响应式组件，覆盖博客、定价、页脚等20余种分类，是早期Tailwind生态中规模较大的开源集合。

它能做什么

库内包含161个免费块，按功能分为hero（39个）、feature（35个）、pricing（16个）、testimonial（14个）、blog（4个）、faq（2个）等类别，另有89个Minima风格块和72个Original风格块。每个块均提供基础HTML代码，部分需注册登录后才能查看完整代码。

• hero块:39个，覆盖首页大标题、CTA、图片组合等常见场景
• feature块:35个，展示产品功能列表或网格布局
• pricing块:16个，含定价表、对比卡片和订阅选项
• testimonial块:14个，用户评价轮播或静态引用样式
• Minima与Original:两套视觉风格，Minima更简约，Original更丰富

怎么上手

访问官网即可浏览所有块，点击任意块进入详情页，可查看组件预览和代码。代码需登录后复制，注册免费。块基于Tailwind CSS V2构建，兼容V3项目（需自行调整部分类名）。作者建议直接复制粘贴到现有Tailwind项目中。

• 复制方式:注册免费账号后，在块详情页点击'Signup Free to Access Code'获取代码
• 技术依赖:基于Tailwind CSS V2，V3项目需手动更新少数类名（如`space-x-`等）
• 无需构建:纯HTML结构，不依赖JavaScript框架，可直接嵌入任何前端项目

收费与限制

161个块完全免费，但查看代码需注册账号。部分块（如faq2、pricing1、pricing5）的详情页显示'Signup Free to Access Code'，注册后即可解锁。作者还提供付费产品：Wicked Templates（3套大型Tailwind UI工具包，Shadow/Harmony/Monotone风格，售价$99起）和Shadcnblocks.com（Shadcn UI & Tailwind的优质块集合）。

• 免费块数量:161个，无隐藏付费块
• 注册要求:查看代码必须注册，注册免费
• 付费扩展:Wicked Templates三套UI工具包，$99起
• 关联站点:Shadcnblocks.com提供Shadcn UI块，部分免费

和同类的差异

相比Tail-kit（250+块）、Mamba UI（150+块）、tailblocks（约100块），Wickedblocks以161个块居中，但它是少数明确标注基于Tailwind CSS V2的库，且提供两套视觉风格（Minima/Original）。与shadcn/ui等框架组件不同，Wickedblocks纯HTML+CSS，无JS交互，适合需要纯样式参考的开发者。

• 版本定位:明确基于Tailwind CSS V2，同类库多已升级V3
• 风格选择:提供Minima和Original两套预设风格，非单一模板
• 无JS依赖:所有块仅含HTML和Tailwind类，无JavaScript交互逻辑
• 社区评价:在第三方资源推荐中被列为'120+代码块'，属于中等规模

内容特色

库中hero和feature块数量最多（合计74个），适合快速搭建落地页。pricing块有16个变体，覆盖单列、多列、带标签等常见模式。testimonial块14个，包含带头像、星评、引用线等样式。footer和navbar块较少（各7个和1个），但能满足基本需求。所有块均响应式。

• hero块:39个，含全屏、居中、左侧对齐、带搜索框等变体
• pricing块:16个，有基础三列、带推荐标签、带切换按钮等
• testimonial块:14个，支持单条、网格、轮播布局
• footer块:7个，含多列、社交图标、版权信息等
• navbar块:仅1个，为水平导航栏

常见问题

Q1：Wickedblocks的代码需要登录才能复制吗？

A1：是的。所有161个免费块的代码详情页均显示'Signup Free to Access Code'，注册免费账号后即可查看和复制完整代码。

Q2：Wickedblocks的块是否兼容Tailwind CSS V3？

A2：该库基于Tailwind CSS V2构建，V3项目直接复制可能遇到类名冲突（如`space-x-`等间距类在V3中行为有变化）。建议复制后手动调整，或参考官方迁移指南。

Q3：Wickedblocks与Shadcnblocks.com是什么关系？

A3：Wickedblocks官网多处链接到Shadcnblocks.com，后者是同一作者提供的Shadcn UI & Tailwind块集合，部分免费。两者独立运营，Wickedblocks专注于纯Tailwind块，Shadcnblocks.com面向Shadcn UI用户。

更多同类工具与网站,可在落地页组件分类继续挑选。

信息核实于 2026年7月,具体以官网为准。