Clean Music Player User Interface | Bypeople

Clean Music Player User Interface

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.

Related Deals

DealsGraphic UI Kits

We've brought you a brand new collection of UI design kits featuring 21 fully editable mobile app kits with hundreds of pre-made assets and element...

We've brought you a brand new collection of UI design kits featuring 21 fully editable mobile app kits with hundreds of pre-made assets and elements that will help you put together a powerful UI design project in no time. The package delivers 21 use-ready UI kits for mobile applications, you can mix-and-match sections and variants to design websites and dashboards using your preferred design platform: each kit is delivered with files for Adobe XD, Photoshop, Figma, and Sketch, and includes basic style guide with common components and typography assets as well. Regularly this collection would be priced $199, so why not grab them today? With this limited time deal you can get the collection for just $24! You Will Receive: 21 category Pre made Mobile App UI Kits Custom Vector Shapes Style guide file formats .PSD, .XD, .FIG, .SKETCH 21 pre-made elements in file formats Adobe Photoshop (PSD), Adobe XD(XD), Figma (FIG), Sketch (SKETCH) Pixel Perfect UI Elements Customizable Layers, Fonts & Colors Well Layered & Organized High Quality Screens Free Fonts & Icons 100% Customizable Vector Shape Images are included on a text file with download links Commercial use license UI Kits Included: Auction, Bidding & Shoes Shop Mobile App UI Kits Cake E-commerce & Bakery Store Mobile App UI Kits Blockchain Explorer & Crypto Mobile App UI Kits Bus Stop & Public Route Tracker Mobile App UI Kits Rent Car & Rental Vehicle Mobile App UI Kits Cloud Storage & File Manager Mobile App UI Kits Concert, Music festival & Event Mobile App UI Kits Online Cosmetic Store Mobile App UI Kits Habit Health Tracker Mobile App UI Kits Intermittent Fasting Tracker Mobile App UI Kits Kids Task Tracking Math Exercise Mobile App UI Kits Locksmith Services Mobile App UI Kits Online Bank, Saving Card Manage Mobile App UI Kits Doctor Health Consultation Mobile App UI Kits Services Payment Plans Screen Mobile App UI Kits Seller Central & Sales Report...

Graphic UI KitsTemplates

A brand new collection of UI templates featuring 8 unique kits designed for different categories of apps, including finances, e-commerce, healthcar...

A brand new collection of UI templates featuring 8 unique kits designed for different categories of apps, including finances, e-commerce, healthcare, marketplaces and others, with hundreds of premium iOS App screens to get you started on your mobile design projects right away. Every template is delivered in .fig file format for Figma, so you can easily import them to your account and start working with the screens, elements and layouts. There's over 370 iOS app screens to work with, every one of them is properly layered & organized, so you'll be able to integrate them into your projects easily and hassle-free. Purchased separately this bundle would set you back over $321, however with this limited time deal you can get all 8 UI kits today for just $29! You Will Receive: 8 different UI design kits 370+ iOS app screens Files in .fig format for Figma Pixel Perfect design 100% Vector & customizable Layered & Well Organized Commercial use license Kits included in this bundle: ABC: learning mobile app Ahorrar: saving goals mobile app Dakota E-Commerce mobile app Finey UI Kit Healer: Healthcare mobile app Imba E-Commerce mobile app Monsy Finance mobile app Wanawi NFT Marketplace Mobile app ABC: learning mobile app Ahorrar: saving goals mobile app Dakota E-Commerce mobile app Finey UI Kit Healer: Healthcare mobile app Imba E-Commerce mobile app Monsy Finance mobile app Wanawi NFT Marketplace Mobile app

Graphic UI KitsWireframes

Introducing KyotoUI, an extensive landing page builder for Figma, optimized to significantly improve conversion rates, design quality and visual co...

