CSS and JS Vinyl Music Player and Video Snippet | Bypeople

CSS and JS Vinyl Music Player and Video Snippet

This is a nice mockup of a hipster vinyl. It is a simple animation of a vinyl spinning that reproduces a Youtube video on the back. It was created by Anders Schmidt Hansen and it was uploaded to Codepen. You can edit the CoffeScript to add further functionality to the design.

Related Deals

HTML Kits

PlainAdmin is a powerful Bootstrap 5 & vanilla JS multipurpose admin template that comes with all the essential dashboard components, pages & UI el...

PlainAdmin is a powerful Bootstrap 5 & vanilla JS multipurpose admin template that comes with all the essential dashboard components, pages & UI elements you'll need to create awesome admin dashboard experiences easily, with reusable components, clean HTML code & source design files so you can work on top of these templates, or use them on your projects straight out of the box It delivers all the source code & design files, CSS & SCSS files, cross-browser support, and it's fully responsive with over 300 UI components, 40+ HTML files made with Bootstrap 5 & Vanilla JS, 3 dashboard variations with Dark Mode, 10+ customized plugins, and over 2000 icons for you to use on your dashboards and app pages PlainAdmin is super easy to use, clean & well documented, with block-based code, SCSS files, Gulp support, vanilla JS without any jQuery, and it features 3 unique premade dashboards for different purposes - eCommerce, Analytics & CRM This deal brings you access to the Starter version as well as the Agency version, check out the license details below. Regularly this professional bootstrap 5 admin template would be priced at $149, however for a limited time you can get your choice of the Starter version or the Agency version with this offer, starting at $19! You Will Receive: 300+ dashboard ui components 3 dashboard variations 40+ html files Bootstrap 5 & Vanilla Javascript Fully responsive 2000+ icons 10+ customized plugins Cross-browser support Javascript files CSS and SCSS files Community support UI kit assets App pages Premium support Source design files Dark mode support Commercial use license Starter & Agency plans available Dashboard Components Analytics Authentication Blank Page Calendar Charts Chat App CRM Data Tables e-Commerce Form Plugins Forms ...

HTML KitsHTML ThemesTemplates

This special package for developers includes 3 professionally made admin dashboard templates, fully functional & production ready, built with the l...

This special package for developers includes 3 professionally made admin dashboard templates, fully functional & production ready, built with the latest technologies with clean code and jam packed with pages & components, so you can implement them into your projects right away The bundle includes Aatrox -a template build with HTML + TailwindCSS & Laravel, Drik -a React admin dashboard built with Material UI library, and Matx -a premium Angular and Material Design dashboard. They've been built following the highest industry standards for each framework, best practices and naming conventions, they're highly customizable and developer friendly With this package, you'll receive all the files necessary to create awesome experiences with each of these premium templates -HTML, SCSS, Sass, JS, CSS, JSON, etc. They feature Light & Dark versions, hundreds of premade pages, components for charts, datatables, Scrum Boards, Chat Apps, Multilevel Menus & much more, you can preview the fully functional demos below! Regularly, these templates would cost over $117 when purchased separately, but with this limited time offer you can get all 3 in one fell swoop with a great discount, get them for just $29 You Will Receive: 3 professional admin dashboard templates Clean code, production ready Developed with TailwindCSS, Laravel, React & Angular Material design UI library Dark versions & different layout styles Created with best practices & conventions in mind Hundreds of pages & components All the source code files included Commercial use license Dashboard templates included in this pack Aatrox - Laravel & TailwindCSS Dashboard Template Drik - React Dashboard Template Matx - Angular Dashboard Template Check out the HTML Dashboards Here Aatrox - Laravel & TailwindCSS Dashboard Template Aatrox is a dev-friendly dashboard template made with TailwindCSS and Laravel implementation, with 3 different layout styles, modern & unique ...

HTML Kits

MDB is a powerful UI Kit & Tools that includes a massive library of Material Design 2.0 components that make it a breeze to design websites, web ap...

