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

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 for Webflow

Cards 2.0 - Framework/UI Kit

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. 🚀

@tycreated | POPPIN' Cloneable CMS Template

POPPIN Cloneable CMS Template

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

1) Custom CSS version
2) 100% Webflow version

Background Noise (CSS)

Background Noise Effect (100% Webflow)

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 :)

Photo Masking

Component → Native Photomasking

Since Starter plan can have up to 2 static pages only. Here is the Free 100 blank pages you can clone without webflow badge. Feel free to clone and enjoy!

Free Many Pages Without Badge

Free 100 Blank Pages

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

Imaginary Shapes - 100 days of illustration

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)

RiseVerse Starter Project

RiseVerse Starter project 🚀 (+ Free 100 Static Page)

Sinan Celik's Workspace

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

Banyo Product Sales Page

banyo-product-sales-page

Memberstack

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

100% built-in Webflow. Hope you enjoy!

Chrome Browser

Interactive Chrome Browser

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

100% built-in Webflow. Hope you enjoy!

Chrome Browser - Dark

Dark Chrome Browser

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

Chrome Browser - Light

Light Chrome Browser

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

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

COMPACTIFIED

Firefox Browser - Dark

Firefox Browser Mockup - Dark

hello, this is han

white-movies

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.

Discover 100 pages websites built by the Webflow community

Discover 100 pages websites built by the Webflow community