Discover the best books websites created by professional designers. Get inspired and start planning your perfect books web design today!

Hey everyone ✌️ I sold this project in December 2021. Check it out at goodbooks.io!

I'm working on himalayas.app and untitledui.com

Follow me on Twitter for updates: twitter.com/jordanphughes

–––

📚 Good Books is a curated collection of book recommendations from some of the most successful, influential and interesting people around the world.

This project started about 6-months ago when I started to keep track of all the books that I wanted to read and who recommended them. I then got (a little) obsessed with the project and ended up accumulating over 15,000 book recommendations from about 1,250 people...

I built Good Books to share these book recommendations with the world, organising them into simple categories and industries so it's easy to find your next read.

Cheers 🙂

Good Books

Good Books 📚

Fun exercise and tribute to the Stripe Press website! I rebuild a small part of this great website in webflow with 100% native interactions, 3D effects and a little bit of depth. And of course a vintage lava lamp effect (!). Basic page load and section anchor menu is also included.

As content I used some vintage comics (offered by Sotheby's in the past) with a fictive brand called "rarebooks".

No time for more at the moment. Let me know if you like it, I might add some more parts and functions... Meanwhile feel free to clone it – maybe nice for an online shop, artist website, portfolio for printed stuff, etc.

Vintage Comics

rarebooks - vintage comics collection

Cloneable of https://howtomakea.site/

***Update June 2022***
Added a very simple fix for chrome that reduces the overall footprint.

Interactive Book

Cloneable Interactive Book

How do you make a website? Learn about site hosting, domain names, search engine optimization, data protection regulation, and the larger internet ecosystem. In this website owner's manual, you will be introduced to the basic building blocks of website making with and without code. Like books, websites can be many things, embracing their potential for creating community, or publishing and protecting your work against the controlling oversight of social media platforms. Meant for designers, independent publishers, and everyone else who has a website and wants to better understand how sites work. Includes useful links and online tools, a robust glossary, checklists to make sure you don’t miss a detail, and stickers! This book is an accessible introduction to building a website with illustrations and diagrams to help visualize technicalities. Embrace the chaos of the early internet and imagine a better worldwide web.

https://howtomakea.site/

this is a site

this is a site: a website owner's manual | Printed Matter Virtual Art Book Fair 2021

Airbnb

Playing around with creating a fold out A5 card on the web. Using mouse movement and absolute positioning with a simple x-axis mouse movement interaction. All images can be found @jacob.robinson.

Fold out test

fold-out-test

Built in Webflow, a scroll controlled interaction. Liked the idea that see an excerpt from a book, you'd have to scroll.

Haven't tried Webflow yet!? Try it here: http://bit.ly/2zey7dS

Books

Book Interaction Experiment

Been thinking about starting a book club, so naturally I built a dope website to showcase the books I've read over the last few years... 

Experimenting with 3D perspectives and some complex interactions here. 

Scroll it, hover it, click it, etc... 

Enjoy...

P.s. All book links are Amazon affiliate links.

Reading List

Raymmar's Reads

Remaking a hotel hero I designed a while ago in Webflow: You can see the original shot here: https://dribbble.com/shots/4819890-Afrika-Lodge

Added some CSS to customize the date picker UI. Feel free to clone and reuse.

Afrikana Lodge

Afrikana — Lodge

This is a mock-up landing page for Kukis who needs an Zoom appointment booking system to cater the inquiries for their services.

This site is made for Manila Webflow's 12th Meetup.

Landing page with a Zoom-Calendly button that pop-ups within the page.
Custom code included within the page settings.

Figma file:
https://www.figma.com/file/AqeHZ7qcRvePLFrLtP7GXQ/Meetup-11.-Paano-Magdisenyo-ng-Websayt?node-id=0%3A1

Figma to Webflow Timelapse
https://www.youtube.com/watch?v=RdfXEPkgSos

Full Figma to Webflow video without commentary:
https://www.youtube.com/watch?v=N_2o8zZa9BM

Feel free to clone!

Kukis

Kukis. Custom Calendly Button On-page Popup

Hey guys,

So this is a blog and magazine site I build for a political blog, the focus was on clean content structure. Hope you like it!

Arthur

The Restless Realist

1-page template to advertise church events. Featuring banners that are in the ratio of a DL flyer, A6 flyer or Instagram. Design your church flyers in these paper sizes and upload them as the website banners as well. There is simple booking form and dialog box for each event.

Webflow Sections

Church Events Template (cloneable)

Meet a new exciting service made in webflow!

About the product: the eScooter booking service will make your electric scooter rental as optimal and suitable as possible for your needs. Different options with pricing, appearance, and functionality are available to suit people's needs.

Webflow effects enhanced the great design and made the service really fantastic!

We used cyclic animation on the main screen. We applied hover with color change for buttons. The product photo is divided into moving blocks. One more exciting decision is an animated path on the map.

 As you scroll,  product parts with descriptions appear. This webflow interaction allows us to see each part of the product in detail, along with an explanation. 

Halo Lab team created the best clonable website looking great on any device.

Check out more webflow inspiration https://webflow.com/halolab

Follow us
https://dribbble.com/halolab
https://www.linkedin.com/company/halolabteam

eScooter booking

eScooter - Rental Service Website

Full design of brand website and booking portal. All website is managed via the Webflow CMS. 

Functionality: 
- Booking Engine
- Custom Filters
- Date Picker

Casas Rurales De Navarra

Rural Airbnb

Hey everyone ✌️

Excited to showcase my first no-code thing.

📚 Best-Books.dev is a curated programming books recommendations from all the programming books list I was able to find on the web.

6 months ago, I wondered what was the most recommended programming books of all-time. So I asked Google about it and compiled all the results in one big list.

I shared the results on Twitter and on my blog and had many people asking me to do this for languages, frameworks, techno.

So I did 😊

And this is how Best-Books.dev was born.

So far I compiled more than 7,000 recommendations from more than 500 lists but I don't plan to stop here.

So, what's next for Best-Books.dev?

📚 Completing 1 recommendation list every week for the next 6 months
📝 Writing other sorts of curated lists
📩 Planning a weekly newsletter with recommendations and new interesting releases

Let me know if you'd love one list in particular in the comments and I'll add it to the list👇

Best Progamming Books

Best-Books.dev

Author Charles Martin is a New York Times Bestselling author of fiction and non-fiction books. Many know Charles from his hit novel, the "The Mountain Between Us," which became a feature film starring OSCAR® winner Kate Winslet and Golden Globe winner Idris Elba.

The website is a redesign from an older ExpressionEngine site.

Typically Charles releases one to two novels each year. To help with the marketing push of his novels, the home page features the latest release using either the book's jacket or a related image. This is then used for the book's landing page, making the website unique depending on what book you are looking at. To date, Charles has released sixteen novels. 

A full case study on this project is available at https://onboardcreative.com/work/author-charles-martin

Charles Martin Books

Author Charles Martin

This is Mason. A template for music schools to clean up their offerings and get booked out.

It features:

✅ Togglable Colour Mode

✅ Two-word heropage animation

✅ Heropage Lead capture booking form

✅ Customizable full width navigation menu

✅ Custom button interactions 

✅ Smooth locomotive scrolling

✅ Fully responsive design across devices

✅ and more…

Mason Studio

Mason Studio - Music School Template

My prototype for a clean and minimal online shop for art editions and artists' books. 

This one is dedicated to the works of Hungarian conceptual artists Géza Perneczky, who created those artworks in the 1970/80s.

The mini slider on the homepage on hover give you a preview of each book, before clicking and go the the details page.

Discover books websites built by the Webflow community

Discover books websites built by the Webflow community