Components

VanillaHTML components are single .html files that contain the HTML,CSS & JS. They can be used with any web based project. To import into a VanillaHTML template, place the file in the components directory and use the loadModule(fileLocation,elementID) function to load it into an existing element on the page.

Breadcrumbs
Breadcrumbs preview
Breadcrumb navigation structure
Code Container
Code Container preview
A code container for displaying code snippets
Countdown Timer
Countdown Timer preview
A countdown timer from halvingdates.com
Dynamic Copyright
Dynamic Copyright preview
Copyright message with dynamic year
Email Form
Email Form preview
Email capture form for squeeze pages with pre-load button, designed so it can be used multiple times on same page
Glass Overlay
Glass Overlay preview
A glass like overlay which sits on top of a background image
Loading Spinner
Loading Spinner preview
A simple rotating circle outline with faded gradient to be used as a spinner while content is loading
Range Slider
Range Slider preview
A range slider with min/max and displayed output
Youtube Video
Youtube Video preview
A Youtube video container with subscription link in header