Skip to content
Theme
RapidWeaver Addons Marketplace Logo

RapidWeaverMarketplace

Addon Silhouette icon.

Silhouette

Stack from 1LD

Silhouette screenshot 1
Silhouette screenshot 2
Silhouette screenshot 3
Thumbnail of Silhouette slide 1Thumbnail of Silhouette slide 2Thumbnail of Silhouette slide 3

Silhouette is an innovative design tool that turns images and content into interactive, clickable silhouettes.

Images transform from solid silhouettes into fully detailed visuals upon hover or when they enter the user’s view, providing a captivating way to engage users and highlight key content. Designed for flexibility, it offers numerous customization options—from color and fill gradients to threshold and contrast adjustments—making it easy to tailor silhouettes to match any style.

Transition Effects

Eight transition effects bring a captivating, interactive element to your website by transforming silhouettes into full images when they come into the viewer's field of vision or when hovered by cursor. They not only draw attention to key links and visuals but also create smooth, eye-catching reveals that enhance user engagement. Images gradually transition from bold silhouettes to detailed visuals, making it feel as though the content is coming to life right on the page.

  • Color & Invert - Customize the silhouette with a color of your choice and invert it to create unique visual effects.

  • Outline & Clip - Convert solid silhouettes into outlines and clip the shape to match the silhouette’s defined edges.

  • Round & Resize - Add rounded corners and easily resize images to fit your design layout.

  • Adjust Threshold & Contrast - Fine-tune brightness and contrast levels for more defined or subtle silhouette appearances.

  • Apply Fill Color & Gradient - Fill the active image state with a solid color or gradient for a standout look.

  • Active in View, on Hover, or Never - Control when silhouettes transition, whether on hover, in view, or remain static.

  • Adjustable Transition Speeds - Set transition speeds to control the pace of the silhouette-to-image animation.

  • Use Images, Text, or Content - Choose between images, text, or custom content to create interactive silhouettes.

1LD SUPPORT

We won’t leave you hanging! As with any purchase from 1LD, you will have access to our top-notch tech support to help you with any issues you face. Whether it be that 3rd-party addon/stack that refuses to play nice or just some web design advice, our team is there for you.

Version

  • 1.0.0
  • March 23rd 2025

Details