Turn every website into inspiration.

SFM plugin - Customize any website with filters, drawing tools, element manipulation, animations, and local code injection.

SFM - Turn every website into inspiration | Product Hunt Featured on Shipit Featured on NextGen Tools
GS
VT
WB
RGB
IV
SFM Plugin Screenshot 1
SFM Plugin Screenshot 2
SFM Plugin Interface 1
SFM Plugin Interface 2
SFM Plugin Interface 3
SFM Plugin Interface 4
SFM Plugin Background
SFM Plugin Enhanced Interface
SFM Plugin Interface 5
SFM Plugin Interface 6
SFM Plugin Interface 8
SFM Plugin Interface 9
SFM Plugin Interface 10
SFM New Phone Screenshot
SFM Minimal Screenshot 1
SFM Minimal Screenshot
SFM Liminal Screenshot
SFM Wacky Pomo Screenshot
SFM Wacky Pomo Screenshot 1
Scroll to change

Our Solution

Our Surface Filter Mode (SFM) plugin enhances web customization by providing powerful tools to transform any website into a personalized creative space. As a comprehensive browser extension, SFM enables users to apply stunning visual effects, manipulate elements, and inject custom code locally.

Home Icon

Beautiful Filters

Apply a wide range of professional filters including grayscale, sepia, invert, high contrast, warm/cool tones, vintage effects, and many more to instantly change the visual mood of any webpage.

Editor Icon

Custom Filter Controls

Fine-tune your effects with precise adjustment sliders for brightness, contrast, saturation, hue rotation, sepia intensity, grayscale levels, and invert effects. Create unique combinations for perfect customization.

Selection-Based Icon

Selection-Based Application

Use interactive selection squares to target specific areas of web pages. Apply filters, effects, and manipulations only where you want them, with drag-and-drop resizing and precise positioning.

Animated Icon

Animated Border Frames

Add dynamic animated border frames with effects like gradient spin, neon glow, fire wave, matrix rain, electric bolt, 3D perspective, and adaptive color frames that respond to page content.

Gradient Icon

Gradient Maps & Color Effects

Transform images using advanced SVG-based gradient maps and color mapping. Apply complex color transformations that convert luminance values to custom color palettes.

Manipulation Icon

Element Manipulation

Interact with and modify page elements through advanced selection tools. Move, resize, and transform elements on the fly for complete page customization.

Overlay Icon

Image Overlays & Blend Modes

Overlay custom images with adjustable opacity and blend modes (multiply, screen, overlay, etc.). Perfect for adding textures, watermarks, or completely redesigning page visuals.

Code Icon

Local Code Injection

Inject custom CSS and JavaScript locally to extend functionality, add animations, create interactive elements, and build personalized web experiences without affecting the original site.

50+ Filters Available Blend Modes
Slide 1 Slide 2 Slide 3 Slide 4 Slide 5 Slide 6 Slide 7 Slide 8 Slide 9 Slide 10 Slide 11 Slide 12