100s of web features
to save you time

A form unit based on the Introspect template at Templated.co https://templated.co/introspect

A hero unit with image and link. Based on the Introspect template at Templated.co https://templated.co/introspect

Design inspired by Pali Madra https://codepen.io/palimadra/pen/elzAg

An icon links unit based on the Introspect template at Templated.co https://templated.co/introspect

Open-source, modular web software - Learn more section

A responsive, colorful timeline based on flexbox. Add and remove events. Note: when you add or remove an event, be sure to update the content field: numberOfItemsTo reflect the correct number. This is used to calculate the proper height This mod is based on a design by Paul Barker https://codepen.io/paulhbarker/pen/apvGdv/

Hover effect that follows the cursor from any direction Based on a pen by Noel Delgado: https://codepen.io/noeldelgado/pen/pGwFx

Form with multiple slides that progress as the user answers them. Can customize questions and answers in the JavaScript panel. At the end of the form, the user can enter their email address and a message as well.

A simple content section with the first letter of each paragraph highlighted. Based on a design by Ananya Neogi https://codepen.io/ananyaneogi/pen/oRWBBE

This mod automatically compiles markdown from the HTML section. Reference on how to use markdown can be found here .

Open-source, modular web software - SoundCloud Embed

A simple contact form that starts as a card and then flips over to reveal the form when clicked. Based on a design by Danny Beton https://codepen.io/devdanny/pen/JgLjk

This is a straightforward top to bottom timeline you can add or remove events to. Inspired by a dark timeline by Alan Houser https://codepen.io/alanhouser/pen/aErrQJ

Content section with image on the right and content on the left with a button . Design is based on the Retrospect theme at Templated.co https://templated.co

A progress bar for displaying a set percentage. Edit the percentage 0 100 using the content editor, and it will be displayed on the progress bar. Based on a Pen by user gediminas https://codepen.io/valiooo/pen/qyiov

A scrollspy is a navigation section that stays up to date on where the user is scrolled. So if the user scrolls manually to a section, it will show that section on the navigation automatically. Clicking on the section will also scroll the page to that section. This scrollspy is based on the Bootstrap implementation.

Multiple blog post style sections that the user can click to open an overlay with the full article. The modal library used for the overlay is called tingle https://github.com/robinparisi/tingle

A carousel for scrolling or browsing through products. Each product gets its own image, pricing, and link to the product page.

Modified from mod nkknmm to remove the tags, leaving a simple gallery of clickable squares. A simple gallery with tags, based on the open source Snapshot theme at https://templated.co Snapshot by TEMPLATEDtemplated.coReleased for free under the Creative Commons Attribution 3.0 license templated.co/license

This mod is a popup that shows when the mouse exits the window. So if a visitor views the site, then moves to check something out, this will show up and give them another value proposition. The popup will only show once per user. For testing purposes, you can reset the cookies so that the popup shows more than once. To do this, uncomment the line of the JavaScript: resetCookie This will cause the popup to show each time the page loads, instead of only once per user.

About me section with description, social media links, and big image. Based loosely on the open source Snapshot design by Templated.co https://templated.co/items/demos/snapshot/

A bulletin board with simulated sticky post it notes. Add or remove notes in the content section. Angle of the notes is random and set when the mod loads. Notes are also responsive.

A full page carousel for moving between entire sections of content. Each section has its own image and text. Based on the Radius design at Templated.co https://templated.co/items/demos/radius/detail1.html

A simple section content wise, but has a nice effect of moving the image up and fading in as the user scrolls into the section. The scrolling appearance is based on the library AOS animate on scroll https://github.com/michalsnik/aos