Skip to content
fuccura

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

No ratings yet
Loading preview…

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

  1. Install Node.js (the LTS version) if you don’t have it.
  2. Unzip the download and open the folder in a terminal.
  3. Run npm install, then npm run dev. It opens in your browser.
  4. Put your own words in src/content.json and your photos in public/. Colours and fonts are in the README.
  5. Run npm run build and upload the dist folder 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.

More from the gallery

Chat on WhatsApp