deals

premiumdeals & css sliders (22 items)

Curated collection of CSS Sliders with stunningly beautiful animations, styles, and responsive designs, delivered as snippets to integrate in your website UI/UX projects. You'll find transition effects, before & after sliders, split effects, flexbox sliders, popout sliders, and much more!

freebies

One page section slider made out of pure CSS, it has on click action with smooth transitions to change between sections. Not a single line of JavaS...

One page section slider made out of pure CSS, it has on click action with smooth transitions to change between sections. Not a single line of JavaScript, it's just HTML and CSS. Made by Codepen user Quentin Véron.

Slider element for web-based presentations. It uses Pug HTML, SCSS and JavaScript to achieve the linear transitions and to control the slides. Crea...

Slider element for web-based presentations. It uses Pug HTML, SCSS and JavaScript to achieve the linear transitions and to control the slides. Created by Codepen user Olivia.

A CSS slider with multiple animation options, featuring 4 slides with linear transitions handled entirely with CSS. This image slider was created b...

A CSS slider with multiple animation options, featuring 4 slides with linear transitions handled entirely with CSS. This image slider was created by Codepen user aladin ben sassi.

Visual Drag & Drop Bootstrap Website Generator, Only $19! Lifetime Updates, Unlimited Commercial Use License.

Visual Drag & Drop Bootstrap Website Generator, Only $19! Lifetime Updates, Unlimited Commercial Use License.

Jaskiran Chhokar delivers this stunning 3D carousel created purely with HTML5 and CSS3. It transits automatically and pauses when hovering over an ...

Jaskiran Chhokar delivers this stunning 3D carousel created purely with HTML5 and CSS3. It transits automatically and pauses when hovering over an image, as well as zooming into it just enough to add a magnificent effect to the overall feel of the snippet. 

A CSS Carousel font showcase displaying each character of the alphabet as its own slide, and mapping the keyboard letter keys to their correspondin...

A CSS Carousel font showcase displaying each character of the alphabet as its own slide, and mapping the keyboard letter keys to their corresponding indexes in the carousel. It's fully responsive, features smooth transition animations and supports touchscreen 

A pure CSS animated rotating image slider with awesome effects throughout by Codepen user Nathan Taylor. Both the images and the colored overlay ro...

A pure CSS animated rotating image slider with awesome effects throughout by Codepen user Nathan Taylor. Both the images and the colored overlay rotate as the slides change, switching colors as the animation continues.

1500+ Print Templates, Only $14! 1300 Vector Icons, Commercial Use, Fully Editable Ai, PSD, & INDD Files, Branding, Postcards, Flyers, Banners & Mu...

1500+ Print Templates, Only $14! 1300 Vector Icons, Commercial Use, Fully Editable Ai, PSD, & INDD Files, Branding, Postcards, Flyers, Banners & Much More!

A code experiment created with CSS and jQuery that allows you create an animated slider composed random letters that re-arrange accordingly to what...

A code experiment created with CSS and jQuery that allows you create an animated slider composed random letters that re-arrange accordingly to what you want to show.

Slider transitions using Swiper slider with parallax option enabled. It features several CSS filters that change the image coloring after the trans...

Slider transitions using Swiper slider with parallax option enabled. It features several CSS filters that change the image coloring after the transition is finished. Snippet made in CSS by Codepen user Mirko Zorić.

A little slice transition slider using a simple add class deal. Supports scroll wheel (scroll jacking), nav buttons, and arrow keys. The transition...

A little slice transition slider using a simple add class deal. Supports scroll wheel (scroll jacking), nav buttons, and arrow keys. The transitions and animations are smooth and can also increase the content wrapper to make the images fill viewport in their non-animating state, which is kinda cool as well.

$1140 Worth of Vector T-shirt Designs for Just $29 (97% Off on 100 Designs)

$1140 Worth of Vector T-shirt Designs for Just $29 (97% Off on 100 Designs)

Simple slider in a minimal style to show off images, content, portfolios, etc. Features a blurred background with the same image being displayed, a...

Simple slider in a minimal style to show off images, content, portfolios, etc. Features a blurred background with the same image being displayed, as well as animated transitions. Snippet in CSS & jQuery by Codepen user Nathan Taylor.

A neat looking effect created using clip-path. Styling elements based on sibling count. Responsiveness depends on first image size. This great look...