MDB is a powerful UI Kit & Tools that includes a massive library of Material Design 2.0 components that make it a breeze to design websites, web apps, and mobile applications. Features hundreds of premium components, ready-made design blocks, 20+ useful plugins, enhanced grid system, eCommerce templates, Admin Dashboards, Blogs, Landing pages & more. With a set of buttons, sliders, card titles, text fields, radios buttons, checkboxes, progress bars, toggle switches, sliders, loading indicators, navbars, and footers mean that it’s now even easier to craft your projects Designed to save your valuable time while building modern-looking websites. To meet all the needs of web developers, MDB also offers free hosting that supports the most popular backend technologies. In a second using just a single command, it allows anyone to put their website on the server. Regularly MDBootstrap kit with lifetime usage & unlimited project license would be priced over $1499 per year! however, with this exclusive deal you can get an MDB 5 license with a neat discount starting at $79! See the licenses available with this awesome deal here MDB Features: The newest Bootstrap 5 & Material Design 2.0 Hundreds of stunning components Plain JavaScript (no jQuery) RTL support Dark mode & theming CLI & Free hosting (publish to the Internet with just one command) Hundreds of templates Hundreds of predefined design blocks Tens of plugins Backend integrations (PHP, Node.js, .ASP.NET) Detailed docs & multiple practical examples Lots of tutorials Huge and active community LAB (experimental projects created by the community of MDB) Design & dev tools See the licenses available with this awesome deal here Premium Support Premium support with MDB Pro Premium badge on the support forum Professional answer guarantee Unlimited tickets Help directly on your code Issue status updates Issues usually resolved within 1 workday Git ...

Graphic ThemesHTML Kits

A new UI design deal for a professiona web UI kit with 1000+ elements, 160+ premade components to put together streamlined, simple & clean designs ...

A new UI design deal for a professiona web UI kit with 1000+ elements, 160+ premade components to put together streamlined, simple & clean designs easily Every asset is delivered in Sketch & PSD file formats and the UI kit features premade 13 popular categories such as headers/footers, portfolio, pricing tables & more as well as 5 sample pages that you can start using right away, or create a new design easily using the premade components Regularly this UI kit would be priced $112, however with this limited time offer get this web UI design pack for just $14! You Will Receive: 160+ Components 1000+ Elements PSD & Sketch Files Well Organized Free Fonts Five Samples Free CO0 Images Bootrstrap Grid System Pixel Perfect Commercial use license Popular Categories: Navigation Footers Headers Features Promo Testimonials Price Tables Forms Team Portfolio Call To Action Blog Samples Check out the Contents! (Back To Top)

HTML Kits

.center { display: block; margin-left: auto; margin-right: auto; } Save time, work faster & create awesome app projects with...

.center { display: block; margin-left: auto; margin-right: auto; } Save time, work faster & create awesome app projects with this App Developer bundle featuring 8 fully developed multipurpose app templates with hundreds of app screens, built with Ionic, Angular & Sass technologies. The bundle delivers every app template with fully developed finished components & layouts, simply connect them over directives and your new app's front-end is done! They all feature a super organized main Sass file with all the variables to apply changes to all of the app's screens at once, Firebase backend to change texts, icons, images in no time without needing to go into the code, and they are also 100% PWA ready to bring the best of both desktop and mobile application experiences to the end users. Regulary this pack would be priced over $300, however with this amazing exclusive deal you can grab these fully developed Ionic App Templates for just $29! You Will Receive: 1040+ app screens (total) 8 fully developed App Templates 10 different color palettes on each template Finished app components & layouts Ionic 5 & Angular 8 technologies Super organized main Sass file Firebase backends Every template is 100% PWA ready Cordova plugins Google maps & analytics integrations Detailed online documentation RTL language support Commercial use Jump to Each App Template Included in this Pack: Koddy Billy Brko Zekky Miki Necco Coppy Letto Take a Look at the Contents! Koddy - Ionic 5/Angular 9 Multipurpose App Template This theme/template is a carefully assembled collection of Ionic 5 components which will help you build modern and beautiful Android and iOS apps. Using these components you can develop numerous differe...

HTML Kits

Supercharge your workflow with this ecommerce-focused HTML UI kit featuring 120+ HTML sections & 300+ UI elements to kickstart pretty much any kind...