Introducing KyotoUI, an extensive landing page builder for Figma, optimized to significantly improve conversion rates, design quality and visual consistency. With over 500+ components, 150+ ready-made structured blocks, and 250+ global and text styles, KyotoUI is the one resource you can’t afford to miss out on. Each component was made using Auto Layout 3.0 to make designing for various desktop and mobile resolutions a breeze, and the components feature beautiful color palettes, gradients, typography styles, layout grids, mockups, blur styles, shadows and more Regularly KyotoUI would be priced $299, but with this deal you can get it today for just $49! You Will Receive: 500+ components & variants 250+ global styles & text styles 150+ structured blocks TailwindCSS-ready Dark & Light modes Atomic design Variants and Auto Layout Responsive components Design high-converting & optimized landing pages in minutes! Commercial use license (Back To Top)

Graphic UI KitsWireframes

Introducing Inventify, a professional multipurpose interface design kit for Figma with a large and comprehensive library of components and design e...

Introducing Inventify, a professional multipurpose interface design kit for Figma with a large and comprehensive library of components and design elements that you can use to kickstart your web and mobile projects for e-commerce websites, admin dashboards, products and services, SaaS, apps, landing pages and everything else inbetween. The kit is delivered in .fig file format that you can easily import into Figma, and contains everything you will need to create advanced user interfaces, with 4500+ components and variants including buttons, sliders, menus, tables, charts, modal boxes, layouts and more, as well as over 5000 vector icons and dozens of premium ready-made screens and web pages that you can use as building blocks for your project. With this kit you'll be able to save tons of time and be more productive by putting together landing pages and wireframes for your projects quickly and efficiently with a collection of ready-made components and screens that are fully customizable, responsive straight out of the box, have light and dark modes and include detailed documentation with plenty of examples. Regularly this package would be priced $89, but with this limited time offer you can get this professional Figma UI design kit to kickstart your projects for just $34! You Will Receive: Professional UI Kit & Design System for Figma 160+ global styles 4500+ components & variants 5000+ editable vector icons 75 ready-made web pages & mobile screens Fully responsive design Light & dark modes Detailed documentation with examples Features Components Example Dashboards & App Screens

Design AssetsGraphic UI Kits

This design system starter kit is the perfect kickstart template for SaaS-focused digital products and brands. It features ready-made Atomic compon...

This design system starter kit is the perfect kickstart template for SaaS-focused digital products and brands. It features ready-made Atomic components and template samples that will provide robust building blocks for any web or mobile project. Instead of a checklist you'll have a design file primed with everything you'll need to start your project the right way: scalabe Atomic components and sample templates for dashboard, categories, calendar, kanban boards, file management, e-commerce and many more, mobile and web layout options, iOS and Android framing components for presentations/mockups, email templates, social media templates, vector icons and more. With 20+ atoms elements, 20+ molecule elements, 10+ Organism Elements, and 10+ Objects you’re instantly ahead of the game. Apply these elements with ease to the 30+ layout options (both web and mobile) using a scalable 4px grid system. All you need to do is edit colors, fonts, and styles and you’re off, and you'll be able to work with this kit using your platform of choice since the package includes files for Figma, Sketch and Adobe XD. Check out a live preview in Figma Regularly this neat design system would be priced $50, however with this limited time deal you can get it today for just $20! You Will Receive: Styles layouts for Colors, Typography, Icons, Grid, Illustrations, and Photography Bonus 300+ Design System Icon set (replace with your own or material, font awesome, iconic, etc.) 60+ scalable atomic design components Best practice accessibility UI out of the gate (AA/AAA approved color contrast levels by ADA) 30+ Mobile and Web nav and layout options Bonus iOS and Android framing components (for presentations/mockups) 50+ Mobile and Web app template samples Template samples include dashboard, category, detail, calendar, kanban boards, file management, chat, article, e-commerce and more 6 responsive sample email templates Social element templates for Instagram, Face...

Design AssetsGraphic UI KitsIllustrations

Check out our latest bundle featuring over 1500 mobile game GUI assets from 14 kits for different games types, including Math games, Word games lik...