A neat looking effect created using clip-path. Styling elements based on sibling count. Responsiveness depends on first image size. This great looking slider utility was created by Michal Niewitala.

A neat looking image slider made in pure CSS, featuring transitions when hovering over an image, and a text box for descriptions, etc. This snippet...

A neat looking image slider made in pure CSS, featuring transitions when hovering over an image, and a text box for descriptions, etc. This snippet has 5 different effects available, and was created by Codepen user fox_hover.

670+ Kitchen Scene Creation Objects Only $19! 200+ Customizable Items & Textures Included. High-Resolution Files.

670+ Kitchen Scene Creation Objects Only $19! 200+ Customizable Items & Textures Included. High-Resolution Files.

Great snippet for an Image Slider made 100% in CSS, it features buttons for next/previous, as well as navigation buttons & neat looking image trans...

Great snippet for an Image Slider made 100% in CSS, it features buttons for next/previous, as well as navigation buttons & neat looking image transition effects. Created by codepen user Avi Kohn.

Great looking image transition effect by codepen user Nikolay Talanov, this slider snippet creates a neat looking animation for both image and text...

Great looking image transition effect by codepen user Nikolay Talanov, this slider snippet creates a neat looking animation for both image and text transitions by splitting the image into 4 panels, then sliding them to create the complete view. Neat and must see slider effect!

Amazing pure CSS slider created by Codepen user Damian Drygiel, within the slider you can scroll to view larger images or text. A great alternative...

Amazing pure CSS slider created by Codepen user Damian Drygiel, within the slider you can scroll to view larger images or text. A great alternative solution worth taking a look at!

4500+ Overlays With HD Quality, Only $39! 5000x3500px ? 300dpi, 40 Styles!

4500+ Overlays With HD Quality, Only $39! 5000x3500px ? 300dpi, 40 Styles!

A nice vertical split effect to create amazing photo slideshows

A nice vertical split effect to create amazing photo slideshows

Free mobile touch slider with lots of transitions and effects, ideal for mobile websites, mobile web apps, and mobile native/hybrid apps. Works in ...

Free mobile touch slider with lots of transitions and effects, ideal for mobile websites, mobile web apps, and mobile native/hybrid apps. Works in iOS, Android, Windows Phone 8 and modern Desktop browsers

A CSS material design based slider useful for timeframes

A CSS material design based slider useful for timeframes

430+ Retro/Vintage Style Vector Illustrations & Textures, Only $14! 13 Amazing Collections In EPS, PSD, PNG & JPG.

430+ Retro/Vintage Style Vector Illustrations & Textures, Only $14! 13 Amazing Collections In EPS, PSD, PNG & JPG.

A library of CSS demos that you can use as an alternative to JavaScript. It includes toggles, carousels, games, menus, animations and others, it in...

A library of CSS demos that you can use as an alternative to JavaScript. It includes toggles, carousels, games, menus, animations and others, it includes the option to try the demos included in the page.

This layout contains two smarts features, mainly its presentation as a transitional page within presets images with smooth animation; and secondly ...

This layout contains two smarts features, mainly its presentation as a transitional page within presets images with smooth animation; and secondly an off canvas menu with a direct link to every image.

A beautiful code experiment in CSS for a different set of slideshows supporting multiple layouts. This allows the arrangement of elements in a uniq...

A beautiful code experiment in CSS for a different set of slideshows supporting multiple layouts. This allows the arrangement of elements in a unique way, making your site stand out. It uses 3d transforms and an animation library called anime.js.

The ultimate tool to help you burn through your CSS styling process with holy fire. Available for PC & Mac, this feature-rich software comes packed...

The ultimate tool to help you burn through your CSS styling process with holy fire. Available for PC & Mac, this feature-rich software comes packed with powerful tools like side-by-side browser preview panes to pinpoint issues across platforms, tree DOM explorer, an intuitive interface where you can edit exactly where & how you want with its Bullseye functionality, tools for pixel perfection, integrated FTP client

Here is a code experiment by user Robert Borghesi consisting of a fullscreen slider with transitions made with CSS and jQuery. It's made without ca...

Here is a code experiment by user Robert Borghesi consisting of a fullscreen slider with transitions made with CSS and jQuery. It's made without canvas but with CSS and jQuery. The code is not optimized yet, and it's not responsive.