---
title: "GloomSliderFX — Framer component · Best of Framer"
description: "$15.00 · Framer component · by DiverseKit · Carousels. Smooth image slider with dynamic colors"
canonical: "https://framer.elliotli.dev/component/gloomsliderfx"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/GloomSliderFX

# GloomSliderFX

Smooth image slider dynamic colors

[View on Framer](https://framer.com/marketplace/components/gloomsliderfx/?via=elliot-li)

![GloomSliderFX preview image 1](https://framer.elliotli.dev/og/component/gloomsliderfx/cd8294f65d0974c2/1600x1200.jpg)

## Summary

Smooth image slider with dynamic colors

## Description

GloomSlider FX is a cinematic Framer slider that moves images smoothly from right to left while dynamically shifting the background gradient based on the active image’s dominant colors. The result is an immersive, gloomy ambiance that blends content and atmosphere into one seamless experience.

As slides transition, the background softly morphs in tone, creating a fluid color harmony between foreground and backdrop. You can customize transition speed, easing, autoplay, drag behavior, overlay intensity, blur, gradient softness, and color blending strength.

Fully editable image sources, layout spacing, border radius, captions, and motion styles allow you to achieve subtle elegance or dramatic visual impact.

Ideal for hero sections, fashion showcases, creative portfolios, album covers, product storytelling, and cinematic landing pages, GloomSlider FX transforms a simple slider into an emotional, color-driven visual experience.

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-fxwlq243-rXU7bZDV5VRM5gZJPRqlaqixU92exW)](https://diversekit.lemonsqueezy.com/checkout/buy/18e6b00b-cd19-476b-82b5-29e3f7515679)

## Rank history [How rankings work →](/terms#rankings)

-   All · #4666

## Details

- **Author**: DiverseKit
- **Price**: $15.00
- **Published**: 2026-02-26
- **Updated**: 2026-10-01
- **Added**: 2026-02-20
- **Categories**: Carousels

## More like this

-   [3DCurvedImageMarquee](/component/3dcurvedimagemarquee) — Lera · $4 — Curved perspective double ticker
-   [Orbit Kit Carousel](/component/orbit-kit-carousel) — Khairul Fauzy Khairudin · $12 — 3D drag carousel with inertia
-   [Team Orbit](/component/team-orbit) — Ali Musa · Free — Interactive Team Showcase
-   [Glow Testimonial](/component/glow-testimonial) — Interface Studio · Free — Testimonials with a Little Glow