deals

premiumpacks & css range sliders (20 items)

Set of range sliders put together in popular code playgrounds like JSFiddle, CodePen and CSSDeck.

freebies

CSS styled linear sliders that range from 0 to 500. Top and bottom sliders have a step of 1 while the middle one has a step of 50 along the horizon...

CSS styled linear sliders that range from 0 to 500. Top and bottom sliders have a step of 1 while the middle one has a step of 50 along the horizontal axis. JavaScript is used only to grab the values and the code itself is highly modifiable. Made by Codepen.io user Sean Stopnik.

Prettify is a set of percentage denoted sliders created in pure CSS and powered with JavaScript functionalities.

Prettify is a set of percentage denoted sliders created in pure CSS and powered with JavaScript functionalities.

A nice CSS slider featured by SVG format figures that have a nice wobbling effect as you slide it along.

A nice CSS slider featured by SVG format figures that have a nice wobbling effect as you slide it along.

13,000+ Unique PowerPoint & Keynote Slides, 86 Best Selling Templates, Print Ready (A4 + Letter), Smart Objects, Vector Shapes, 160 Color Schemes, ...

13,000+ Unique PowerPoint & Keynote Slides, 86 Best Selling Templates, Print Ready (A4 + Letter), Smart Objects, Vector Shapes, 160 Color Schemes, Icon Fonts, 16:9 Aspect Ratio, Intros, Maps, Infographics, Tables, Calendars, Charts, and Much More! Get it for Only $19 (99% Off)

A cool code snippet made in CSS depicting a simple sliding bar made with a realistic design. This bar includes a tooltip that changes the text acco...

A cool code snippet made in CSS depicting a simple sliding bar made with a realistic design. This bar includes a tooltip that changes the text accordingly to the percentage used. This code is can be modified in any way and you can use it freely. It was created by Codepen user Ana Tudor.

A compelling CSS and jQuery slider that divides two images within a frame for making a comparison. It can be used in software for showing how it wa...

A compelling CSS and jQuery slider that divides two images within a frame for making a comparison. It can be used in software for showing how it was before and how it is now (like its name indicates). It has an MIT License and it was created by JotForm.

A cool slider made with CSS and JavaScript complemented with a percentage, a code snippet that can be used for multiple purposes. It can be modifie...

A cool slider made with CSS and JavaScript complemented with a percentage, a code snippet that can be used for multiple purposes. It can be modified and styled to adapt it to your projects easily and it was put together by Ana Tudor.

2880+ Vector Ornamental Drop Cap Lettering Designs Including Celtic, Gothic, Illuminated Manuscript, Gravure, And Many More Styles! Foil Effects fo...

2880+ Vector Ornamental Drop Cap Lettering Designs Including Celtic, Gothic, Illuminated Manuscript, Gravure, And Many More Styles! Foil Effects for Illustrator & Photoshop, As Well As Paper Textures & Mockups Included, Get This Bundle For Just $14! (95% Off)

Philipp von Wedel from cssdeck has made an exciting freebie that looks like a slider control, but it uses div HTML elements to reach out this resul...

Philipp von Wedel from cssdeck has made an exciting freebie that looks like a slider control, but it uses div HTML elements to reach out this result. When you hover over each button, immediately a tooltip appears, showing the scale number. It could be used for music players templates or metric interfaces, and a great thing is that it is completely cross browser.

This code experiment is a set of elements with an interesting style: one range slider (or just a slider) and two switches. Although this only works...

This code experiment is a set of elements with an interesting style: one range slider (or just a slider) and two switches. Although this only works in Webkit, it is a small example of how powerful CSS can be. Transitioning the pseudo-element on the checkboxes was tricky, but not impossible. Most importantly, no additional elements were used. Use them on your next projects, as a website or a mobile app.

This is a set of knobs and sliders for graduating the volume and equalizing music within an app. It is composed of a volume knob and four sliders, ...

This is a set of knobs and sliders for graduating the volume and equalizing music within an app. It is composed of a volume knob and four sliders, which can be edited to perform any function. It is not functional, yet very easy to integrate in any mobile or web app that requires audio controls. It was created with SASS and HAML.

720+ Lightroom Presets + 690+ Photoshop Actions from 17 Collections, Compatible with Adobe CS4, CS5, CS6, and CC, Fully Adjustable Settings, Includ...

720+ Lightroom Presets + 690+ Photoshop Actions from 17 Collections, Compatible with Adobe CS4, CS5, CS6, and CC, Fully Adjustable Settings, Includes Extended License and Complete Documentation. Only $19 (95% Off)

This experiment creates a simple and realistic switch with the help of CSS, JavasCript and of course HTML. It sure has a realistic, yet minimal app...

This experiment creates a simple and realistic switch with the help of CSS, JavasCript and of course HTML. It sure has a realistic, yet minimal appearance, perfect for those who like a touch of realism in websites, blogs or mobile apps, but it can be improved with CSS.

