Template details
Slides – Animated Landing Page
Free HTML5 one-page landing page template with full-screen animated backgrounds, sliding transitions, video modal, pricing table, and signup forms.
About this template
Slides – Animated Landing Page is a free HTML5 one-page template created by Designmodo and distributed on ThemeWagon, built to launch marketing pages for mobile and web apps with full-screen animated backgrounds and sliding section transitions.
What is Slides – Animated Landing Page?
Slides – Animated Landing Page is a single-page HTML5 template that packages app-marketing UI components into one downloadable folder. It includes a hero header with a full-screen animated background image, a modal YouTube video player, call-to-action buttons, a pricing table, and both login and newsletter subscription forms. The download contains one HTML file, one PHP file, CSS and SCSS stylesheets, JavaScript source files, all demo images, and the supporting Slides library files. It was created by Designmodo and is offered free with lifetime updates and a license that permits commercial use.
Key Features
Slides – Animated Landing Page stands out for its motion-heavy presentation and complete set of lead-capture components.
- Full-screen animated background — The hero section uses a full-width background image with animation, creating a motion-focused first impression.
- Sliding one-page layout — Sections advance with a sliding transition instead of scrolling, a signature behavior of Designmodo's Slides framework.
- Modal YouTube video player — Visitors can watch a YouTube video inside a modal overlay without leaving the page.
- Pricing table — A ready-built pricing table lets you display multiple tiers with call-to-action buttons.
- Login form UI in sticky header — The top navigation bar stays fixed and includes a login form interface.
- Newsletter subscription form — An email-capture form is included for collecting subscribers.
- SVG icons — Scalable vector icons are bundled, keeping visuals sharp on high-DPI screens.
- CSS and SCSS source files — Styling is delivered in both compiled CSS and editable SCSS, so you can modify styles at the source level.
Who should use Slides – Animated Landing Page?
Best suited to teams or individuals who need a polished, single-page site for an app, product, or service and want a pre-built set of UI sections without hiring a front-end developer.
- Mobile app developers — Publish a product page with a video demo, pricing tiers, and email signup without writing a full site.
- Startup founders — Use the hero, login form, and newsletter block to collect early interest before launch.
- Designers and freelance developers — Use the SCSS source and clean HTML structure as a starting point for client projects that require a quick landing page.
What can you do with it?
- App launch pages: Combine the animated hero, modal video player, and pricing table to promote a new iOS, Android, or web app.
- Lead generation sites: The newsletter subscription form and sticky-header login UI support early-access signups and gated demos.
- Event or product teasers: The one-page sliding layout works for announcing a product with a short set of feature slides and a call to action.
FAQ
Is Slides – Animated Landing Page free to use?
Yes, the template is free to download from ThemeWagon. It is open source, licensed for commercial projects, and receives lifetime free updates.
What files are included in the download?
The package includes all demo images, one HTML file, one PHP file, CSS and SCSS stylesheets, JavaScript source files, and the Slides library and plugin files. No build step is required to preview it.
Which browsers are supported?
The page states compatibility with Chrome, Edge, Firefox, Opera, Safari, and mobile browsers. The template is fully responsive.
Who created this template?
Slides – Animated Landing Page was created by Designmodo, the same team behind the Slides presentation framework listed as its main library.












