Driftline
Glass music player template.
A landing site for a music player app, in frosted glass over a living colour field. The hero is a working player: switch the record and the whole page (the colour field behind the glass, the cover's glow, the accent on lyrics, equaliser and section labels) fades to that cover's light. Sample brand: Driftline, a player for people who own their music (invented; every artist, album, lyric and price is sample content).
- For
- Music player app landing
- Built with
- HTML, CSS, ES modules, Web Audio, Motion 14.6.0, anime.js 4.5.0 (no build step)
- Pages
- 3 designed pages
- Themes
- Light and dark, following the system, with a switch
Draft listing: this template is finished but still in review before it goes on sale.
Screens from the template
Every page is laid out for a 390 pixel phone as well as for tablet and desktop.
More pages
The 3D moment
A working glass player where every record brings its own light: switch the record and the whole page's colour field, glow and accents fade to its cover, press play and a generated loop drives a live spectrum, a real ten-band equaliser and scroll-timed lyrics.
Pages and stack
Every page below is designed and built, in both themes, at phone, tablet and desktop sizes.
Pages
- Home
- Album
- 404
Stack
- HTML
- CSS
- ES modules
- Web Audio
- Motion 14.6.0
- anime.js 4.5.0 (no build step)
The licence, in short
One purchase covers every site you build. Read the whole licence
You can
- Build as many websites and web apps with it as you like, for yourself or for clients.
- Change anything: code, design, copy, colours and layout.
- Charge clients for the work and hand them the finished site with its source code.
You cannot
- Sell, give away or publish the template itself, changed or not, as a template, theme, starter, kit or design file.
- Use it in a product whose main purpose is letting others build sites, like a site builder or theme marketplace.