This is a simple range slider for an e-commerce website or app. It shows a range of prices which can be altered or even added to complement the ori...

This is a simple range slider for an e-commerce website or app. It shows a range of prices which can be altered or even added to complement the original slider. It was created with HTML and JavaScript mainly, and even though it has a pretty simple and minimal design, it might be styled with a bit of CSS.

This code snippet creates a range slider that can be modified by typing the values to the select, selecting them with the arrows or by dragging and...

This code snippet creates a range slider that can be modified by typing the values to the select, selecting them with the arrows or by dragging and sliding the range controls, allowing you to put it in any location to acquire a desired value. You can edit the CSS to improve the visual appearance of the slider, the HTML to implement it on your website or blog.

A brand new bundle of 33 fonts in a wide variety of styles, weights & multilanguage support, normally priced $490 if purchased individually, Only $...

A brand new bundle of 33 fonts in a wide variety of styles, weights & multilanguage support, normally priced $490 if purchased individually, Only $19 for a limited-time

This is a simple JavaScript slider that indicates the position by highlighting inner lines. It just needs a few lines of HTML and CSS to work prope...

This is a simple JavaScript slider that indicates the position by highlighting inner lines. It just needs a few lines of HTML and CSS to work properly, and it can be edited to improve every aspect of it, like its looks, functionality and integration.

This is the functional version of the CSS3 range slider that cssdeck's user Kushagra Agarwal posted some time ago. Actually, this version adds the ...

This is the functional version of the CSS3 range slider that cssdeck's user Kushagra Agarwal posted some time ago. Actually, this version adds the ability to slide the range knob by using the HTML5′s range input element. Range inputs can be styled using CSS3 by using some Webkit only properties.

This is an interesting static slider for indicating any number in a list. It is pretty simple, yet it indicates quite fluidly the value and the ind...

This is an interesting static slider for indicating any number in a list. It is pretty simple, yet it indicates quite fluidly the value and the index where it is located. It is created with HTML, SCSS and Javascript, code fragments that you can modify to improve the general performance of the slider.

Lifetime Web Development Course Access, Over 19 hours of indepth courses on HTML, CSS, Javascript, jQuery, Bootstrap, PHP, AJAX, XML, and much more...

Lifetime Web Development Course Access, Over 19 hours of indepth courses on HTML, CSS, Javascript, jQuery, Bootstrap, PHP, AJAX, XML, and much more, Includes certificate of completion! Become a Web Development Ninja for Just $17! (94% off)

A simple slider created with CSS, HTML and Javascript, perfect for using on iPad. It has an animation when you hover over, in which you see the ran...

A simple slider created with CSS, HTML and Javascript, perfect for using on iPad. It has an animation when you hover over, in which you see the range number popping up, and a simple and minimal style. However, it can be edited in order to make it look like your website, blog or mobile app. It was created by Codepen's user Satoshi.

This is a sliding scale with level indicator. Clicking on a level or dragging the knob work equally fine. It was created using HAML, SCSS and Coffe...

This is a sliding scale with level indicator. Clicking on a level or dragging the knob work equally fine. It was created using HAML, SCSS and CoffeeScript to simplify the way code is written ergo making the load and the overall performance faster. It was created by Mark Roseboom.

This is a security confirmation slider, great for confirming the deleting or downloading of files. It is composed of HTML, CSS and JavaScript, whic...

This is a security confirmation slider, great for confirming the deleting or downloading of files. It is composed of HTML, CSS and JavaScript, which you can edit to integrate on your website, improve the appearance and add further functionality. It has a minimal style, and its author was Bennett Feely.

Massive Scene Creator Pack with 885 HD Objects from 30 Different Categories, 1575 possible Positions, Ultra HD Backgrounds and Metal Foil Textures,...

Massive Scene Creator Pack with 885 HD Objects from 30 Different Categories, 1575 possible Positions, Ultra HD Backgrounds and Metal Foil Textures, and Endless Combinations for Branding, Banners, Mockups, Covers, Headers, and so much more! Get this awesome pack for just 15$!(49% Off)

This is a modal slider inspired by one that does not have much style. This was, however, styled properly, improving the overall appearance, the bor...

This is a modal slider inspired by one that does not have much style. This was, however, styled properly, improving the overall appearance, the border, shadows, and more. Even tough it is a great minimal example of a slider with push effect on click, it still lacks functionality.

This is a simple slider for regulating brightness, created with pure CSS. Its style is minimal, with few colors and not too bright; you can add fun...

This is a simple slider for regulating brightness, created with pure CSS. Its style is minimal, with few colors and not too bright; you can add functionality via Javascript, and even modify the CSS to enhance the looks of it. This code experiment was created by Nick Colley.