找到了用户需求痛点，花了几个星期或者几个月开发了产品，这时候最需要的是什么？是一个产品展示的落地页。

不管是售卖在线服务、数字产品、电子书、还是在线课程，都需要一个产品的展示页来向用户展示你提供的服务，用户通过这个页面来达成购买。你需要设计、配色、文案、编码等才能完成一个优秀的页面，要花费不少的时间。

为了提高效率，很快的完成一个漂亮的落地页。整理了30个免费的落地页模板提供给大家，这些模板：

可以在线预览

开源的

可免费下载

适合数字服务、电子书、在线课程

适合订阅服务

适合Sass产品

适合移动端App

这些模板是100%完全免费，是由不同的团队或作者完成，基于HTML5和bootstrap来实现。

预览：https://cruip.com/demos/solid/

一个简洁的深色模式的产品预售模板

支持响应式布局

2. Switch

预览：https://cruip.com/demos/switch/

简洁的产品展示

支持深色和浅色模式

响应式布局

3. April

预览：https://cruip.com/demos/april/

带动效的切换、滚动效果

带有订阅模块

移动端友好

4. Venus

预览：https://cruip.com/demos/venus/

优雅的动画效果和背景

一些模块的预置

响应式设计

带手机模型的展示

5. Ellie

预览：https://cruip.com/demos/ellie/

展示图效果

极简洁展示

订阅服务

6. Laurel

预览：https://cruip.com/demos/laurel/

漂亮的移动端App展示

视频模块展示

响应式布局

7. Prism

预览：https://webresourcesdepot.com/demo/prism/

适合开源项目的展示

Bootstrap 4, CSS, HTML and JavaScript.

SEO友好

8. Knight

预览：https://webresourcesdepot.com/freebie/knight/

黑色现代主题

HTML5, CSS3, jQuery

9. DevBook

预览：https://themes.3rdwavemedia.com/demo/devbook/

电子书模板

Bootstrap 4

10. Tivo

预览：https://inovatik.com/tivo-landing-page/index.html

适合Saas、B2C产品的HMTL5模板

Google Font

响应式设计

11. Slick

预览：https://preview.uideck.com/items/slick/business/index.html

丰富的模块

Bootstrap 4和HTML5

适合web应用

12. Union

预览：https://webresourcesdepot.com/demo/union/

优雅的页面设计

在线10种颜色切换

响应式HMTL模板

13. Atlas

预览：https://www.lapa.ninja/lab/atlas/

滚动效果优雅

适合SaaS产品介绍

14. Simple

预览：https://www.bootstrapdash.com/demo/simple/

干净整洁的页面

丰富的产品功能模块

响应式布局

15. Phantom

预览：https://webresourcesdepot.com/demo/phantom/

10个颜色在线切换

屏幕截图效果

Bootstrap 4

16. Nova

预览：https://demo.bootstraptemple.com/app-landing/

Bootstrap 4 and HTML5

适合手机App效果展示

10个在线颜色切换

17. Leno

预览：https://inovatik.com/leno-landing-page/index.html

适合App产品介绍展示

丰富的效果

HTML, CSS, and Javascript

18. Snap

预览：https://webresourcesdepot.com/demo/snap/

桌面效果展示

加载流畅

用户评论、支持模块等

19. Evolo

预览：https://inovatik.com/evolo-landing-page/index.html

价格、信任、创始人等丰富模块

响应式布局

20. Basic

预览：https://preview.uideck.com/items/basic/

丰富的展示模块

动态背景

Bootstrap 4 and HTML5

21. Quick

预览：http://themehunt.com/item/1527640-quick-free-bootstrap-4-theme/preview

简洁的插画效果

HTML

响应式布局

22. devAid

预览：https://themes.3rdwavemedia.com/demo/devaid/

Bootstrap经典样式

加载速度快

23. Marshmallow

预览：https://www.bootstrapdash.com/demo/marshmallow/

HTML模板

响应式

适合Saas、App展示

24. Appland

预览：https://preview.uideck.com/items/appland/

适合App的截屏展示

滚动加载动画

25. The SEO Company

预览：https://demos.onepagelove.com/html/seo-company/

简洁的页面

包括PSD文档

26. Dazzle

预览：https://demos.onepagelove.com/html/dazzle/

顺滑的滚动效果

适合App的产品展示

27. New Age

预览：https://startbootstrap.com/previews/new-age/

适合App的产品效果展示

HTML/CSS

28. Dev Space

预览：https://www.lapa.ninja/lab/dev-space/

适合Saas类产品

响应式布局

29. Landing

预览：https://www.tailwindtoolbox.com/templates/landing-page-demo.php

多个模块展示

插画效果

30. Butterfly

预览：https://bootstrapmade.com/demo/Butterfly/

丰富的模块

HTML5+Bootstrap

以上，为了方便大家下载，省去一些下载注册的时间，把30个模板打包成一个zip供大家下载。

请在"凯凯而谈"微信公众号后台回复"模板"，即可一键获取30个免费模板。

阅读原文在线预览模板更方便