Fuccura Studio original · Free · MIT
Liner Notes
Shown as a portfolio for music teachers
A record sleeve: releases as tracklists, credits in small caps, and a spinning vinyl you can actually drag.
Designed by Fuccura Studio
Added 2 October 2026 · 2 downloads
The idea
A record sleeve: releases as tracklists, credits in small caps, and a spinning vinyl you can actually drag.
Inspired by
Record sleeves: tracklists, credits in small caps and the vinyl itself.
What to notice
The vinyl on the page can actually be dragged and spun.
How it was made
Drawn and built by the Fuccura studio as a React component, then tested in the editor, on phones and with reduced motion. Every section reads from one shared content model, so the same words fill any design.
Who it’s for
Musicians, Producers, Composers.
Two ways to use it
Free · you edit the code
Download and set it up
- Install Node.js (the LTS version) if you don’t have it.
- Unzip the download and open the folder in a terminal.
- Run
npm install, thennpm run dev. It opens in your browser. - Put your own words in
src/content.jsonand your photos inpublic/. Colours and fonts are in the README. - Run
npm run buildand upload thedistfolder to any static host (Netlify, Cloudflare Pages, GitHub Pages).
No code · free to start
Let Fuccura handle it
- Click any text or photo to change it, no code at all
- A free address, or your own domain with Pro
- Hosting, speed and security looked after
- A blog, and the Investigator to keep it up to date
- Switch to another design any time, keeping your words
Made for these jobs
Open Liner Notes with sample content written for your job title.
Questions about Liner Notes
- Is the Liner Notes template free?
- Yes. You can download Liner Notes free (MIT licence) and host it yourself, or customise it in Fuccura and publish it free at a Fuccura address. Your own domain comes with Pro, from AED 35 a month.
- Who is Liner Notes for?
- Musicians, Producers, Composers.
- Can I use Liner Notes without coding?
- Yes. In the Fuccura editor you click any text or photo on Liner Notes to change it, import your CV or LinkedIn, and publish in a few minutes. No code is needed.
- Does Liner Notes work on phones?
- Yes. Liner Notes adapts to any screen size and was tested on phones, tablets and desktops, and with reduced motion.
- Can I change the colours and fonts of Liner Notes?
- It comes with 3 colour schemes (Black vinyl, Paper sleeve, Tide). Font pairings: Syne + Grotesk, Instrument Serif + Grotesk. You switch them in the editor's Design panel.
- Can I switch from Liner Notes to another template later?
- Yes. Your content is kept separately from the design, so you can move to any other Fuccura template without retyping anything.


