Popular mods

Portfolio gallery - Open-source, modular web software
Portfolio gallery
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
First letter highlight
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.
Scroll spy
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
Content cards that you can swipe left or right to dismiss. The swiping works on mobile or desktop, and the design is responsive.
Swipe cards
Responsive image - Open-source, modular web software
Responsive image
Full page content sections text or images that scroll one page at a time to the next section. The effect is similar to a presentation, where each content section is in view on its own.
Full page scroll A
Simple Footer - Open-source, modular web software
Simple Footer
Customer or partner logo section that blurs on hover, revealing a link to see more. Helps build social proof for a product by showing off who else uses it.
Customer display
Content section with a colorful image background and text that pops. Also has a call to action button below the text, for engaging the visitor.
Hero background section
Google Map with Marker - Open-source, modular web software
Google Map with Marker
A diamond team page that shows the name and role of each team member on hover. Design based on https://codepen.io/nahidul/pen/WXKONJ but made responsive.
Team page diamonds
Add dots or hotspots on top of an image. When the visitor hovers over a dot, a label shows for price etc . Clicking on each dot also takes the visitor to whichever link is chosen. Design by Irko Palenius
Image hotspots
This is a professional team section with space to say a little more for each member of the team. When you hover on the image, it shows a description and professional links like LinkedIn, GitHub, and Twitter Based on a concept by Shamim Khan https://codepen.io/shamim539/pen/VvLLdV
Team member section
Module that displays your content and related links. Based on Templated theme Exmachina https://templated.co/exmachina
Content & links
Circles nav - Open-source, modular web software
Circles nav
Slick Carousel C - Open-source, modular web software
Slick Carousel C
Photoswipe gallery - Open-source, modular web software
Photoswipe gallery
Pricing table - Open-source, modular web software
Pricing table
A vertical scrolling timeline you can edit. Styling is based on a vertical timeline experiment by CodyHouse https://github.com/CodyHouse/vertical timeline
Animate flex grid - Open-source, modular web software
Animate flex grid
A swipeable carousel for team member. It shows the image circle, name, and role. Works on desktop with arrow or swipe, and on mobile.
Team carousel
Text with background shapes, based on https://codepen.io/jorgert1205/pen/yZayrB
Discover text
Main content section with background and foreground images, plus headline text and a call to action button.
Hero Section