deals

premiumpacks & media player elements in pure css (14 items)

Collection media player elements in pure CSS made. Interfaces are alluding to playback controls very detailed easy to implement in our sites and free.

freebies

A vintage styled record player created entirely with CSS and inspired in a Dribbble shot by Julian Burford. It contains a smooth animation that mak...

A vintage styled record player created entirely with CSS and inspired in a Dribbble shot by Julian Burford. It contains a smooth animation that makes the record spin around, this movement can be paused by pressing the black button located on the bottom left.

A beautifully styled, functional music player. At first, we only see an image (ideal for album covers) that when clicked, bends around the bottom t...

A beautifully styled, functional music player. At first, we only see an image (ideal for album covers) that when clicked, bends around the bottom to show a set of hidden control buttons. Apart from the usual play, next and previous interactions, there are "share" and "like" buttons, perfect for social integration.

Here we have an awesome music player coded by Ryan Boylett based on a stylish Dribbble shot by Sebastian B...

Here we have an awesome music player coded by Ryan Boylett based on a stylish Dribbble shot by Sebastian Beltz. It features a circular design with bright colors on the progress bar and a picture on the upper half. Share and like buttons are also included for social functionalities.

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 clean player that provides a nice interface for straightforward audio playback without any complex features, just play, previous and next buttons...

A clean player that provides a nice interface for straightforward audio playback without any complex features, just play, previous and next buttons with the song and artist on top. Towards the left there's a record player integrated on the design, which gives it a cool vintage touch.

A polished and attractive music player created in HTML5 by CodePen's Mark Murray. It includes a very complete set of options, with fast forwar...

A polished and attractive music player created in HTML5 by CodePen's Mark Murray. It includes a very complete set of options, with fast forward, shuffle and replay buttons apart from the  usual playback controls.  Moreover, it has a neat black and white effect when hovering on the image on top.

A nice animated audio player with an image taking up most of the element, this gives importance to the album art and provides every item a custom l...

A nice animated audio player with an image taking up most of the element, this gives importance to the album art and provides every item a custom look. When hovering over the player, the usual playback controls come up (previous, play and next) while a colorful bar shows the overall progress.

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)

Here we have a basic audio player with a small animation. This project is based on a Dribbble shot by Bart Ebbekink and features a simple progress ...

Here we have a basic audio player with a small animation. This project is based on a Dribbble shot by Bart Ebbekink and features a simple progress bar with a small box that stands out to display images, mainly album covers. It was created by Bartos Lazarski from CSSDeck.

This is an animated version of a previously created audio player. This time, it includes animations with a double progress bar, one shows the curre...

This is an animated version of a previously created audio player. This time, it includes animations with a double progress bar, one shows the current time while a lighter one shows how much of the content has been buffered. Also, the background is semi-transparent. Remember this will only work with Webkit supported browsers for now.

This plugin enables indirect styling of the audio element. It replaces the audio element with custom HTML code, and by adding some CSS you get a wh...

This plugin enables indirect styling of the audio element. It replaces the audio element with custom HTML code, and by adding some CSS you get a whole new player which looks the way you want, keeping the same functionality as the default player. You can make it responsive and touch friendly.

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)

A colorful prototype for a player with glass styling, designed with pure CSS. It features a simple, yet attractive look thanks to the contrast give...

A colorful prototype for a player with glass styling, designed with pure CSS. It features a simple, yet attractive look thanks to the contrast given by the colors and the beautiful blurred background behind it. This project was uploaded to CodePen by user Dano Alexander.

This is a volume control slider with a simple design, a subtle gradient and a cool background. It is fully functional, and you are able to edit the...

This is a volume control slider with a simple design, a subtle gradient and a cool background. It is fully functional, and you are able to edit the JS, the CSS for styling and the HTML for easy integrating it in your projects. It was created by Ray Villalobos and uploaded to Codepen for everyone to download and use.

A classy set of audio controls in CSS. They serve well to manage volume and equalization thanks to some nicely animated slider controls that feel a...

A classy set of audio controls in CSS. They serve well to manage volume and equalization thanks to some nicely animated slider controls that feel and look  amazing. This design was coded by CodePen's user Jurby and inspired by a Dribbble shot created by Paco.

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

Two awesome examples of music players inspired by Sanadas Young's work on Dribbble created in CSS3. At first we only see an image with the eve...

Two awesome examples of music players inspired by Sanadas Young's work on Dribbble created in CSS3. At first we only see an image with the eventual album cover, but once we hover over the image, it bends in order to display a set of hidden controls underneath.

An extremely simple audio playback UI for straightforward media showing. It has been completely stripped down, containing only a play/pause button ...

An extremely simple audio playback UI for straightforward media showing. It has been completely stripped down, containing only a play/pause button inside a flat box and the space for covers or images on top of it. Created by CodePen user Joe Richardson.