Slider

44 snippets

Browse slider — subcategories and filters in one place. Use the table of contents to explore this branch.

slider

Snippets(44)

50/50 Slider
A 50/50 slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML (Haml), CSS (Sass), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Animated Slider
A animated slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Arrow Slider
A arrow slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (Less), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
CSS Stack Card Slider with jQuery
A css stack card slider with jquery built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Content Card Card Component+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Card Slider
A card slider built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Content Card Card Component+1 more
Demo Code
Technologies
HTML, CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
Clockwerk
A clockwerk built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML (Pug), CSS (Sass), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
Custom Image Slider with Line Arrows
A custom image slider with line arrows built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
Draggable Infinite Slideshow
A draggable infinite slideshow built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Expandable Animated Card Slider
A expandable animated card slider built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Content Card Card Component+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Flex Hover Slider
A flex hover slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
FlexBox Image Carousel
A flexbox image carousel built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Font Pairings
A font pairings built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Fullscreen Hover Slider
A fullscreen hover slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
GSAP Choppy Photo Slider
A gsap choppy photo slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
GSAP Slider
A gsap slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
Grid Card Slider
A grid card slider built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Content Card Card Component+1 more
Demo Code
Technologies
HTML (Haml), CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Hover Slider
A hover slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Hover slider - multiple images
A hover slider - multiple images built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Infinite Slider with SCSS & jQuery
A infinite slider with scss & jquery built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
Information Card Slider
A information card slider built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Content Card Card Component+1 more
Demo Code
Technologies
HTML (Pug), CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Motion Blur Effect Using SVG Filters
A motion blur effect using svg filters built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Neumorphism Slider Concept
A neumorphism slider concept built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Owl Carousel - Google News Style
A owl carousel - google news style built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Product Card Slider
A product card slider built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Content Card Card Component+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Product Slider
A product slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Responsive Horizontal Timeline using Slick
A responsive horizontal timeline using slick built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Responsive News Card Slider
A responsive news card slider built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Content Card Card Component+1 more
Demo Code
Technologies
HTML, CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
SVG Mask Slider
A svg mask slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Simple Slider Effect in CSS
A simple slider effect in css built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
Slice Slider
A slice slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Slick Slider Control
A slick slider control built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
Slick Slider with Auto Play YouTube, Vimeo and HTML5 Video
A slick slider with auto play youtube, vimeo and html5 video built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Slide Sync
A slide sync built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Slider Animation
A slider animation built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS), JS
Browser support
Chrome, Firefox, Opera, Safari
Responsive
No
Slider Animations: Pies from the Waitress Musical
A slider animations: pies from the waitress musical built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML (Pug), CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Slider with mix-blend-mode
A slider with mix-blend-mode built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML (Haml), CSS (SCSS), JS (Babel)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
Split Slider
A split slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML (Haml), CSS (SCSS), JS (Babel)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Swiper Slide Devices
A swiper slide devices built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Swiper Slider
A swiper slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
TV Shows Slider
A tv shows slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS, JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Thumbnail Slider
A thumbnail slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
Vertical Thumbnail Slider
A vertical thumbnail slider built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (Stylus), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
No
Is-selected Flickity Option
A is-selected flickity option built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
HTML, CSS (SCSS), JS
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes
JQuery Split 3D Carousel
A jquery split 3d carousel built with modern frontend techniques for responsive and reusable UI.
Content Slider Carousel Frontend Ui Modern Design+1 more
Demo Code
Technologies
HTML, CSS (Stylus), JS (Babel)
Browser support
Chrome, Edge, Firefox, Opera, Safari
Responsive
Yes

Snippets(44)

related hubs