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

Padooie

padooie

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

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

A digital reference to the mental models listed in the book, Super Thinking.

Super Thinking

superthinking

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

A store for the illustrated picture book, "Big Data Girl". It's a fun little book all about how big data works and how it affects us each day. It's written in an accessible style with great illustrations so that anyone can get an understanding of this powerful force that continues to shape our world and especially our future.

Big Data Girl Store

Big Data Girl Book Store

BuildBites

Hey there 👋

We made an engaging, easy-to-customize, super-cool and modern book template that u can use for your projects!

The template contains a single book with five easily customizable pages that could be flipped by click interaction.

How to use:
You only need to update the designs of the cover and every page.
Every page has a "front" and "back";

Tag @BuildBites in Twitter and share what u have built using this template.

P.s. Need a website? Drop us a line at hi@buildbites.com.
We provide an unlimited Webflow development for a flat monthly fee!

Enjoy!

Book Flip

Book with pages flipping interaction

Finsweet

Client-first Live build 1 is the Google Chromebook homepage. This is a learning resource released alongside our Client-first Style System for Webflow, a naming convention for every person, for every project.

The Google Chromebook homepage was built live on YouTube, using the Client-first Webflow Style System. All live stream projects are released as Webflow cloneables to help the community better understand Client-first! 

Disclaimer: Finsweet does not own any assets of this project. Please do not use the assets, designs, and copy for any of your personal & commercial projects. This cloneable project should only be used for Client-first education!

More info: https://www.finsweet.com/client-first/live-build/1

What is Client-first? https://www.finsweet.com/client-first
Full docs: https://www.finsweet.com/client-first/docs/intro

Made with 💪 by Finsweet

Client-first Live Build 1

Client-First Live Build 1 - Free Webflow Resource

A simple exercise from SuperHi
"How to make a 3d book using Three.js that rotates when you scroll down a web page"
https://www.youtube.com/watch?v=cghSq_dlgYU

The 3D book will rotate when you scroll down and up.

I know you can easily do this without coding. The purpose of this project is for me to start on my coding journey as I'm coming from a design background. I hope this would also help others who would like to start to learn about Javascript, particularly WebGL and THREE.js.

So you can expect more stuff like this in the future. haha

This can be done without the CMS. I just used the CMS so it would be easier for you to map out the texture for the different faces of the model.

The book is by Seth Godin, Purple Cow.

Some use cases are for author's websites, book websites, freebie ebooks, and newsletter opt-in pages.

Clone away and enjoy!

3D Book - three.js

Book Rotate on Scroll - Three.js

Role: development
Date: Jul 2019
Design by Orlando Sanchez Lugo ( behance.net/osanchez )

Url: https://www.sensitiveanimals.com

Info:

Website for the presentation of e-book by designer and photographer Orlando Sanchez Lugo. His book is a photographic narrative through Casablanca, Rabat, Fes, Marrakech and Essaouira Morocco.

Sensitive Animals

Due to the COVID time, one of the ways to explore new parts of the world is through your design! So here is my modest template for a travel agency. Fully animated. Enjoy! 

Check out my dribbble page: https://dribbble.com/ivanshdesign
Figma file for it: figma.com/@ionsipilov

Conquer the Jungle

[Free to clone 🤙] Conquer The Jungle | Travel Website | Travel Agency

Working with a creative crew (again in Denver here) on a new E-Book coming out this summer called "It's Creative and Works" - The book is a crowd-created meaning that they are using interviews from others to help power the book. 

If your on a desktop and want to contribute to the book (submit your interview) feel free to submit you and your companies information and take the 10 minute interview questionnaire over at:

http://creativeandworks.com


Happy Friday!

creativeandworks

It's Creative and Works Ebook / Interview Landing

Driven by typography and thought for people that love to read, this page has many hidden surprises without forgetting that the user comes first. I hope you like it.

Elisabeth Leopold

For a writer, curator & dramaturge / With readers in mind.

Explore a simple words-first template (inspired by Google Docs interface) that I am working on as I collect my thoughts around a book I am writing. 

Currently a single page template, but I will eventually wire it up to the CMS to be able to update and publish new content with ease. 

Feel free to clone it and make it your own.

The Creators Lie

Writers Template

Meet Made in Tokyo

meet-made-in-tokyo

Book made with HTML CSS only for CodePenChallenge (week #2). Also has CSS animations on mouse hover

Book project, CSS

book-project-css

Easily create custom book covers using this technique based on the work on Codepen by Lynn Fisher. 

Just copy the custom code, change the photo and add your custom title.

Sign up for the lesson: www.webflowtips.com/b/how-to-create-custom-book-covers

If you have any questions feel free to comment.

P.S 🙂  🙌  - Like or follow if this was useful for you.

19 of 50

Discover book websites built by the Webflow community

Discover book websites built by the Webflow community