Popular mods

Portfolio gallery - Open-source, modular web software
Portfolio gallery
raamdb
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
alrarm
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
dkrmoo
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
lldlrk
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
nkaoda
Responsive image - Open-source, modular web software
Responsive image
kbadr
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
rblkl
Simple Footer - Open-source, modular web software
Simple Footer
dkrnok
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
bambdd
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
nkkkka
Google Map with Marker - Open-source, modular web software
Google Map with Marker
moamb
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
lmlbm
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
rambna
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
korbd
Module that displays your content and related links. Based on Templated theme Exmachina https://templated.co/exmachina
Content & links
orddnk
Circles nav - Open-source, modular web software
Circles nav
lmlrm
Slick Carousel C - Open-source, modular web software
Slick Carousel C
dkrkbm
Photoswipe gallery - Open-source, modular web software
Photoswipe gallery
andkk
Pricing table - Open-source, modular web software
Pricing table
mlldod
A vertical scrolling timeline you can edit. Styling is based on a vertical timeline experiment by CodyHouse https://github.com/CodyHouse/vertical timeline
Timeline
nmnko
Animate flex grid - Open-source, modular web software
Animate flex grid
ramkmb
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
baarlk
Text with background shapes, based on https://codepen.io/jorgert1205/pen/yZayrB
Discover text
nkaobo
Main content section with background and foreground images, plus headline text and a call to action button.
Hero Section
dbona
AnyMod