Popular mods

A cool folding receipt that simulates paper. Add items in the content section along with their prices, and the total is automatically calculated. Good for showing groups of ecommerce items and how much they cost. Based on a Pen by Kriszta
Folding receipt
Responsive content columns with a dark background and thumbnail images. Based on Templated theme ExMachina
Ex Machina Footer Links
CTA card with icon, title and short description. Based on the Epilogue theme from
Elegant icon call to action
A carousel for scrolling or browsing through products. Each product gets its own image, pricing, and link to the product page.
Product carousel
These team portrait circles are grayscale until hover, and then they show the color and a tooltip with the team member s name and role. The tooltips are based on Tippy and Popper.js, so they never go off the screen. Simple, subtle, and effective
Team thumbnails
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.
Mouseaway popup
Portfolio gallery - Open-source, modular web software
Portfolio gallery
Accordion side menu - Open-source, modular web software
Accordion side menu
Dark form - Open-source, modular web software
Dark form
Columns for comparing products, similar to how it is done on many ecommerce websites. Each product gets its own column, with title, image, and features.
Product comparison columns
YouTube banner modal - Open-source, modular web software
YouTube banner modal
Card deck focused on driving purchase. Each card has an icon and room for a value proposition. CSS based on Bootstrap v4
Purchase cards
A parallax scroll with 2 images and a middle content section. Based on Materialize library.
A medium to large sized card from Bootstrap v4, with an image at the bottom instead of the top. Call to action button makes it actionable. Also has a nice shadow effect.
Card bottom image
Each team member has a profile picture, name, role, and description. No social media links, and based on Bootstrap.
Team section 2
Side nav section - Open-source, modular web software
Side nav section
Contact Form with reCAPTCHA option - Open-source, modular web software
Contact Form with reCAPTCHA option
Content section right side - Open-source, modular web software
Content section right side
Material Design themed dialog modal with room for extra content by scrolling. The modal itself has buttons to close the modal or to take the action you choose.
Dialog overlay with scroll
Side Navigation Menu Drawer - Open-source, modular web software
Side Navigation Menu Drawer
Carousel (slider) - Open-source, modular web software
Carousel (slider)
Left navbar - Open-source, modular web software
Left navbar
A split card with top image and bottom description with links. It is based on the Material Design spec.
Image card with links
Wide image card - Open-source, modular web software
Wide image card