Every template on this page was designed and is maintained in-house by uiCookies, so these are our own book-trade layouts rather than a list of links to other studios. There is one for each side of the trade: Folio for an independent bookshop, Byline for a novelist, and Imprint for a small press or literary publisher.
A good book website has to sell a mood as well as a product. Readers want to see the covers, get a feel for the writing and know what to do next, whether that is buying a copy, reserving a seat at a reading or joining a newsletter. A bookshop needs browsing that feels like its shelves, plus the local details: opening hours, events and a book club. An author needs a clear reading order and a press kit that saves journalists an email, and a publisher needs a catalogue that is easy to search and plain rules for submissions.
All three are static HTML, CSS and JavaScript on Bootstrap 5 with vanilla JavaScript and no jQuery, each with a live demo and a direct download. They are free for personal and commercial use, including client work, and attribution is optional but always welcome, so you can keep or remove the footer credit; the full terms are at uicookies.com/license. The book covers in all three demos are designed in HTML and CSS rather than images, so a new title is a text edit. These are not Shopify or WordPress themes, and none of the forms, baskets or checkouts send data or take payments until you connect them to a shop platform, payment provider or form service.
The templates
Folio
Folio is a three-page bookshop template, shown in the demo as the fictional Folio & Fern Booksellers. The home page opens with a staff pick and the current book club read, then runs a scrolling new-releases shelf, genre tiles, staff picks on handwritten-style shelf-talker cards, author events with a seat reservation form, the book club with discussion questions and upcoming picks, a newsletter sign-up and opening hours that highlight today beside an inline SVG street map. A shop page lists 30 books, and a book page shows any title with formats, a details table and reader reviews.
The shop filters by genre, format, price, stock and staff picks, with sort, search and removable filter chips, and a basket drawer keeps items between visits with a free-delivery progress bar. All 30 covers are generated in HTML and CSS from 22 layouts. Built on Bootstrap 5 with vanilla JavaScript and no jQuery.
Byline
Byline gives a novelist an editorial, magazine-style home, shown for the fictional Elena Marsh and her three-book series plus a standalone novel. The home page leads with the latest book, a retailer menu and an excerpt button, then praise quotes, the books row, an about section, tour dates, a newsletter sign-up offering a free short story, and contacts for representation, translation and events. A books page groups titles by series and standalone with reading order, formats and retailer buttons, and a press kit page holds bios, cover and photo assets, fast facts and an interview.
Excerpts open in a reading dialog built on the native dialog element, with reading progress and a larger-text toggle, and tour dates switch between upcoming and past. Short and long bios each have a copy button. The four covers are typographic designs in HTML and CSS. Built on Bootstrap 5 with vanilla JavaScript and no jQuery.
Imprint
Imprint is a four-page site for a small independent publisher or literary press, shown as the fictional Northlight Press. The home page leads with the season's lead title and an extract, then the frontlist, backlist highlights, a series strip, featured authors, news and prizes, a submissions call-out and a newsletter. The catalogue lists 24 titles, the A–Z author directory has jump links and a name filter, and the submissions page sets out reading periods, what the editors look for, reply times, a manuscript form and a rights and translations enquiry form.
The catalogue switches between a grid and a table you can sort by title, author, date or price, with a quick-look dialog for each book. Reading periods show open or closed from today's date, and the submission form applies genre-aware word limits. Covers are drawn in CSS, one colour per series. Built on Bootstrap 5 with vanilla JavaScript and no jQuery.
Compare at a glance
| Template | Best for | Pages | Standout feature |
|---|---|---|---|
| Folio | Independent bookshops selling online | 3 | Filterable shop with a basket that persists |
| Byline | Novelists with a series or backlist | 3 | Excerpt reader and a copyable press kit |
| Imprint | Small presses and literary publishers | 4 | Reading periods that open and close by date |
How to choose
Choose by who is speaking. A bookshop that wants people to browse, reserve event seats and visit in person should start with Folio: the shop, book pages and basket give you the browsing, while opening hours, author events and the book club keep it local. An author, or a publicist building an author page, should start with Byline, which puts the latest book, the reading order, excerpts and a press kit where readers and journalists expect them. A press that publishes several authors and takes submissions fits Imprint, with its catalogue, author directory and reading periods. All three share the same stack, so the choice is about content, not code.
If you searched for a Shopify bookstore theme, these are static HTML templates, not Shopify themes, so they won't install in a Shopify store. Folio's basket works in the browser and remembers items, but its Checkout button is front-end only and takes no payments; to sell for real, connect it to your shop platform or payment provider, or rebuild the design inside one. The same applies to Imprint's submission form and to every newsletter, enquiry and reservation form: each validates in the browser and shows a success message, but sends nothing until it is connected to a form service or backend.
Frequently asked questions
Do I need cover images for my books?
No. The covers in all three templates are built in HTML and CSS. In Folio each book's cover comes from a small setting in the BOOKS array in js/main.js (a layout name, colours and a title style), in Imprint each cover takes its series colour and a data-motif artwork, and in Byline each cover is a few lines of HTML. If you already have finished cover images, Byline notes that you can replace a cover block with an img tag.
Can customers buy books through Folio?
They can browse, filter and fill a basket, which is saved in the browser between visits, but the Checkout button does not take payments on its own. Connect it to your shop platform or payment provider, and point the newsletter and reservation forms at a form service or your own backend.
Can Imprint receive manuscript submissions?
The submission form validates in the browser, including word counts, file type and size, and then shows a success message, but nothing is uploaded. To receive manuscripts, point the form at a form service or your own server script. Reading-period dates are data attributes on each period, so the open and closed labels follow your edits.
Will Byline work for a poet or nonfiction writer?
Yes. It is set up for a novelist with a series, but it is also aimed at debut authors, poets, memoirists and nonfiction writers who need a press kit. Replace the series grouping on the books page with your collections or titles, and keep the bios, asset cards and interview for press.
Can I use these for a real bookshop, author or press site without keeping the credit?
Yes. All three are free for personal and commercial use, including a live shop, author site or client project. Attribution is optional but always welcome, so you can keep, move or remove the footer credit. The full terms are at uicookies.com/license.
Related templates
Free Blog Website Templates · Free E-commerce Website Templates · Free Personal Website Templates · All free HTML website templates