Check out our latest bundle featuring over 1500 mobile game GUI assets from 14 kits for different games types, including Math games, Word games like Scrabble, Tile matching games and many others, delivered with fully editable vectors and a variety of premade screens for you to use right away or modify as necessary to fit your design needs The pack contains 290+ vector design files in AI and EPS format with use-ready screens and artboards featuring hundreds of vector design elements like characters, buttons, frames, tables, bars, menus, backgrounds, environment elements, tiles, trees and more, as well as individually exported elements in PNG format There's 14 kits for different cateories of game, including Maths, Tile Crush, Snake & Ladders, Match 3, Ball Sort Puzzles, Word games, Trivia, Ludo and others Regularly this pack would be priced $1100, however, with this exclusive limited-time deal you can get it today for just $29! You Will Receive 1500+ mobile game GUI elements 14 GUI kits for different game types Math games, Word games, Ludo, Ball sort, Tile matching & others Source files in EPS & AI format 290+ premade screens & vector element artboards Separate PNG files for each asset Includes characters, frames, buttons, bars, tables, boards & many more elements Commercial use license GUI kits in this bundle: Kidz Maths Game Gui Assets Tile Crush Masters Game Gui Assets Snake & Ladders Game GUI Assets Kit Forest Match 3 Game GUI Assets Ball Sort Puzzle Game Gui Assets Word Chef Game Assets GUI Kit Animals Scrabble Game Gui Assets Animals Words Game Gui Assets Kit Trivia King Game Gui Assets Kit Animals Bakery Sweet Match 3 GUI Kit Animals Ludo Board Game Gui Assets Pirates Sweet Match 3 Game Gui Asset Candies Match 3 Game Gui Assets Cute Animals Match 3 Game Gui Assets Kidz Maths Game Gui Assets Tile Crush Masters Game Gui Assets Sna...

Related Posts

HTML Kits

Here is a UI kit featuring a complete design system built using React.JS and Reactstrap that will help you create a new project quickly. It include...

Here is a UI kit featuring a complete design system built using React.JS and Reactstrap that will help you create a new project quickly. It includes 3 example pages. Find out more UI kits. Features: Reactstrap components Free for personal and commercial use

HTML Kits

Check out a complete and open-source dashboard template on bootstrap featuring a modern and high-quality design that your users will find easy to u...

Check out a complete and open-source dashboard template on bootstrap featuring a modern and high-quality design that your users will find easy to use. Find out more Bootstrap Admin Templates. Features: Compatible with all modern browsers Lots of layouts and components Clean code Demo pages MIT License

Graphic UI Kits

Hekto is a clean and modern e-commerce UI kit that includes everything you need to create a beautiful online store. The kit includes a wide range o...

Hekto is a clean and modern e-commerce UI kit that includes everything you need to create a beautiful online store. The kit includes a wide range of templates and components, all of which are fully customizable and easy to use. Find out more Figma UI Kits.

Graphic UI Kits

Grab a complete design system featuring 100+ components and built-on auto layout and variants that will guide you to create your own designs. Find ...

Grab a complete design system featuring 100+ components and built-on auto layout and variants that will guide you to create your own designs. Find out more Graphic Design Tools.

Graphic UI Kits

Check out this collection of UI components and templates that can be used to create any type of user interface. It includes a variety of components...

Check out this collection of UI components and templates that can be used to create any type of user interface. It includes a variety of components such as buttons, input fields, and navigation elements that can be customized to fit the needs of any project. Find out more UI Kits.

Graphic UI Kits

Grab a fantastic admin dashboard UI kit for desktop and mobile featuring 20+ screens plus a variety of pre-designed components that can be used to ...

Grab a fantastic admin dashboard UI kit for desktop and mobile featuring 20+ screens plus a variety of pre-designed components that can be used to quickly create beautiful and user-friendly dashboards. Find out more Admin Dashboard Templates.

Related Lists

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.

CSS Images and Drawings
59 items

Collection of images created with pure CSS techniques.