Popular mods

Open-source, modular web software - Portfolio gallery
Portfolio gallery
raamdb
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
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
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
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
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
Open-source, modular web software - Simple Footer
Simple Footer
dkrnok
Open-source, modular web software - Google Map with Marker
Google Map with Marker
moamb
Open-source, modular web software - Slick Carousel C
Slick Carousel C
dkrkbm
Open-source, modular web software - Photoswipe gallery
Photoswipe gallery
andkk
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
Open-source, modular web software - Animate flex grid
Animate flex grid
ramkmb
Open-source, modular web software - Pricing table
Pricing table
mlldod
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
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
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
Open-source, modular web software - Responsive image
Responsive image
kbadr
Open-source, modular web software - Circles nav
Circles nav
lmlrm
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
Open-source, modular web software - Fixed navbar
Fixed navbar
kdklla
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
Open-source, modular web software - Face detection crop
Face detection crop
dkkrbr
Anymod