Template Library (58)
Multistep Form
Break your form fields into separate steps to help increase conversions.
Mobile Hamburger Menu
Show a hamburger menu on mobile devices to easily show and hide menu items.
Count Up Animation
Show off impressive numbers by adding a count up animation.
Stripe Checkout
Get more sales by adding Stripe products to your landing pages.
Colorful gradient text
Add a touch of beauty to your text with CSS color gradients.
Google Address Autocomplete
Add an autocompleting address field to your forms using Google's Places API.
Countdown Timer
Create a sense of urgency on your pages with a countdown timer.
Google PDF Embed
Different techniques for embedding a Google Drive PDF on a landing page.
image blur hover Effect
This effect will blur images, and other elements, on hover.
Image Opacity Hover Effect
This effect will fade image opacity, and other elements, on hover.
Image Brightness Hover Effect
This effect will change image brightness, and other elements, on hover.
Image Grayscale Hover
This effect will fade image color to grayscale on hover.
Focus and Glow
Make form submissions easier by automatically focusing your form's input.
Mailgun Email Validator
Use Mailgun's API to check the validity of submitted emails, and reject invalid ones.
Inline Error Message
Make form error messages more effective by placing them inline with the form fields
Form Field Masking
Ensure standardized, valid, and consistent form submission data with field masking.
Fading Navigation Bar
A full-width header, fixed to the top the page, and have it fade in and out when a user scrolls.
Dynamic Dropdown List
Populate your form dropdown options from a custom array or API.
CSS Color Dots
Add colorful accents to your page with CSS dots.
Convertable on Video Pause
Trigger a convertable on video pause.
Convertable on Video End
Trigger a convertable on video end.
confetti confirmation
Celebrate form submissions with confetti!
Conditional Form Fields
Conditionally reveal form fields based on earlier form selections.
Collapsing Page Section
A page section that vertically collapses and expands to show and hide page content.
Diamond Image Effect
Diamond shaped images using CSS.
box hover animations
Custom hover behaviours that change the appearance of boxes.
Animations on Scroll
Trigger a number beautiful animations on page scroll.
Angled Page Section
A subtle way to indicate that more content exists … and prompt visitors to scroll down to find it.
Advanced Text Shadows
These are some next level, beautiful text shadows.
3D Rotating Gallery
A floating 3D gallery to display images in a unique way.
Video Scroll
Turns a regular video into a smaller video that follows the visitor as they scroll.
Vertical Slant Header
Make your hero section stand out with this interesting design.
typed.js
Select words are typed out in an animated way to make pages more engaging and impactful.
Conversational Form
Breathe some life into your forms with this chat-like solution.
Sliding Side Menu
A page menu that slides in and out of view with the click of a button
Tab Content
Break your page content down into digestible chunks using tabbed content.
Particles
A geometric floating particle background that gives pages a futuristic look.
Perspective Effect
This adds a warped 3D perspective to images or any other page elements.
Full Height Section
Create a page section that will fill the entire page height, no matter the browser size. Great for making a bold first impression.
Sticky Header
Add a header menu that will stick to the top of your page on scroll.
Sticky Footer
Add a footer menu that will stick to the bottom of your page on scroll.
Show Animations on Load
Set up page element animations to show when the page is loaded.
Blob Based Design
This is a fun design that uses SVG blobs.
Date Range Picker
Use a date range picker capture a date range in a form field.
Animations on Scroll
Animate your landing page elements as you scroll through the page.
Countdown to Date
Show a countdown to a specific date on your pages. Build the anticipation for an event or special date.
Auto-detect Mobile Devices
Automatically detect whether form submissions were made from desktop or mobile devices.
Insert Month
Dynamically insert the current month into page copy.
Hint Tooltips
Add custom tooltips to your page for more detail on hover.
Google Slides and Sheets Embed
Embed a Google slide deck or spreadsheet on your landing page.
After Arrow
Use CSS to create and append an arrow after a target page section.
Sparkle Background
Add some animated sparkles to your page background for that certain je ne sais quoi.
Scroll Progress
A visual indication of the scrolling progress on a landing page.
Tilt Effect
Add an interactive 3D tilt effect to page elements.
Dynamic Timezone Date
Automatically update a displayed date based on timezone of the visitor.
Fade-In Scroll Back To Top Button
Never lose your place on a page with a fade-in back to top button.
Wiggle Section
This page has wiggly SVG sections.
Mobile Form Controls
Style your form inputs so that they're more mobile friendly and easy to use.