Supercharge your workflow with this ecommerce-focused HTML UI kit featuring 120+ HTML sections & 300+ UI elements to kickstart pretty much any kind of ecommerce web project you're planning to work on! Build a professional Bootstrap 5 ecommerce interface just by copy & paste using the huge variety of premade sections, UI elements, example pages & templates included in this deal, all with a modern, high quality design, clean block-based code structure, separate SCSS/CSS files for each section with source files for Figma included. Regularly this product would be priced at $69, however for a limited time you can grab this professional ecommerce design kit for just $29! Check out the live demos here! You Will Receive: 120+ E-commerce html sections 300+ UI elements Based on the new Bootstrap 5 25+ example pages 9 complete example templates Modern, high quality design Fully responsive sections & templates Design source file (figma) Scss and CSS files Rich documentation Email support Commercial use license Check out the live demos here! Sections Included: Content cards - 13 styles, can be used as hero area or product presentation Headers and sliders - 12 styles, can be used as slider, product scroller and hero area Checkout - 14 styles, everything related to checkout page and payment & shipping forms Product grids - 6 unique product grid styles in different structures to represent products Product details - 6 different product details page in different structures and presentations Product filter - 9 different product filter elements in 2 dark and light variations Login - 7 unique style of login forms, in dark/light variations and different structures Registration - 7 unique style of registration/sign up forms, in dark/light variations and different structures Order history - Everything to track and manage order history, and showing its current status/progress Order details - Individual ord...

Related Posts

HTML Kits

It is the first-ever professional open source UI Kit that integrates the latest React with the fifth version of Bootstrap. User interface created t...

It is the first-ever professional open source UI Kit that integrates the latest React with the fifth version of Bootstrap. User interface created to quickly prototype your ideas or build your entire app with our Sass variables and mixins, responsive grid system, extensive pre built components, and powerful plugins. MDB 5 React UI Kit Features: Latest Bootstrap 5 & Material Design 2.0 React 17 500+ material UI components Super simple, 1 minute installation Detailed docs & multiple practical examples Huge and active community MIT license - free for personal & commercial use Find out more details & key features of this Bootstrap 5 + React & Material Design UI Kit here

HTML Kits

Material Design for Bootstrap is a professional open source toolkit based on Bootstrap 5 for developing Material Design apps with HTML, CSS, and JS...

Material Design for Bootstrap is a professional open source toolkit based on Bootstrap 5 for developing Material Design apps with HTML, CSS, and JS. Use it to quickly prototype your ideas or build your entire app with our Sass variables and mixins, responsive grid system, extensive pre built components, and powerful plugins. Features: 500+ material UI components Super simple, 1 minute installation Detailed docs & multiple practical examples Lots of tutorials Plenty of free templates Plain javascript (but works also with jQuery) Huge and active community MIT license - free for personal & commercial use Find out more details & key features of MDB 5 UI Kit here

HTML Kits

Have a look at this complete landing page theme that makes use of the most recent tools and can give you a professional developer experience. It is...

Have a look at this complete landing page theme that makes use of the most recent tools and can give you a professional developer experience. It is written using Next.js, Tailwind CSS & TypeScript, Eslint, Prettier, PostCSS. Find out more useful react components here. Features: 1. Production-ready 2. Minimal code 3. SEO-friendly 4. MIT License

HTML Kits

Pixel lite is a free version, responsive and modern Bootstrap 4 UI Kit. It includes Gulp and SASS preprocessor that will help you design and build ...

Pixel lite is a free version, responsive and modern Bootstrap 4 UI Kit. It includes Gulp and SASS preprocessor that will help you design and build professional websites. Have a look at this another awesome bootstrap 4 kit here.

HTML Kits

Neumorphism is a User Interface Kit that makes use of the neomorphic design trend that will help you prototype and design beautiful, creative, and ...

Neumorphism is a User Interface Kit that makes use of the neomorphic design trend that will help you prototype and design beautiful, creative, and modern websites. It features over 200 individual components and 5 example pages. Check out more great kits here.

HTML Kits

Treact is a set of modern React UI templates and components built using TailwindCSS which are also lightweight and simple to set up. All components...

Treact is a set of modern React UI templates and components built using TailwindCSS which are also lightweight and simple to set up. All components are modular and fully responsive for great mobile experience as well as big desktop screens. Find out more awesome react utilities here

Related Lists

JavaScript Players
18 items

Diversify the content in your website thanks to these jQuery players that give your projects the possibility to showcase media files.

Javascript Media Players Plugins
23 items

Collection of items made ​​media players Javascript. Widgets are alluding to playback controls nicely detailed, functional and easy to implement in our web based javascripts and frameworks.