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

Jan Losert

Cards 2.0 are Symbol based Framework/UI Kit for quick design or wireframe of your next landing page project. 100+ symbols/elements ready for design or hi-fidelity wireframe for any UI/UX designers or developers out there. The main goal of this project is to help you - Webflow users - with creating beautiful landing pages or wireframes within minutes directly in Webflow with ready to be published code. All again with a coded styleguide for all the main typography elements (H1-H6, links, paragraphs etc.) buttons, tags you name it. 

What you get/Package overview:

50 New Cards as Webflow Symbols (in 2 versions Dark and Light = 100+ Symbols)
3 Complete landing pages in 2 versions
Symbols for Hero sections, Features, Testimonials, Pricing, Team, Blog and more.
Ready for all 4 responsive breakpoint 
Cards from v1.0 recreated into a new structure
All cards in Sketch file

Happy Cloning! 🎉

Cards 2.0 - Framework/UI Kit

Ty Hughey

POPPIN is a multi-purpose webflow template that can be transitioned into any kind of agency or studio website. This template has a unique "puzzle" layout and cool wavy interactions.

The template includes 8 static pages and 6 CMS pages. No custom code - 100% made in webflow!

This template pulled together at the last minute and was completed over the past few days. It was a lot of fun to work on - I hope you can use it for some of your projects!

I'm practicing to eventually become a webflow template designer. Let me know what you think of this one!

All of the images are from pexels.com & unsplash.com

I hope you like it! :) 

---------

NEW FREE TEMPLATE: The new EMPATHY cloneable CMS template is published and available for everyone to clone. 🎉 Clone and find it on my profile.

I'm publishing free cloneable templates every two weeks. 🚀

POPPIN Cloneable CMS Template

CJ Hersh

Subtle background noise - There are two pages within this project:

1) Custom CSS version
2) 100% Webflow version

Background Noise Effect (100% Webflow)

Protocore Studio

1. Create a SECTION called foreground, change display to FLEX, center align it, and set its position to ABSOLUTE with a height of 100VH. Give it a COVER → FIXED background. Upload a blurred version of your photo.

2. Drop a DIV called MASK into the SECTION and customize it however you like. Set its position to ABSOLUTE with a Z INDEX of 1. For the zoom effect, simply add a CLICK interaction on the MASK.

3. Drop another DIV within MASK called PHOTO, set its width 100VW and height 100VH. Change its position to ABSOLUTE, give it a COVER → FIXED background, and upload the original image.

4. Add a PAGE TRIGGER interaction, select MOUSE MOVE IN VIEWPORT, and create an animation. Add MOVE interactions in the MOUSE X and Y panels.

MASK - Set X’s position to -50VW at 0% and 50VW at 100%. Set Y’s position to -50VH at 0% and 50VH at 100%.

PHOTO - Set X’s position to 50VW at 0% and -50VW at 100%. Set Y’s position to 50VH at 0% and -50VH at 100%.

That's all folks :)

Component → Native Photomasking

Robin Granqvist

This is a little experimentation page for finishing my 100 day illustration project called Imaginary Shapes.

https://www.instagram.com/imaginaryshapes

It features some AI written background text, given the sentence "The lighthouses has eyes" & the illustration for day 100.

Clone away 🤙

Imaginary Shapes - 100 days of illustration

RiseVerse • Webflow Agency

RiseVerse • Webflow Expert

EN : Since the "Starter" plan is limited to 2 static pages. Here are 100 blank pages that can be cloned for free and without Webflow badge. Feel free to clone them and start creating with Webflow! And by the way, it's Client-First ready!

PS: Follow us to stay up to date on new clonables (many memorable clonables are coming soon)

Webflow Starter project 🚀 (100 Static Pages version)

Sinan Celik's Workspace

Banyo is a one-page website template for your soap etc. products.

banyo-product-sales-page

Duncan Hamra

We created some browser mockups to showcase screenshots of product pages and page designs. 

100% built-in Webflow. Hope you enjoy!

Interactive Chrome Browser

Imaginary Space

At Imaginary Space, we're changing the way people pay for landing pages. Our new subscription-based service is perfect for founders that want to test fast at affordable rates. 

100% bespoke and 100% quality focused. 

Imaginary Space Landing Page

I created some browser mockups to showcase screenshots of product pages and page designs. 

100% built-in Webflow. Hope you enjoy!

Dark Chrome Browser

Light Chrome Browser

Ghost Team

All of the project pages are 100% on our new Ghost Design website http://ghost.agency/ are 100% CMS driven. Each image has six layout options with visibility filters.

Ghost

Lee Fuhr

