Breakpoint control
Slides, gaps, height, and offsets can all shift per screen size. Set site-wide breakpoints once, override per slider.
Built for Etch page builder · Powered by Splide
Every part of your slider
is now its own component.
The track, the arrows, the dots, the thumbnails, the progress bar. Drop them in, configure them visually, and ship production-grade carousels without fighting a black box.
One-time purchase · Instant download · Docs included · Launch price: first 100 copies only
This carousel is running live on this page, built the way Slider Pro builds them
● Live demo · continuous auto-scroll, exactly like Slider Pro's logo marquee mode
Most slider plugins
A black box.
- One giant widget you can't take apart
- A wall of settings for every tiny change
-
CSS you have to fight with
!important - A template that dictates your layout
Etch Slider Pro
Real components.
- Every visible piece is a reusable Etch component
- Configure each piece in its own settings panel
- Style everything with CSS variables, on-brand by default
- Arrange the pieces however your design demands
Build by combining. Style with variables. Preview as you go.
The system
Seven components.
Infinite sliders.
Drop in the pieces you need, configure each one visually, and place them anywhere inside the wrapper. Controls find their slider automatically.
Wrapper
The stage. Everything inside connects on its own.
Slider
The track: transitions, direction, autoplay, breakpoints.
Slide
Any content. Active/inactive styling per slide.
Pagination
Dots or thumbnails, styled your way.
Nav Buttons
Arrows that live anywhere in the layout.
Play / Pause
Polite autoplay control, keyboard-friendly too.
Progress
Bar, circular ring, or numbered counter.
Your layout
Two arrows in a corner, counter below? Place them there.
Proof, not promises
See it actually work.
Every slider on this page is running live, right now: the same patterns Slider Pro builds inside Etch. Drag them, click them, resize the window.
Live demo · Thumbnail sync
Thumbnail sync that just works.
Pair a main slider with a thumbnail strip and they stay in sync automatically. Click any thumbnail below and the main view follows. Need them in different parts of the page? Group them via Sync Group and one main slider can even drive several thumbnail strips at once.
"Choose your transition (slide, fade, or loop) and go vertical or right-to-left when you need to."
Transitions & motion
"Give active and inactive slides their own look (opacity, scale, position, borders, and radius) for depth and focus."
Per-slide styling
"Sliders below the fold wait to load until people scroll near them. Performance you get for free."
Fast by default
"Autoplay pauses on hover, and politely for keyboard users too."
Accessible autoplay
01 / 04
Live demo · Fade + counter
Fade transitions, numbered progress.
This one uses a fade transition with a numbered counter, the classic testimonial pattern. The quotes? Straight from the product itself. Hover to pause; the dots are clickable.
Live demo · Layout Mode
Carousel on mobile. Grid on desktop. Live.
Resize this window: below the breakpoint these cards are a swipeable carousel; at desktop width they snap into a plain, fully CSS-controlled grid. In Slider Pro you set it with desktop-first shorthand:
slides: 3 md:2 sm:1
Grid mode
Fluid values
Prefer smooth scaling over stepping? Fluid values resize gracefully with the viewport instead of jumping.
Layout Mode
Become a plain CSS grid at the breakpoints you choose. No hacks, and your styling stays in charge.
Auto-connect controls
Arrows, dots, play/pause. Put them anywhere inside the wrapper and they find their slider on their own.
CSS variables
Style once, stay consistent. Styling one slider never disturbs another.
Lazy by default
Below-the-fold sliders wait until people scroll near them. Long pages stay quick and light.
Live demo · Lightbox
Click to open it full-screen.
Lightbox opens a slide in a full-screen overlay: just the image, or, in slides mode, the whole slide with its markup intact. This demo is slides mode: click any card and it opens with its own arrows, a counter, keyboard nav, and Esc to close.
Design in the open
Every part is a real component, styled with CSS variables. No black box, no fighting !important.
Compose freely
Arrows, dots, thumbnails, progress. Place them anywhere in the wrapper and they connect on their own.
Ship fast
A feather-light engine and lazy loading keep pages quick, even with several sliders.
Click a card to open the lightbox
Live demo · Sync Custom Element
Let the page follow the slider.
These labels live outside the slider, pointed at it by a CSS selector. They pick up
is-active / is-prev / is-next as it moves. Because sync runs
two-way, clicking one drives the slider back. Click a label, or use the arrows.
Design in the open
Real components you style with CSS variables.
Compose freely
Place every control wherever your layout wants it.
Ship fast
Feather-light and lazy-loaded by default.
Live demo · Sync Without Slider
No slider. Still in sync.
Point the wrapper at a CSS selector, leave the slider out entirely, and it cycles
is-active / is-prev / is-next straight across your own
elements. There is no track here and nothing scrolls: the fan, the depth, the staggered
lines are all your CSS reacting to three class names. Built for card stacks,
step indicators and tabs that never wanted a carousel in the first place.
Custom arrows
Counter
Loop
Click a card
←/→ keys
Autoplay
01 / 09
Made for Etch, not bolted on
Build and preview right inside the editor.
See exactly how your slider responds at any screen size, rely on full undo/redo the whole way, and configure every component in its own settings panel. What you build is what you ship.
Battle-tested engine
Splide under the hood. You choose how it loads.
Keep the engine bundled with your site for zero external requests, or load it from a fast CDN. Your call, set in one place. Either way it's version-locked, dependable, and ready for real projects: heroes, galleries, testimonials, logo strips, and card rows alike.
Why Splide
A deliberate engine choice.
In independent 2026 comparisons of the leading carousel libraries, Splide leads on what actually matters on a live website.
Accessible by default
WCAG 2.1 AA out of the box: ARIA roles, screen-reader announcements, focus management, and full keyboard navigation, with no extra work.
Feather-light
Roughly 27 KB gzipped with zero dependencies, so a slider barely adds to your page weight.
The right balance
Between Embla's bare minimum and Swiper's sprawl: a focused core that still covers fade, vertical, loop, autoplay, thumbnails, and breakpoints.
Stable & proven
A mature library with a settled API that isn't chasing breaking changes, so your sliders keep behaving exactly as built.
Ready-made recipes
Designed for the sliders you actually build.
Start from a proven pattern and make it yours.
Hero banners
Full-width, autoplay, overlaid text that stays readable.
Product galleries
A main image with a synced thumbnail strip.
Testimonials
Clean fade transitions with progress and dots.
Logo marquees
Continuous, hands-off auto-scroll.
Responsive card rows
Three across on desktop, one on mobile.
Carousel-to-grid
Swipe on phones, static grid on larger screens.
Reviews
Loved by the people using it.
★★★★★
5.0 out of 5 · 3 reviews
Don’t take our word for it. Here’s what users shipping with Etch Slider Pro have to say.
★★★★★
A Masterpiece of Complexity That AI Can’t Replicate—Satisfying Everyone from Beginners to Experts
I am a massive fan of Design Cracka’s products. Having already experienced the perfect blend of high-end design and top-tier functionality in Bricks Megamenu Pro and Etch Megamenu Pro, purchasing Etch Slider Pro was a complete no-brainer.
Unmatched Technical Depth for Advanced Users
Etch Slider Pro is an incredibly advanced tool, built on a foundation of seven core codes and supported by a dedicated helper plugin. It features an astoundingly complex layered structure with a vast array of settings. For advanced users, this means absolutely limitless creative freedom. While an expert could theoretically build something similar from scratch, fine-tuning the intricate animations and perfecting the mobile responsiveness would consume hundreds of hours. Etch Slider Pro completely eliminates that grind. The sheer depth of this architecture makes it obvious that it is the result of immense human effort and deep technical expertise. It is a high-level product that even advanced AI cannot easily replicate.
Plug-and-Play "Premade Sliders" for Beginners
While the sheer volume of component layers might seem overwhelming to a beginner at first glance, you have absolutely nothing to worry about. The high-quality "Premade Sliders" allow you to deploy stunning designs immediately. Even better, the developer is highly receptive to user feedback. After a brief exchange, the developer confirmed they are actively updating these premade templates to use actual slides instead of placeholders, making them entirely intuitive and ready to go out of the box. Simply utilizing these growing premade options makes the product worth every single penny.
World-Class, Lightning-Fast Support
The support ecosystem is where Design Cracka truly outshines the competition. Not only is the documentation extensive, but they have also provided a custom Gemini Notebook (Notebook LM) trained specifically on their data. This allows you to ask questions and get precise, hallucination-free answers instantly.
But when you truly need human assistance, the developer’s response is phenomenal. I recently reached out regarding a minor mobile spacing issue on a premade slider. The developer replied almost instantly, jumped directly into my site to fix the CSS (applying position: absolute, inset: 0, and adjusting the slider height to 100%), and provided clear screenshots of the exact adjustments. He even used my feedback to plan an update for the core premade sliders. Any fear of "not being able to use it" is completely wiped out by this level of dedication.
If you want to implement high-end, beautifully designed sliders in a fraction of the time while maintaining the ultra-lightweight performance of Etch, I cannot recommend Etch Slider Pro highly enough. It is an absolute must-buy for any WordPress creator.
Yoshihiro Tsuchiya
Verified Gumroad review
★★★★★
As always with the relases by Cracka. Its pure quality and useability. Every aspect and use, is taken into consideration.
Dan Stanley
Verified Gumroad review
Stop fighting your slider component.
Seven components, one battle-tested engine, and sliders that finally feel like part of your build, not a widget dropped on top of it.
One-time purchase · Documentation & support included