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

Jordan Hughes

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 📚

Strike Design Studio

Cloneable of https://howtomakea.site/

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

Cloneable Interactive Book

Patrick Urwyler

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.

rarebooks - vintage comics collection

Jonas Arleth

Use this as a starter Template!

My German Webflow community asked for a way to animate an SVG line while scrolling trough a Website. So I made this longer one pager for it. 

If you don't want the line to be animated, just delete the jQuery code in the page settings. 

I had to work with an aspect ratio on the images in order to maintain lazy loading. Otherwise the line was stretched longer every time an image loaded on the page.

Tutorial: https://youtu.be/aL2rbLnTo_4

Travel Booking One-Pager – free Template

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: a website owner's manual | Printed Matter Virtual Art Book Fair 2021

Bien Studio

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

Pixer Digital

Airbnb

Halo Lab

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 - Rental Service Website

Aaron Grieve

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

Book Interaction Experiment

Johnnie Gómez

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

Raymmar Tirado

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.

Raymmar's Reads

JP Dionisio

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. Custom Calendly Button On-page Popup

Bach Ly

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.

Church Events Template (cloneable)

Arthur James

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

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.

Art Editions Online Shop

Asier

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

Functionality: 
- Booking Engine
- Custom Filters
- Date Picker

Rural Airbnb

Pierre De Wulf

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-Books.dev

BRIX Templates

Looking to boost your hotel or Airbnb bookings? Presenting Rental X, our local hotel Webflow Template designed for hotel owners looking to offer an amazing website experience to their customers and get more bookings.

- - - 

Interested in Rental X - Hotel & Airbnb Webflow Template?

• Check out a live preview here: https://rentaltemplate.webflow.io/

• Purchase it now for $79 on the Webflow Marketplace: https://webflow.com/templates/html/rental-x-hotel-website-template

Looking for an amazing Webflow Template for Real Estate Directory, Real Estate Marketplace, Realtor, Real Estate Agency, Real Estate Listing, Real Estate Portfolio, Real Estate Agent, Property Listings, House Rental.

- - - - 

• BRIX Templates - Looking for another template? Take a look at our collection of premium Webflow Templates on https://brixtemplates.com/

• BRIX Agency - Looking for a hand to design & develop an amazing Webflow website? Get in touch with our amazing team on https://brixagency.com/

Discover books websites built by the Webflow community

Discover books websites built by the Webflow community