One-pager with a lot of animations & transitions, including custom lightboxes.

COMPACTIFIED

Firefox Browser Mockup - Dark

Han Le

white-movies

Melanie Lamoureux

This is an a content rich and powerful site that weaves together content pages with related store items, taking full advantage of Webflow's flexible CMS.

It features:
• An integrated FoxyCart store with over 171 supplements, sorted by by product categories
• Nearly 100 pages of rich content organized by condition categories and featuring related supplements
• Integrated search function
• Hidden store items that are only accessible by patients using a password protected patient-only store page 
• Embedded patient assessments that work as lead generators
• Downloadable pdfs with and upload form to submit patient forms
• A contact form

This site was designed taking advantage of Flexbox and looks great on all devices. 

Dr. Hubbard is able to easily add or change her articles and store items and those changes are reflected everywhere that content appears in the site.

Dr. Hubbard's site and integrated e-commerce store

Firefox Browser Mockup - Light

RMv0YJlLOBe7cY7HgZ3Jox34R0Wrk7jLv3DZyBETA7I=

ZC8pa382rux3/Ya5JYmbaiFDJJqVQfa/ZkKRoDwNIOg=

zRYikcIlbF3Un7C26+4VGO/t8jKwNjjuAdQWLlZECTQ=

+j+2BnaQSkzkNe0dpNHl103pbsRtVlBy3Ivqpwb7bho=

/zPeDB00QSmJg02UNPvvY6N+w7bL9XbOTmOZn0UHdA0=

0ACb5hSoxo1svvHlhJqD4sUSDGJ97B1kBGWGGxycXu4=

6s1k2w6SLnWj64d28WQrv9HQMxjAQ6/qFXIbthFaqKc=

9DmxyyZ8FEsc5DSKm/8DpcDu2e/GCLlCF0UJQCEBuSw=

BEaEBzmJ+dCz7bi9Xenx+kQRiui5/usgymUiFzHdUSk=

EA6pIl34ynZu2fCXtDsf5N+8HjgmFW1iWFEJidJmjwE=

JCIMc2jHTforX4kLxzXeocMmrYb+LnAgwZU0w3bCzQY=

JseFDRfctUKg1rAF0E6mL1YOHzQe1gVou75Mw8zcVOY=

LtNTzuGC6a/O4opneIzFRwuxaT7A0jTPzl4xxFVOaJU=

OKA/wpW5U0/bGFF7Bsd9Jpz9vIcGmsLeCg4ac42B+uM=

P7vOA+qkoiRS/9UWXIUHxm+CI0lSj7WY2ZBiK9KyND4=

Pesmw2FSIduSR93sJEVAEAHyJZ4MQP9Pbn1gPgXxcXw=

Qdld2j63j/MIDqhyo7Y3RiOeFhBqJglREH2O+FwXR9I=

Rf1eI8pDEJSkptFB/XWlj0IN7pQXjrNngR5tBDx8ihI=

Sf9qPmyeAJlqj4x6Kz5SNESMv5Qs7ARqsnNruitgYpA=

USOHvTUI3mh2ib/mMwbKTyTADvigSfSmb3MXH/HsN6A=

XGglpWsF+VpgOjXfIqzwrxv0n1E+aPydxJbt23zu0UA=

Zf6XyBzSm/LtmgDvoXinw+Hi6BMMwoaUJHcowJ8ikX0=

eDXaquyPVYoFNZ+HLRFOqPbAk7N1nlRiJhbhe4g83Es=

gok0DFmTbYmfgm71+6/UBa9YMdK9fta9tVCYCvw0mUk=

l+2HpTI8qsEqSoxz6Y8y+po4C4+PakSbBdZ2Wp0L/Zk=

n9lKHF86NGBCOKJ/o3Xl/F++i0ke7eTshw4YJ60x+20=

p8RKstqTUsFv0yM8P1EiWUksDkzfBxAw5OAvX/lo29w=

qriyvYyof2e0nw26zR6JThjy67bKClLhvHTizM7yDcg=

tOlureLazS6/pYwbqdKmud6Bvaf9nA4m71Uoyrhnjxo=

wV9d2LzLij/UwbGC8MXX+RHNBZ5d/rww134rq+krlJQ=

whJ3jNLC0SO8XSaY/XPhiyr+uvZwcHDCMcIF6SZYwb8=

xdTyVT3ZuBSNWCl2NPxJ8eZ0ifhUzatwezSwUElWFy0=

Best 100 Pages Website Examples & Free Designs

Discover 100 pages websites built by the Webflow community

Discover 100 pages websites built by the Webflow community