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

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

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

• 可以在线预览

• 开源的

• 可免费下载

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

• 适合订阅服务

• 适合Sass产品

• 适合移动端App

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

1. Solid

预览：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个免费模板。

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