Discover the best read-more websites created by professional designers. Get inspired and start planning your perfect read-more 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 📚

Please enjoy this super simple, fully responsive Webflow cloneable that instantly calculates the read time of some text/a blog post 🔥

It only required a bit of custom code and the rest is Webflow!

There's also some really cool load animations, interactions as well as a light/dark mode feature!

Feel free to ask any questions below :)

We hope this is useful! Enjoy!

Read Time Calculator

[Cloneable] Read Time Calculator

Refokus

How do you add a Time to Read calculator in Webflow?
Use the Refokus Time to Read tool to calculate the total read time of a text element or rich text element and display the calculated time dynamically within Webflow. 

Refokus Time to read

Time to Read (by Refokus)

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

This is a "Fork" of larshartmann's test (https://webflow.com/website/threejs-bg)
I just cleaned it up, fixed it and removed all the references to his server...
It now uses unpkg's cdn.

READ THIS:
There might be a Webflow bug cloning this project, read my comment down here if your cloned project doesn't work as expected.

Threejs-BackgroundTest

threejs-backgroundtest

A circle scroll progress indicator built entirely in Webflow interactions. No code required! Clone away, hopefully it can be useful to you!

Quick video about the thought process and layout here:

https://youtu.be/kxwkK6juP4E

Circle Progress Indicator

circle-progress-indicator

A blog post item with a cheeky 3D fly out read button

005 CMS Content

005 CMS Content - Blog Post

Pernotes is a platform where people can read the notes of the people they admire about the topics they want.

Pernotes

An infographic / landing page created for #ApexGoldenTicket competition. Read more at https://t.co/5sp6m2qEcL

#ApexGoldenTicket - Landing page

apex-golden-ticket

Peter Dimitrov

Find the best English translations of the most popular classic books.

Read This Translation

Read this translation

An interactive book with pages released every week.
Buy it in print on Amazon. Read the blog at 
SamTheJewishGuy.com
Follow on Twitter and Facebook @ourjewishstory

YourStoryOurSipur

yourstoroursipur

A site selling beauty machines. Very compact info on start page allowes mobile users to easy read the site.

excellent equipment

excellent equipment ab

Ambitious Reader

A glimpse inside the UX world of Jenn Lien. Read her design portfolio & case stories here.

Jenn's UX Design Portfolio

jennlien

Everything about education. Everywhere for everyone.