Etch Slider Pro turns every part of a slider — the track, the arrows, the dots, the thumbnails, the progress bar — into its own Etch component. Drop them in, configure them visually, and ship production-grade carousels faster than ever.Most slider plugins hand you a black box: one giant widget, a wall of settings, and CSS you have to fight. Slider Pro takes the opposite approach. It's a component-based slider system made specifically for the Etch page builder — so building a slider feels exactly like building anything else in Etch.Every visible piece is a real, reusable component you place and style on the canvas. Arrange them however your design demands, control every breakpoint, and style everything with CSS variables that keep your sliders on-brand automatically. Built on the battle-tested Splide engine, it's fast, smooth, and ready for real projects — heroes, product galleries, testimonials, logo strips, and card rows alike.Build by combining. Style with variables. Preview as you go.FEATURESEvery piece is its own componentSlider Pro ships as seven builder components — Wrapper, Slider, Slide, Pagination, Nav Buttons, Play/Pause, and Progress. You build a slider by dropping in the pieces you need and configuring each one in its own settings panel. Want two arrows in the corner and a counter down below? Place them where you want them. There's no code to write and no template to fight.Drop it anywhere — it connects automaticallyControls don't have to sit next to the slider or be wired up by hand. Put a Nav Button, a set of dots, or a play/pause control anywhere inside the wrapper and it finds its slider on its own. Move things around freely — the connections just work.Responsive control, down to the breakpointSet different values per screen size with simple, desktop-first shorthand — like 3 md:2 sm:1 for slides per page. Slides, gaps, height, offsets, and more can all shift at each breakpoint. Set your breakpoints once for the whole site, then override them on any individual slider when a design calls for it. Prefer smooth scaling over stepping? Use fluid values so things resize gracefully with the viewport.Carousel on desktop, grid on mobile— liveLayout Mode lets a slider become a plain, fully CSS-controlled grid at the breakpoints you choose — a carousel on phones, a static grid on desktop, or the other way around. It switches live as the screen changes, and your own styling stays in charge without any hacks.Thumbnail sync that just worksPair a main slider with a thumbnail and they stay in sync automatically. Need them in different parts of the page? Group them via 'Sync Group' and they'll sync across the layout. One main slider can even drive several thumbnails at once.Autoplay, progress, and motionTurn on autoplay with an interval and pause-on-hover, and it pauses politely for keyboard users too. Choose your transition — slide, fade, or loop — and go vertical or right-to-left when you need to. Show progress as a bar, a circular ring, or a numbered counter. For logo walls and endless marquees, switch on continuous auto-scroll.Style it your way, per slideGive active and inactive slides their own look — opacity, scale, position, borders, and radius — for depth and focus. Add an overlay tint to keep text readable over busy images, and reach for ready-made animation presets when you want polish fast. Because styling runs on CSS variables, your sliders stay consistent by default — and styling one slider never disturbs another.Fast by defaultSliders below the fold wait to load until people scroll near them, so long pages stay quick and light. Assets are lean and optimized, and everything loads automatically — performance you get for free.Built for the Etch editorSlider Pro is made for Etch, not bolted on. Build and preview your slider right inside the editor, see exactly how it responds at any screen size, and rely on full undo/redo the whole way. What you build is what you ship.You choose how it loadsKeep the slider 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 and dependable.Ready-made recipesSlider Pro is designed for the sliders you actually build: 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 layouts — swipe on phones, static grid on larger screens Start from a pattern, make it yours.For Support and Enquiries:Email: udoroessien@gmail.comFacebook Group: https://web.facebook.com/groups/designwithcrackaDocumentation:https://design-with-cracka.gitbook.io/etchsliderpro/