Blog

screenElements:
Grid List
Top Navigation Bar

pagePatterns:
Blog Page
Newsletter Section

pagePatterns:
Blog Page
Feature Section

screenElements:
Grid List
Top Navigation Bar
Navigation Menu

pagePatterns:
Blog Page
Blog Page
Blog Page
Blog Page
Feature Section
Blog Page
Newsletter Section
Blog Page

pageType: Marketing Marketing Marketing Marketing Marketing Marketing Marketing Marketing

screenKeywords:
webﬂow Blog New Popular Ebooks Videos Newsletter Topics Q
bfl ' '
Webftlow University
Add web animations with After Effects 7 . Freelance web design boot camp A
& Lottie 21 day portfolio course 7
INTERMEDIATE BEGINNER - ADVANCED BEGINNER
-_— - 00— [} Madein Webflow
|webﬂow Blog New Popular Ebooks Videos Newsletter Topics Q
11 engaging web design trends for 2023 _
8 best productivity apps for
INSPIRATION creatives
RESOURCES
5 nonprofit website designs o A e,
for inspiration =/
INSPIRATION ‘ &
How to add Google Forms to your website
RESOURGES November 2022 projects: strong colors, cloneables, and
designs worth exploring
INSPIRATION
[ Made in Webflow
|webﬂow Blog New Popular Ebooks Videos Newsletter Topics Q
New
7 scheduling apps that make
booking clients easier
RESOURCES e
11 engaging web design trends for 2023
8 best productivity apps for
INSPIRATION creatives
RESOURCES
|webﬂow Blog New Popular Ebooks Videos Newsletter Topics Q
's Webflow?
W h at S e OW [ ] TRY IT FOR FREE
N A B
Designer Interactions CMS
The power of CSS, HTML, and JavaScriptin a Build website interactions and animations Define your own content structure, and design
visual canvas. visually. with real data.
& ‘
Ecommerce Editor Hosting
Goodbye templates and code — design your Edit and update site content right on the page. Set up lightning-fast managed hosting in just a
store visually. few clicks.
[ Made in Webflow
|webﬂow Blog New Popular Ebooks Videos Newsletter Topics Q
Subscribe to Webflow |
Get the best, coolest, and latest in design and no-code delivered to your inbox each week.
Email
Enter your email address
You can unsubscribe at any time, no hard feelings. Privacy policy.
° I °
Reading lists
[ Made in Webflow
|webﬂow Blog New Popular Ebooks Videos Newsletter Topics Q
Ebooks
4 . No-code for R
de - Enterprises - The modern
; -~ web design
» A -_— .
| o o — process
3 ’ ke ?
The marketer’s - e
website o TS
' — - *”v**’*"““’f‘”‘w"\
webflow webflow : webflow \ H
The marketer’s website A No-code for enterprises A The no-code revolution A The modern web design A
process
Made in Webflow
|webﬂow Blog New Popular Ebooks Videos Newsletter Topics Q
[ ) [ )

Reading lists

) blog webflow blog

- web

bgraphy

webfiow enterprise s §5%
Freelance A Web typography A Enterprise A SEO A
[ Made in Webflow
|Webﬂow Product v Solutions v Resources A Enterprise Pricing Login Contact sales Get started — it's free
GET STARTED WEBFLOW UNIVERSITY
T Marketplace im Templates W Made in Webflow - Figma to Webflow course
Browse community-created Find website templates for Find and clone inspiring sites - W Learn our design process — all the way
resources business & personal use #MadelnWebflow $ from concept to completion.
%4 Libraries & Hire an expert #® Webflow apps 21-day portfolio course
Build faster with powerful Get professional help with your Extend your site’s functionality
layouts next project with apps Building a business website
Webflow Ecommerce
LEARN
i Visit Webflow University Z
= Blog U Ebooks & Whitepapers © Webflow TV
The latest trends in web design Free content on web design, Stream highly curated and
and no-code freelancing, and more original Webflow content
GET HELP
USER RESOURCES Support
¢/> Developers ax Community Forum
Made in Webflow


About Webflow TV

appName: Webflow

appCategory: Productivity

appTagline: Create a custom website

companyHqRegion: US & Canada

companyStage: Growth Stage

platform: web

pageType: Marketing

hotspotType: Click

screenElements:
Top Navigation Bar
Carousel

hotspotType: Scroll Vertically

screenElements:
Text Field
Text Field

screenElements:
Top Navigation Bar
Carousel
Button
Text Field
Text Field

pagePatterns:
Guides & Tutorials Page
Guides & Tutorials Page
Guides & Tutorials Page
Guides & Tutorials Page

pageType: Marketing Marketing Marketing Marketing

allAppCategories:
Graphics & Design
Productivity

screenKeywords:
Want creative inspiration every week? Get Webflow Inspo /
Browse v Share About webflow TV Login _
W PRESENTS
s\
‘4 /A
4 //ﬂ = b
; ,f" 4 b \ A
webflow Conf L \
A\ Ave F — - 2
A celebration of the makers, creators, and visionaries behind \ i = o » £ !
the world's greatest websites Nov 9-10, 2022 in San Francisco - \\\ % ':\ \ v/ /A
4 T 2
and online. \\ Lol s
\ \¥ o \ D
\\‘
¢
New Browse all & -
|Want creative inspiration every week? Get Webflow Inspo /
Browse v Share About webflow TV Login _
Example Text
Z
Why you think this content works on Webflow TV?
Example Text
Z
Please select the following that apply to you
D I'm a Webflow affiliate D I'm listed on Webflow experts
D I'm a Webflow Customer D I'm a content creator on Youtube
D I'm a freelancer or design agency D I'm using Webflow at the company | work for
I'm not a robot
reCAPTCHA
Privacy - Terms
Apply
|Want creative inspiration every week? Get Webflow Inspo /
Browse v Share About webflow TV Login _
[ J [ J [ J Al
Inspiring stories ) of 4§
t . . t d . . t
Original and highly curated stories of creativity, entrepreneurship, and
designing outside the lines.
Share inspiration
We look for content that is entertaining, inspiring, and storytelling-first — not instructional or educational. It
|Want creative inspiration every week? Get Webflow Inspo /
Browse v Share About webflow TV Login _
Share inspirati
We look for content that is entertaining, inspiring, and storytelling-first — not instructional or educational. It
should be compelling to a diverse community of designers, developers, marketers, and entrepreneurs, while
being original, unique, and personable. We want to hear your voice.
First Name Last Name
Email Address
Video Title Link to Video
Video Title Video Link
Video Description
Example Text
Z
Why you think this content works on Webflow TV?


Feature index

screenElements:
Table of Contents
Tab

pagePatterns:
Features Page
Footer Section
Features Page

screenKeywords:
Webﬂow Product v Solutions v Resources v Enterprise Pricing Login Contact sales
Web design
Motion design CMS (Content management system)
CMS >
Components
Made in Webflow CMS API Create CMS items with Zapier
) The Webflow CMS REST API is open for business! Now you Now you can push content to Webflow CMS from your
Website management . : ] ] . o
can add, update, and delete Items from Collections favorite apps via Zapier — without writing code.
Custom branding programmatically, right from your terminal.
Marketing & SEO
Integrations Dynamic SEO and Open Graph (OG) settings Dynamic content filtering and sorting
Hosting Forget writing meta titles and descriptions for every one of Easily filter dynamic content to display featured content or all
Support your blog posts. With Webflow, you just create a template for  blog posts on a particular topic. Or use sorting to display
your SEO tags to follow, and we'll automatically generate content from a specific date range, by alpha, and more.
search engine-friendly titles, descriptions, and Open Graph
content.
Dynamic content templates Easier collaboration with clients
When you create a Collection, Webflow automatically Add your client as a content editor so they can update text
generates a template page so you can design how that and images while you work on the design.
content displays. Then that template gets applied to every
item in the Collection — letting you create hundreds or even
thousands of pages — at once.
Export CMS content as a CSV Review form submissions in the Editor
Now you can export your CMS Collections as CSVs to move If you have Webflow CMS hosting, you, your clients, and
content between sites or — if you must — between platforms.  other Collaborators can now review incoming submission @ Made in Webfiow
|Webﬂow Product v Solutions v Resources v Enterprise Pricing Login Contact sales
Web design > Web design
Motion design
CMS
Components Build CSS grid-powered layouts visually Add CSS filters to anything
Made in Webflow The power of CSS grid — in a completely visual canvas. Start Create beautiful effects by adding one or more of 8 CSS
building with grid in Webflow today. filters to any element of your Webflow websites inside the
Website management .
Designer.
Custom branding
Marketing & SEO Clean, compliant, exportable code Add any code you need
Integrations Webflow writes clean, W3C compliant, semantic code for Need to do something Webflow doesn't support out of the
Hosting you. Without all the messy inline classes you've come to box? You can easily add custom code for the entire site, a
Support expect from drag-and-drop site builders. You can even export  specific page, or a specific part of a page.
your HTML, CSS, and images in a handy ZIP file you can use
however you like.
Detect repetitive IDs within the elements of your Flexbox
website Webflow gives you a more powerful and intuitive way to build
You can now use the audit panel to detect ID duplications flexible, responsive layouts with CSS3's flexible boxes.
within symbol instances to avoid potential bugs.
Global swatches Over 2,000 web font families
Now you can define key colors as global, so every instance of  Use any font from Google and Typekit’s vast collections, or
that color will update whenever you change it. It’s like just upload any font you own or have the right to use.
Symbols, but for colors.
B A B [ Made in Webflow
Responsive images Responsive by nature
|webflow
Product Company Explore Social
Designer About Marketplace w
CMS Careers WE'RE HIRING Libraries BETA o
Ecommerce Press Apps BETA Y
Interactions Merch store Hire an Expert ﬁ
Memberships BETA Accessibility Statement Templates
SEO Terms of Service Made in Webflow d
Editor Privacy Policy
Logic BETA Cookie Policy Learn
Hosting Cookie preferences University
DevLink BETA Sitemap Blog
Security Customers
Accessibility Become a Partner Ebooks
Feature index Become an Expert Community

Become a Template Designer Developers
Compare Become an affiliate No-Code movement
Webflow vs Wordpress
Webflow vs Squarespace Solutions Get help
|Webﬂow Product v  Solutions v  Resources v  Enterprise Pricing Login

Web design > Web design
Motion design
CMS
Components Build CSS grid-powered layouts visually Add CSS filters to anything
Made in Webflow The power of CSS grid — in a completely visual canvas. Start ~ Create beautiful effects by adding one or more of 8 CSS

) building with grid in Webflow today. filters to any element of your Webflow websites inside the
Website management .

Designer.
Custom branding
Marketing & SEO .
areenne Clean, compliant, exportable code Add any code you need

Integrations Webflow writes clean, W3C compliant, semantic code for Need to do something Webflow doesn't support out of the
Hosting you. Without all the messy inline classes you've come to box? You can easily add custom code for the entire site, a Made in Webflow
o expect from drag-and-drop site builders. You can even export  specific page, or a specific part of a page.


View a dashboard

appName: Zendesk

appCategory: Business

appTagline: Customer service software & sales CRM

companyStage: Public & Mature

pageType: Application

screenPatterns: Dashboard Charts

screenPatterns: Charts Dashboard

screenElements: Tab Tab

screenPatterns: Dashboard Charts Charts Dashboard Dashboard Charts Charts Dashboard

pageType: Application Application Application Application

allAppCategories: CRM Business

screenKeywords:
Share Schedule Clone More 11 days left in trial. Q 88 2
Zendesk Support
Tickets  Efficiency  Assignee activity =~ Agentupdates  Unsolved tickets  Backlog
Time Y  Currently viewing: 12/9/2022 — 1/7/2023
Ticket group Ticket brand Ticket channel Ticket form Submitter role Requester organ...
Created tickets Unsolved tickets Solved tickets One-touch tickets Reopened tickets
3 2 1 0.0% 0.0%
Tickets created by hour Average tickets created by day of week

110% 35

100% 3

90%

80% 25
70%

60% 2
50% 15

40%
30% 1

0,
20% 0.5
10%
0% 0
4 Fri
Tickets created by date
|Share Schedule Clone More 11 days left in trial. Q 88 2
Zendesk Support
Tickets  Efficiency  Assignee activity = Agent updates  Unsolved tickets = Backlog
Ticket group Assignee name Ticket brand Ticket channel Ticket priority Requester organ...
Unsolved tickets New and open tickets Unreplied unsolved tickets Time since update median Tickets age median
2 2 1 2.7 days 2.8 days
Unsolved tickets by status New and open tickets by assignment status
@ New @ Unassigned ...
@ Open @ Assigned un...
50% O o 1(50%) O 1 (50%)
Ticket brand  Ticket channel  Ticket form BRI GG Ticket priority  Ticket type
1 Inenlved tickeate hv calertaed attribhiite (fan 10)
|Share Schedule Clone More 11 days left in trial. Q 88 2
Zendesk Support
Tickets  Efficiency  Assignee activity = Agent updates = Unsolved tickets = Backlog
Time Y  Currently viewing: 12/9/2022 — 1/7/2023
Update agent Update brand Update channel Ticket form Ticket group Requester organ...
Public comments Internal comments Tickets commented Tickets solved Tickets created
Agent comment averages by date
Comments @ Public comments per ticket @ Internal comments per ticket
Comments Average Comments
7
1.4
1.2 6
1 5
0.8 4
0.6 3
0.4 2
0.2 1
0 0
05 Jan 23 06 Jan 23
|Share Schedule Clone More 11 days left in trial. Q 88 2
Zendesk Support
Tickets  Efficiency  Assignee activity =~ Agent updates  Unsolved tickets = Backlog
Ticket group Assignee name Ticket brand Channel Ticket priority Ticket type
Daily historical backlog by status (30 days)
@® New @ Open
2.2
2 2 2
1.8
1.6
1.4
1.2
1 1
0.8
0.6
0.4
0.2
0
5 Jan 23 6 Jan 23 7 Jan 23
Weekly historical backlog by status (12 weeks)
No data available. Check your filters and calculations.


Libraries

pagePatterns:
Misc
Header Section

screenElements:
Grid List
Navigation Menu

pagePatterns:
Misc
Header Section
Misc
Misc

screenKeywords:
webﬂow Product ~ Marketplace ~ Learn Resources ~ Log in Contact sales Get started — it's free
Di libraries f bsit
Build amazing sites faster, with powerful layouts built by top Webflow creators

T o
~ »:,,%%/% O i

o oR N y =4

S Y /- Flow(D

-4
/ -~
- o :%, RN ~ -
ﬁ““‘ ; ’ . o‘ - y © NZ(\S“NM‘ . &
: N =
Our main advantages o Y ® 3 QM
2 AIIey T i
Ul Component Collection y g
_ by Flowbase — ’ - L
§§f§§§;}§mﬂfd = : ‘*‘::;% hitps:/flowbase.co > @ m— . . ‘:“i:dv i - :":m |
- e | ‘i
0 Lynx Library Free @ Alley Component Library Free @ FlowUl Component Library  Free
Maxim White Flowbase Flowbase
Pre-built, fullv responsive components Webflow Librar
|Made 1or peginners . ‘ e - [
iy X | [ checkbox B | . .
) . = \
: AL
e . \emmhe“’“ea&m ‘edicaled(eﬂmn‘; ‘\\ \\\\‘ s
N\ed\ul“mg ,,esh‘*‘a_ - o your comP! \‘ )/ O q
— = - : [ 200+ B el
- A ‘ Jrsweet
53 am Q 26 gm
e Relume Library Lite Free .. Elements Webflow Library  Free @ Accessible Components Free
Relume BRIX Templates Finsweet
PR Y7
Combine K U T 0 P i
Webflow Component Library - =
«
o = ‘ .
o=
tunning : \“"J ’\\)\
- sxanB‘:"":g?::n lﬂ_i & & ® 0@020\9'
(N == s Q X -
4 R
— T S 9&0.90 7
o . . = 2@\-,&; - Q’b'éeg ( -
— : : o A
T el i
— | [ T
oo = 4 o
ﬁ Combine Library Free @ Kiitiip Library Free
Maria Marin Deni Bozo
Want to contribute a library? Join the waitlist
[ Made in Webflow
|+ Spark
Pre-built, fully responsive components Webflow Library
to speed up your workflow.
e 45+ components.
S = . Easy to customize.
. . b S Hit 'm Wil \
¢ Jermey Ema [ e e —] \‘pw ': — :ntzsr;g::‘eslhal |
e = ' B inspire users. -
E——— —— = = B SR
g = £ —
o e - N‘"p from your tools with Btkay Find the perfect plan for you
Nini o 1,500 5 00
T — 40 =@ nNOR AN |~ 50 3% $'5 * s,s .
o Spark Library Free e Flow Elements Library Free @ Conversion Flow Library Free
Spark Flow Ninja Conversion Flow
® Untitled Ul
systemflow
ThG}Ultlmate ‘ Start working 4 -
= . faster today =
Webflow library - . V.
jit— A beautiful, modern, and neutral Webflow library. ; p
-] Ship websites EA
faster \ ?
e Toumen2023 I A ;‘»
€, o 8 ST\
. wfh TGS
Ly 05 Start working
mgh faster today ﬁ
o= . Beautiful analytics to grow smarter — — —rT
PR—— [ Made in Webflow
|Webﬂow Product v Solutions v Resources A Enterprise Pricing Login Contact sales Get started — it's free
GET STARTED WEBFLOW UNIVERSITY
T Marketplace im Templates W Made in Webflow - Figma to Webflow course
Browse community-created Find website templates for Find and clone inspiring sites - W Learn our design process — all the way
resources business & personal use #MadelnWebflow $ from concept to completion.
%4 Libraries & Hire an expert #® Webflow apps 21-day portfolio course
Build faster with powerful Get professional help with your Extend your site’s functionality
layouts next project with apps Building a business website
Webflow Ecommerce
LEARN
i Visit Webflow University Z
= Blog U Ebooks & Whitepapers © Webflow TV
The latest trends in web design Free content on web design, Stream highly curated and
and no-code freelancing, and more original Webflow content
GET HELP
USER RESOURCES Support
¢/> Developers ax Community Forum
Made in Webflow


Interactions

pagePatterns:
Features Page
Content Section

screenElements:
Animation & Video
Navigation Menu
Stacked List
Animation & Video

pagePatterns:
Features Page
Features Page
Features Page
Features Page
Features Page
Features Page
Content Section
Features Page

pageType: Marketing Marketing Marketing Marketing Marketing Marketing Marketing Marketing Marketing

screenKeywords:
Webﬂow Product v  Solutions v  Resources v  Enterprise Pricing Login
* Interactions v
N & Div Block 464
X & Div Block 464
: H1 Heading 2
44 & Div Block 464
4 & Div Block 464
& Div Block 464
T [T st H! Heading 2
5 T HI Heading 2
B ] I I I ot E . 6 | Div Block 464
° to I h -
int ti ' [l |
Live Preview is On
Webflow's interactions and animations tools bring all the power of CSS and T
JavaScript into a completely visual tool, empowering designers to build e
complex, rich animations without even thinking about code. Z'ime"'
Keyframe Easing
69 Linear (None)
Move
e
i " .
I N
Made in Webflow
|webﬂow Product v Solutions v Resources v Enterprise Pricing Log in
QU ICkly add preset InteraCtlonS Need to add something simple? Choose from more than 20 prebuilt
interactions and animations and add them to your site with a just a few
clicks.
Entrance Effects Emphasis Effects
Made in Webflow
|webﬂow Product v Solutions v Resources v Enterprise Pricing Login Contact sales
Master Webflow Interactions
Head to Webflow University and get up to speed with the Interactions and
Animations Course.
Gotoclass /
Learn interactions from this page
) Intro to interactions 1:21 ) Horizontal movement on scroll 0 Made in Webflow
|Webﬂow Product v Solutions v Resources v Enterprise Pricing Login Contact sales Get started — it's free
i B ScnN s
= v.},.\ .',{:“/"'/'.}7 s
~ kI,I 58 ,A & > = ‘
] e Gy >
. h I . © Load Actions X é/:"?" , ‘)\
Create rich, multi-step
. . P Image Opacity = ::‘
animations I card perce ;
Creating rich, timeline based animations is as easy as setting up
O card uiimg Rotate
PowerPoint or Keynote animations — but the result is clean, working
code. P Image Opacity
O card panda Rotate
Tutorial: Page load animation ~ 4:56 COLORS OF THE NATURE
O card uiimg Rotate
' ! vliew more
[ Made in Webflow
|webﬂow Product ~ Solutions v Resources v Enterprise Pricing Login Contact sales Get started — it's free
BUILD A WEBSITE - L % '
\ 74 ? \
Ly x\\
B Designer S cMs W Ecommerce - ‘ \\ . 3
Creative control and flexibility Flexible content management Manage stunning online stores
without code | Il Il || I‘ e
\\
. . . A v
4 Interactions & Memberships BETA N \‘ webflow Conf
Craft immersive experiences Curate gated content 7
READY TO GET STARTED?
OPTIMIZE FOR GROWTH
Find a Template
£ Editor & Logic BETA @ SEO
Smooth cross-functional Customize logic-based Fine tuned control, without Get inspired
collaboration workflows engineers
Customer stories
SCALE YOUR BUSINESS
Contact Support
¥ Security & Hosting
Accessibility at Webflow
State of the art web application Fast and reliable hosting
security practices provided by AWS
Made in Webflow
|Webﬂow Product v Solutions v Resources v Enterprise Pricing Login Contact sales Get started — it's free
o
EaSI Iy Create SCrOI I'based Link your animations and motion to scroll progress to achieve effects like
" . t. parallax, precise reveal animations, progress bars, or whatever else you
parallax animations S,
Tutorial: Parallax movement on scroll 3:20
$ Scroll Actions X
P img parallax Move
SPECIAL SALES
B img parallax Move
P img parallax Move
$95
R img parallax Move
$78
B [ Mode n Webfow
|Webﬂow Product v Solutions v Resources v Enterprise Pricing Login Contact sales
Elements a nd triggers @®  Hover over and out a Page starts loading
AN First and second click E Page finishes loading
=" Mouse movement [3] slider panel change
. Scroll progress D Tab panel change
? Scroll into and out of view ~— Dropdown open
T Scroll up and scroll down — Navbar menu open
Effects and controls “p Move ) T et
/' Scale <> Show / hide
O Rotate 0 Loop
D Skew _) Easing
) Opacity @ Duration / delay
/ Background color ﬂ Per breakpoint visibility
/ Border color Ae After Effects & Lottie
[ Made in Webflow
P S T
|Webﬂow Product v Solutions v Resources v Enterprise Pricing Login Contact sales
(] o (]
Learn interactions from this page
Intro to interactions 1:21 Horizontal movement on scroll 2:36
Triggers & animations 4:31 Rotation on mouseover 6:27
Interpolation, easing, & smoothing 2:59 Page load animation 4:56
Parallax movement on scroll 3:10 Reveal elements on scroll 4:38
Scroll progress indicator 2:50 Show & hide elements on click 5:01
Explore other Webflow features
h = L] 4 a
[ Made in Webflow
Designer CMS Ecommerce
|Webﬂow Product v Solutions v Resources v Enterprise Pricing Login Contact sales
After Effects & Lottie
Integ rate After Effects and LOttle Control the playback of After Effects and Lottie animations with Webflow’s
. . interactions triggers — no need to write line after line of complex
animations B
Learn more on Lottie course
”A‘ 0
-
4
[ B
Do o
-
-" Webflow


Become a Webflow Expert

pagePatterns:
CTA Section
Misc

pagePatterns:
Hero Section
Misc

pagePatterns:
Misc
CTA Section
Misc
Misc
Misc
Hero Section
Misc
Misc

pageType: Marketing Marketing Marketing Marketing Marketing Marketing Marketing

screenKeywords:
market customers. enterprise platform.
Partner Commitments +
Certified employees 1 5
Minimum customer projects 3 public customer sites 1+ projects on Webflow Enterprise
Webflow partner page N4 N4
Partner Benefits +
Partner portal N4 N4
Priority partner support N4 N4
Access to exclusive partner updates N4 N4
Webflow Experts listing Professional Partners Directory Enterprise Partners Directory
Partner commissions 20% — Self-serve subscription 10% - Enterprise first year ACV
App|y tobea Your info

[ Made in Webflow

\AlIalhflAawa Evina vt
|market customers. enterprise platform.
Partner Commitments X
Certified employees 1 5
Minimum customer projects 3 public customer sites 1+ projects on Webflow Enterprise
Webflow partner page N4 N4
Partner agreement N4 N4
Webflow Enterprise projects per year 2
Webflow case study Vv
Webflow site review Vv
Webflow marketing activity per year 1
Partner battle card Vv
Workspace plans Freelancer or Agency Workspace Freelancer, Agency, or Enterprise Workspace
Partner Benefits +
[ Made in Webflow
|No-code app creation Ecommerce websites Accessibility
Connect Webflow sites to other no-code tools to create Need a website that sells things? Experts can help with Ensure your site is accessible for everyone visiting your
more than just websites. that, too. domain.
EI_IIII_III- HEE
CY ) g VIDDIUNAIRL
BRAND =
Become an Expert coLor . _——
n N I
¢ 0 2
- . [ | 'p Ay
Learn about our partner program and apply to join our growing or Fu, WM o g
. < Se, 1
network of Webflow-approved freelancers and agencies. < e e - N -
z ) et et e
9 SS,ONaO‘d (\ : V -
¢ v '»9
- 000000 1
Explore Learn & get help Company Social
Dashboard Support About w
Marketplace University Careers o
Designers Courses Sitemap Yy
Blog Become an affiliate 9
[ Made in Webflow
Ebooks -
|Requirements and benefits
There are two categories of Experts: professional partners and enterprise partners. Here are
the requirements to join each program, along with the benefits each offers.
Professional partners Enterprise Partners
Professional partners are freelancers, digital agencies, Enterprise partners are agencies and systems integrators
and consultants who provide services to SMB and mid- who provide services to larger customers on Webflow's
market customers. enterprise platform.
Partner Commitments +
Certified employees 1 5
Minimum customer projects 3 public customer sites 1+ projects on Webflow Enterprise
Webflow partner page N4 N4
Partner Benefits +
Partner portal N4 N4
[ Made in Webflow
|Your info
Apply to be a First name Last name
ebflow Expert First name Last name
Interested in joining our partner
Country Work email
program? Apply today!
Select... v Work email
Company name (optional) Company size
Leave blank if you don't have a company name Select... v
Webflow account owner email What's this?
Account owner email
Portfolio examples
Submit three sites you've built for clients. Please follow these requirements:
¢ Provide the live website URL, not the Webflow preview/read-only link
e Only submit sites that you built using Webflow
¢ These should be original, non-template sites (unless you are using a template which you
have built). If you submit templated sites which are not your own, your application will be
rejected
¢ Your sites will be evaluated according to this grading rubric
Customer Site URL #1
Customer Site URL #2
[ Made in Webflow
Customer Site URL #3
|webﬂow Product ~ Marketplace ~ Learn Resources v Log in Contact sales Get started — it's free
e
DISCOVERY
o MEETING
Become a @ kcre
r ~ 1
I Ewaece Loco | T T [ 1 X}
Webflow Expert oo [
e OW X pe r O aa + FeevBack " v EII—.----..| T
S NN | [
Join the growing network of Webflow Experts — so you can find AR \E ]
. A . = VSN & P —
new clients, get rewarded, and connect with a thriving == 2 = g .~<-
e N o) .
community. 5 S ? -
DYNAMIC ‘ ]
Apply now
Requirements and benefits
There are two categories of Experts: professional partners and enterprise partners. Here are
the requirements to join each program, along with the benefits each offers.
Professional partners Enterprise Partners
Professional partners are freelancers, digital agencies, Enterprise partners are agencies and systems inte [£] Made in Webflow
and consultants who provide services to SMB and mid- who provide services to laraer customers on Webflow's
|Account owner email
Webflow Expert Portfolio examples
Submit three sites you've built for clients. Please follow these requirements:
Interested in joining our partner ¢ Provide the live website URL, not the Webflow preview/read-only link
program? Apply today! ¢ Only submit sites that you built using Webflow
¢ These should be original, non-template sites (unless you are using a template which you
have built). If you submit templated sites which are not your own, your application will be
rejected
¢ Your sites will be evaluated according to this grading rubric
Customer Site URL #1
Customer Site URL #2
Customer Site URL #3
| agree to Webflow's Terms of Service
Submit application
Explore Learn & get help Company Social
Dashboard Support About w
Marketplace University Careers [0 Made in Webflow


Requesting an app

hotspotType: Keyboard Input

screenKeywords:
U ks
. X

Marketplace > Apps «a

Or browse the App Library I : ‘ .

Request received

Thank you for submitting an app request!

Browse App Library

Explore Learn & get help Company Social

Dashboard Support About w

Marketplace University Careers o

Designers Courses Sitemap Yy
Blog Become an affiliate 9
Ebooks
Forum Terms & policies d_
Community Terms of Service
Developers Privacy policy m Made in Webflow
|Annotations + Design Feedback Nocodelytics
by Punchlist by Nocodelytics Ltd
Gather comments and files you need to get your Simple Webflow analytics. Track users and get
projects done. insights that help you grow your business.
Load more
*%» <>
Request an app Want to build your own app?
Don’t see an app you would like to include in your site? Learn best practices for creating apps.
Request an app Read developer docs
Explore Learn & get help Company Social
Dashboard Support About w
Marketplace University Careers o
Designers Courses Sitemap y
Bloa Become an affiliate £
|webﬂow Product ~ Marketplace ~ Learn Resources ~ Log in Contact sales Get started — it's free
Marketplace > Apps X l‘x
equest an app

Or browse the App Library M
Tell us which tools you want to use with Webflow .
App, product, or tool name*

Figma

1|

Link to app website* '

www.figma.com

s . . A\

What specific functionality do you need?

Translate figma wireframes to webflow layouts

A D r
n
[ Made in Webflow

Explore Learn & get help Company Social
|webﬂow Product ~ Marketplace ~ Learn Resources ~ Log in Contact sales Get started — it's free
Marketplace > Apps X l‘x
equest an app
Or browse the App Library M
Tell us which tools you want to use with Webflow .
App, product, or tool name*
A

Link to app website* '

https://...

s . . A\

What specific functionality do you need?

What do you need?

A u r
n
[ Made in Webflow

Explore Learn & get help Company Social


API detail

screenElements:
Button
Tab
Badge
Status Dot

screenElements:
Dropdown Menu
Button
Tab
Badge
Status Dot

pagePatterns:
API Docs & Developers Page
API Docs & Developers Page

screenKeywords:
webﬂow Developers Guides API Resources v Marketplace Login Submit an app Get started — it's free
JUMP TO 3/ . LANGUAGE
Authorized User ,
WEBFLOW DATA API _ 4 ® & i e :
https://api.webflow.com/user shell Node Ruby PHP Python :
Meta
Basic information about the authorized user.
Authorized User AUTHENTICATION
Authorized Info
SITES Accept-Version string 1.0.0 Bearer hello ®
Event The API version
vents Log in to use your APl keys
Sites
RESPONSES
Webhooks NODE-FETCH v
@® 200
o2 INSTALLATION
Request was successful
cMs
$
Events @® 400
Collections Request body was incorrectly formatted. Likely invalid REQUEST
JSON being sent up.
Iltems 9 P 1 = ( );
2
@ 401 3 _ ;
ECOMMERCE Provided access token is invalid or does not have access “5‘ =4
Events to requested resource 6 B4 ] ) :
7 BB
Products & SKUs o :
@® 404 :
Orders Requested resource not found . ot :
10 o ( => res. ()
Inventory 11 . ( = 0 (json))
@ 429 12 o ( => 0 ( + err));
Settings The rate limit of the provided access_token has
- Try It!
been reached. Please have your application respect 2 u Y
MEMBERSHIPS - o .
the X-RateLimit-Remaining header we include on
Events API responses. RESPONSE @ 200 ExawpLe
Users {
® 500 Nocarts
|webﬂow Developers Docs v Resources v  Marketplace Login Submit an app _
Docs
APIs
Changelog t
Build apps and products for a growing .
community of 3.5M Webflow users.
b
N
‘"
|webﬂow Developers Guides API Resources v Marketplace Login Submit an app Get started — it's free

Events @ 401 CURL e
Sites Provided access token is invalid or does not have access

to requested resource REQUEST
Webhooks

1 GET \

@® 404 2 https://api.webflow.com/user \
cMs Requested resource not found 3 ‘accept: application/json'
Events

@ 429 [} Try It!
Collections The rate limit of the provided access_token has
ltems been reached. Please have your application respect 2 RESPONSE @ 200 Exawrie

the X-RateLimit-Remaining header we include on E
ECOMMERCE API responses. "user": {
Events "_id": "545bbecb7bdd6769632504a7",

500 "email": "some@email.com",

Products & SKUs @ "firstName": "Some",

We had a problem with our server. Try again later. "lastName": "One"
Orders ¥

}
Inventory Updated 2 months ago
) (]
Settings
Meta Authorized Info

MEMBERSHIPS
Events
Users Did this page help you? Yes No
|webﬂow Developers Guides API Resources v Marketplace Login Submit an app Get started — it's free
JUMP TO 3/ . LANGUAGE
Authorized User ,
WEBFLOW DATA API _ /4 ® & php a .
https://api.webflow.com/user shell Node Ruby PHP Python :
Meta
Basic information about the authorized user.
Authorized User AUTHENTICATION
Authorized Info
SITES Accept-Version string Bearer ®
E t The API version
vents Log in to use your APl keys
Sites
RESPONSES
Webhooks CURL M
@® 200
o2 REQUEST
Request was successful
cMs
1 GET \
Events @ 400 2 https://api.webflow.com/user \
. . . . B
Collections Request body was incorrectly formatted. Likely invalid
tems JSON being sent up. | Try It!
@ 401
ECOMMERCE Provided access token is invalid or does not have access RESPONSE @200 exawrie
Events to requested resource {
"user": {
Products &SKUs @ 404 "_id": "545bbech7bdd6769632504a7",
ord "email": "some@email.com",
raers Requested resource not found “firstName": "Some",
Inventory "lastName": "One"
@ 429 ¥
Settings fa . ¥
The rate limit of the provided access_token has
been reached. Please have your application respect 2 O
MEMBERSHIPS - o .
the X-RateLimit-Remaining header we include on
Events API responses.
Users
® 500


Careers

pagePatterns:
Careers Page
Hero Section

screenElements:
Button
Top Navigation Bar

screenElements: Card Carousel

pagePatterns:
Careers Page
Content Section

pagePatterns:
Careers Page
CTA Section

screenElements:
Accordion
Card
Button
Top Navigation Bar
Carousel
Card
Carousel

pagePatterns:
Careers Page
Careers Page
Careers Page
Social Proof (Testimonial) Section
Careers Page
Careers Page
Hero Section
Careers Page
CTA Section
Careers Page
Footer Section
Careers Page
Content Section
Careers Page

pageType: Marketing Marketing Marketing Marketing Marketing Marketing Marketing Marketing Marketing Marketing Marketing Marketing

screenKeywords:
webﬂow Careers About Webflow Diversity, Equity & Inclusion

team). human beings. deliver value to our customers.

(] (] (J (J (]
Diversity, equity & inclusion Remote, together
Part of our mission to empower everyone to create for the web is ensuring We're headquartered in San Francisco — but more than half of our team is
that starts with our team. We're committed to building a diverse, equitable, remote, working from places like Australia, Lebanon, Poland, Canada, and
and inclusive workplace that reflects the world we're building for. more. And we work hard to make sure everyone feels involved.

[ Made in Webflow
|webﬂow Careers About Webflow Diversity, Equity & Inclusion
Perks & benefi
er S ene Its Competitive compensation X
As part of our pursuit to lead impactful, fquiIIing Let's face it: In a late capitalism world, getting paid well certainly doesn't hurt.
lives, we take benefits pretty seriously.
- e % i v

Not only do we offer truly fair and competitive U TREUIEITER CEEEE

compensation, but we cover 100% of your

insurance, give you extra money each month to 401K and financial planning v

do more of the things you love, give back 10% of

your time each week, and set you up with the Paid time off N

home office of your dreams.
Annual retreat and offsites v
10% time v
Commuter benefits v
Vacation bonus v
Office setup budget [ Made in Webflow
|webﬂow Careers About Webflow Diversity, Equity & Inclusion
ﬁ Nicole Hopkins
Director of People Operations
It's important to have that feeling of, not only do | feel like | belong,
but I'm learning about something different. Often people perceive
that you can’t have both at once, but creating that sense of
i; David Hoang belonging from a Webflow culture standpoint is something that goes
@davidhoang back to our core behaviours.

When | think about the people | get to work with at @webflow, | truly

believe I'll work with many for the rest of my career. Looking back, — VIERi

you remember the small moments. Where we will end up is unwritten

and I'm simply enjoying the moment.

DEC 2020 VIEW POST —
‘iﬁ Camille Esposito
b @camilleespo
Last week | was a counselor at @webflow's Camp No Code where we
taught kids and teens how to build websites in Webflow! By far one
of the most fun and rewarding days of my profesh life, and feeling so

‘ Current Employee humbled to work with SUCH TALENTED PEOPLE.
More than 1 year
Sometimes | have to pinch myself to make sure I'm not dreaming. . —
Y % % % K 5 out of 5 stars
[ Made in Webflow
|webﬂow Careers About Webflow Diversity, Equity & Inclusion
[ J

Perks & beneflts Competitive compensation v

As part of our pursuit to lead impactful, fulfilling

. . . 100% insurance coverage v

lives, we take benefits pretty seriously.

Not only do we offer truly fair and competitive 401K and financial planning N

compensation, but we cover 100% of your

insurance, give you extra money each month to «

; . Paid time o v

do more of the things you love, give back 10% of .

your time each week, and set you up with the

home office of your dreams. Annual retreat and offsites v
10% time v
Commuter benefits v
Vacation bonus v
Office setup budget v

dei bfl

Health and wellness stipend @ Mace inWebflow
|webﬂow Careers About Webflow Diversity, Equity & Inclusion
B =
At Webflow, we have one mission:
Empower everyone to create roR WEB ‘
for the web — and lead M -
. 0 . . o/o
impactful, fulfilling lives . ROP dl
while we do it. g , I
N Vo
»
Al © -
ca¥ | Tac ‘e\(
VACH | \g We
' prea™ ®
[ Made in Webflow
|webﬂow Careers About Webflow Diversity, Equity & Inclusion
* k% |
3 NS =
e o u “.’4 ‘ 7
_ ) Vs
o ROP \\ ;,J w I t u S o
PROP =
PROP | ‘
= 2
‘@%
‘ Join us from around the world on our mission to
=) reinvent the way people build things online.
E] <[>
-
o —— p—
. I
. A
. —
[ Made in Webflow
|webﬂow Careers About Webflow Diversity, Equity & Inclusion
An interview with 4 Webflow managers Transitioning into tech Building a hospitable atmosphere in the Webfl
remote interview experience
Read more —> Read more —> Read more —> Read m
Joinus —
webflow
|webﬂow Careers About Webflow Diversity, Equity & Inclusion
Core values behaviors
We see every day as an opportunity to turn values into action
through our 4 core behaviors. <
(] (]
Getitdone, doit , , ,
right Practice candor Dream big, ship
(]
5t with care often
In parallel with our mission, we aim to deliver
quality results (that empower our customers We aspire to courageously engage in honest We chase the most ambitious and innovative
in to build for the web) and do it the right way and clear communication - with care, ideas to advance our mission, in ways that
(in sustainable and fulfilling ways for our empathy, and respect for each other as encourage experimentation and regularly
team). human beings. deliver value to our customers.
[ Made in Webflow
|webﬂow Careers About Webflow Diversity, Equity & Inclusion
Recent recognition
weh-iascH builtin g, £9% &
KL TOP <D e W /%
CAREER' ﬁl'f""\ ‘., h?\ $ :’, /”‘
LAUNCHING g & %0 S 2 BEST PLACES
ves o R L8 2. Yelale)
Bt B ecd ENTERPRISE $ 0% TO WORK 202
[ J
Perks & beneflts Competitive compensation v
As part of our pursuit to lead impactful, fulfilling
. . . 100% insurance coverage v
lives, we take benefits pretty seriously.
[ Made in Webflow
|webflow
Product Company Explore Social
Designer About Marketplace w
CMS Careers WE'RE HIRING Libraries BETA o
Ecommerce Press Apps BETA Y
Interactions Merch store Hire an Expert ﬁ
Memberships BETA Accessibility Statement Templates
SEO Terms of Service Made in Webflow d
Editor Privacy Policy
Logic BETA Cookie Policy Learn
Hosting Cookie preferences University
DevLink BETA Sitemap Blog
Security Customers
Accessibility Become a Partner Ebooks
Feature index Become an Expert Community

Become a Template Designer Developers
Compare Become an affiliate No-Code movement
Webflow vs Wordpress
Webflow vs Squarespace Solutions Get help
|webﬂow Careers About Webflow Diversity, Equity & Inclusion

your uimne edcCil week, dia setL you up witn e e T S =

home office of your dreams.

the team — -

e A=
(L
AR
- == |
An interview with 4 Webflow managers Transitioning into tech Building a hospitable atmosphere in the Webfl
remote interview experience
Read more —> Read more —> Read more —> Read m
|webﬂow Careers About Webflow Diversity, Equity & Inclusion
Core values behaviors
We see every day as an opportunity to turn values into action
through our 4 core behaviors. <
Getitdone, doit ,
right Practice candor D
Earn customer trust with care (0
In parallel with our mission, we aim to deliver
We aspire to understand the needs of our quality results (that empower our customers We aspire to courageously engage in honest We
customers and teammates — and to build in to build for the web) and do it the right way and clear communication - with care, ide
partnership with them with transparency, (in sustainable and fulfilling ways for our empathy, and respect for each other as enc
inclusivity, and respect. team). human beings. del
[ Made in Webflow


Members

screenElements:
Text Field
Button
Tab

screenElements: Avatar Banner Tab

screenElements:
Avatar
Banner
Tab
Text Field
Button
Tab

screenPatterns:
Settings & Preferences
Settings & Preferences

pageType: Application Application

screenKeywords:
webflow Dashboard Marketplace v Learn Resources v Iy J9 Account v
Sites  Membership site YL @ ® X [ Share A Publish v
General Members Publishing Plans & Billing SEO  Forms Libraries Fonts Backups Integrations Custom Code
Site Access
Manage site roles. Invite new members in Workspace settings.
Workspace member Site role
Jane Smith . .
jane.smith.mobbin@gmail.com (you) Site admin a
Content Editors
Invite clients to manage their site with the Webflow Editor. You can prevent content editors from publishing by changing their role.
| 0 Upgrade this project to a CMS or Business plan to add content editors. Upgrade.
Editor Branding
The Editor features the Webflow logo by default, but you can replace it with your logo or your clients.
| 6 Branding the Editor is not supported for Ecommerce sites.
|webflow Dashboard Marketplace v Learn Resources v Iy J9 Account v
Sites  Membership site YL @ ® X [ Share A Publish v
General Members Publishing Plans & Billing SEO Forms Libraries Fonts Backups Integrations Custom Code
General Settings
Name
Membership sit This is the site's title within Webflow. You can
embership site update what visitors see in search results in
each page's settings in the Designer.
Subdomain
L Must be alphanumeric (A-Z, 0-9) with dashes
membership-site-8c27e8 @ between words. Last published 7 minutes ago.
Folder
Sites can be moved into and out of folders here.
Drafts v
Icons
Favicon:
& Upload
(2]
Upload a 32 x 32 pixel ICO, PNG, GIF, or JPG to display in
browser tabs.
Webclip:
I ) & Upload


CMS

screenElements:
Navigation Menu
Icon
Card

pagePatterns:
Features Page
Features Page
Features Page
Features Page
Features Page
Features Page

screenKeywords:
Webﬂow Product v Solutions v Resources v Enterprise Pricing Login Contact sales
Not a developer?
* . .

zapier w Send dynamic email
Connect your site to over 750 third-party ' Populate and send emails with form and CMS data.
services with Zapier — without coding

w Publish content pulled from forms

Feed form data directly into your CMS to surface user-generated
e content.
+ 750 more apps
|webﬂow Product ~ Solutions v Resources v Enterprise Pricing Login Contact sales Get started — it's free
BUILD A WEBSITE - L % '
\ 74 ? \
Ly x\\
B Designer S cMs W Ecommerce - ‘ \\ . 3
Creative control and flexibility Flexible content management Manage stunning online stores
without code | Il Il || I‘ e
\\
. . . A v
4 Interactions & Memberships BETA N \‘ webflow Conf
Craft immersive experiences Curate gated content 7
READY TO GET STARTED?
OPTIMIZE FOR GROWTH
Find a Template
£ Editor & Logic BETA @ SEO
Smooth cross-functional Customize logic-based Fine tuned control, without Get inspired
collaboration workflows engineers
Customer stories
SCALE YOUR BUSINESS
Contact Support
¥ Security & Hosting
Accessibility at Webflow
State of the art web application Fast and reliable hosting
security practices provided by AWS
Made in Webflow
|Webﬂow Product v Solutions v Resources v Enterprise Pricing Login Contact sales
@\‘:3
management, meet I H
[ J [ J
visual design
Ego Kill Talent Sign With BMG
Create the content structures you need, add content (by hand, from a CSV, or Ahead of Sophomore Album
via our API), then design it visually. Finally, a content management system that Release
works for editors, designers, and developers.
Get started — it's free
webf | | Collections
[ Made in Webflow
|Webﬂow Product v Solutions v Resources v Enterprise Pricing Log in
[J (]
Work dlreCtly Wlth the JSON Work with Webflow’s CMS API to bring content in from external data
underlying your CMS sources, connect an existing CMS, or publish to a mobile app.
Read the documentation
shell
CURL request:
curl https://api.webflow.com/collections/b8b745/items/c9b8b754 \
-H "Authorization: Bearer d59f6812bb0d77f23417b32" \
-H 'accept-version: 1.0.0'
JSON response:
"item": [
{
"post-name": "5 Principles Of Effective Web Design", Made in Webflow
|webﬂow Product v Solutions v Resources v Enterprise Pricing Log in
"url": "https://assets-global.website-files.com/59b8b744/588b74d_1477010-image3.ipg"
LY ) €
Q Ju— \
Migrations made easy Set your content free Connect an existing CMS
Import content from an existing database. Export content as JSON for use in other apps. Integrate other data sources with Webflow.
A "
A ]|
Custom webhooks Integrate with mobile
Create custom webhooks to fire actions when Have a mobile app? Pull CMS data into your
items are added, updated, or deleted. native experience.
|webﬂow Product v Solutions v Resources v Enterprise Pricing Log in
underlying your CMS sources, connect an existing CMS, or publish to a mobile app.
Read the documentation
shell
CURL request:
curl https://api.webflow.com/collections/b8b745/items/c9b8b754 \
-H "Authorization: Bearer d59f6812bb0d77f23417b32" \
-H 'accept-version: 1.0.0'
JSON response:
"item": [
{
"post-name": "5 Principles Of Effective Web Design",
"post-body": "
Earum laboriosam ab velit.

Et aliquam fuga corporis sit assumenda culpa minima nostrum. Rerum
corrupti cum quod laborum a. Non voluptatum ipsam ut et nostrum. Omnis deleniti hic est velit nemo et.
...
Iusto
accusamus quia nisi rerum reiciendis minus quam debitis. Sit illo eos qui. Nisi et autem sequi.
",

"post-summary": "Quo eligendi nihil quia voluptas qui. Non distinctio voluptatu",
"thumbnail-image": {
"fileId": "580e63ff8c9a982ac9b8b74d",
Made in Webflow
y = ~ -
|webﬂow Product v Solutions v Resources v Enterprise Pricing Log in
underlying your CMS sources, connect an existing CMS, or publish to a mobile app.
Read the documentation
javascript
JS request:
const webflow = new Webflow({ token: api_token }); // Promise const item = webflow.item({ collectionId:
'580e63fc8c9a982ac9b8b745', itemId: '580€64008c9a982ac9b8b754"' }); item.then(i => console.log(i));
JSON response:
"item": [
{

"post-name": "5 Principles Of Effective Web Design",

"post-body": "
Earum laboriosam ab velit.

Et aliquam fuga corporis sit assumenda culpa minima nostrum. Rerum
corrupti cum quod laborum a. Non voluptatum ipsam ut et nostrum. Omnis deleniti hic est velit nemo et.
...
Iusto
accusamus quia nisi rerum reiciendis minus quam debitis. Sit illo eos qui. Nisi et autem sequi.
",

"post-summary": "Quo eligendi nihil quia voluptas qui. Non distinctio voluptatu",

"thumbnail-image": {

"fileId": "580e63ff8c9a982ac9b8b74d",
"url": "https://assets-global.website-files.com/59b8b744/588b74d_1477010-image3.ipg"
Made in Webflow
y = ~ -
|Webﬂow Product v Solutions v Resources v Enterprise Pricing Login Contact sales
Not a developer?
Manage content from Google Sheets
* w
Zap]er Import from Google Sheets — or create a new entry each time you
N publish a post.
: o =
COI’II’IeCt yéur Slte. to oveI 750 thIrd'party Export all your content to a Google Sheet.
services with Zapier — without coding
w Automate your social media
Automate social media by posting an update when you publish new
content.
w Send dynamic email


Switching views

screenElements:
Drawer
Grid List
Search Bar

screenElements:
Stacked List
Drawer
Grid List
Search Bar

pageType: Application Application Application

screenKeywords:
W Page: Home g 992 PX 100 % 0 o o3 (N 4y
. [0 None Selected
ul  Assets X &« All Assets  Select all
—~ Selector
L -‘.'. New Folder & Upload i
og Out Free Sign Up
— Files n faith-yarn-W...unsplash.jpg s shubham-dhag...unsplash.jpg
R dIf10_zCINDgwgPN.json & Membercase Image.svg
. B Al Assets
@ Page Not Found Icon.svg % Lock and Key Icon.svg
— @ Tick Circle Icon.svg ® Email Sent Icon.svg
— By Images
X Faivcon 256.svg X Faivcon 32.svg Spd
o; b
- n Documents e Memberbase White Logo.svg "w Design Resources Home.svg
- Memberbase Logo-1.svg 9P Twitter - Negative.svg Select an element on the canvas
e . to activate this panel.
Y Lottie Instagram - Negative.svg ﬁ Facebook - Negative.svg
a : . .
m LinkedIn - Negative.svg ArrowRight.svg
Folders
a CaretRight.svg Q MagnifyingGlass Grey.svg
afl Icons Exit.svg MagnifyingGlass.svg P
.7 609acc78e8f5...8Eaa5cyQ.png Menu Icon.svg / @ ///
Euid
={OP—)
[
P
|W Page: Home g 992 PX 100 % 0 o o3 (N 4y
. [0 None Selected
ad  Assets X &« All Assets  Select all
Selector
N~ -
L i, New Folder & Upload i
og Out Free Sign Up
= Files faith-yarn-W...unsplash.jpg 20, shubham-dhag...unsplash.jpg
3314 x 4973 « 728.8 kB 2 902.3 kB
A
. B, Al Assets I dIf10_zCINDGwqPN json @ Membercase Image.svg
LSl 250k 1000 x 756 « 4.1 kB
-
=
By Images @ Page Not Found Icon.svg % Lock and Key Icon.svg
84 x70 » 5.8 kB 65x 70 « 5.2 kB b
2 »
B Documents g Tick Circle Icon.svg g Email Sent Icon.svg
- 63x63+36kB 63x63+19kB Select an element on the canvas
e . _ to activate this panel.
}V* Lottie x Faivcon 256.svg X Faivcon 32.svg
T‘E 11 kB 11 kB
Folders . q
a X Membere Memberbase White Logo.svg [ Design Resources Home.svg
473 x79 « 15.3 kB » 201x 198 « 2.8 kB
ol Icons Vi
Memberbase Logo-1.svg Twitter - Negative.svg /// _
525 x 88 « 151 kB 48 x 48 + 1.3 kB i
Euid
Instagram - Negative.svg Facebook - Negative.svg @ JI
@ 48 x 48 « 2.9 kB 48 x 48 « 473 B — J——\
LinkedIn - Negative.svg ArrowRight.svg
48 x 48 « 847 B 26x 32+ 4388
CaretRight.svg Q MagnifyingGlass Grey.svg
16 x 32 « 336 B 32x32+4418B
Exit.svg MagnifyingGlass.svg
32x32+3398 80 x 80 « 467 B
. 609acc78e8f5...8Eaa5cyQ.png Menu Icon.svg
898 x 621 « 46.7 kB 57 x 42 « 336 B
[
P
|W Page: Home g 992 PX 100 % 0 o o3 (N 4y
N Selected
Assets x &« All Assets [ Select al o None Sefecte
Selector
N -
L i, New Folder & Upload i
og Out Free Sign Up
= i p—
- Files ""‘O g
A ’N . ‘@;'
. B, Al Assets Ty M
-
- 2 Images fait...h.jpg shub...h.jpg dIf1....json Memb...e.svg Page...n.svg Lock...n.svg
% »
Documents
L a 8 b ¢ X Memberbase v
'h ‘ Select an element on the canvas
e . to activate this panel.
Y Lottie
T‘E Tick...n.svg Emai...n.svg Faiv...6.svg Faiv...2.svg Memb...0.svg Desi...e.svg
Folders
- Y f Blin 72
| @ / —
oy
) ) Euid
Memb...1.svg Twit...e.svg Inst...e.svg Face...e.svg Link...e.svg Arro...t.svg j
- J—_\ 4
Care...t.svg Magn...y.svg Exit.svg Magn...s.svg 609a...Q.png Menu...n.svg
||
P
2 NETEERIAIES © ¢ = = [


Changing Grid color

screenElements:
Toolbar
Color Picker

screenPatterns: Edit Edit

screenKeywords:
2 g
W Page: Home 992 PX 100 % 5
Navigator X1
~ [ Search Banner
.” ~ [ Search Section
v Q Search
= [[] Search Bar
E W Hidden
» [0 Nav Menu
— » [0 Nav CTA Button Cq|
L
» W Menu Button
°®
®m® v [] Page Wrapper #° Edit Grid .
T ~ B Section a
Gap 40 PX 40 [
° ~ [ Container
Columns Rows
"‘B ~ =& Hero Grid
+ [ Text Box Direction Row Column
a H1 Heading Dense
P Paragraph
Columns (3) +
O Spacer
e 1fr
W Button
. e 1fr
Outline button
we Lottie Animation il T
~ B Pricing Comparison /= 1fr (O columns auto-generated)
~ [ Container 3 Rows (1) +
L[] e prng wrapger | K Avo
» O Pricing Card A Auto (0 rows auto-generated)
~ [ Pricing Card
Areas +
B Pricing Image
o 3 No Areas
H2 Pricing Title
Pricing Subtitle
Pricing Price
Paragraph Reg
W Button Primary
[ Pricing Divider|
Q v = Pricing Featurg
v = List Item Editing Grid -
. EH g ©
Pricing Fe|
e » = List Item 1 Body [0 Page Wrapper B Pricing Comparison [ Container 3 [ Pricing Wrapper
|g
W Page: Home = 992 PX 100 % o)
Navigator X1
~ [ Search Banner
.” ~ [ Search Section
v Q Search
- [[] Search Bar
E W Hidden
» [0 Nav Menu
— » [0 Nav CTA Button Cq|
L
» W Menu Button
0
®m® v [] Page Wrapper #° Edit Grid
~ B Section
- 40 PX 8 40 PX
° ~ [ Container
'_E ~ a8 Hero Grid
~ [ Text Box Direction Row Column
a H1 Heading Dense
P Paragraph
+
O Spacer
- 1fr
W Button
f e 1fr
Outline button
we Lottie Animation s
~ B Pricing Comparison /= 1fr (O columns auto-generated)
~ [ Container 3 +
~ O Pricing Wrapper T fuie
deiarcngicas A Auto (0 rows auto-generated)
~ [ Pricing Card
Areas +
B Pricing Image
o 3 No Areas
H2 Pricing Title
Pricing Subtitle
Pricing Price
Paragraph Reg
W Button Primary
[}
[ Pricing Divider|
Q v = Pricing Featurg
v:= List Item Editing Grid Done
= Ef Editing ©)
Pricing Fe|
e » ‘= List Item [ Body [0 Page Wrapper B Pricing Comparison [J Container 3 [ Pricing Wrapper
|g
W Page: Home = 992 PX 100 % 6
Navigator X1
~ [ Search Banner
.” ~ [ Search Section
v Q Search
- [[] Search Bar
E W Hidden
» [0 Nav Menu
— » [0 Nav CTA Button Cq|
L
» W Menu Button
0
=® v [] Page Wrapper 2/ Edit Grid
~ B Section
-h 40 2 E 40 PX
° ~ [ Container
'_E ~ a8 Hero Grid
~ [ Text Box Direction Row Column
ﬁ” H1 Heading Dense
P Paragraph
+
O Spacer
e 1fr
W Button
f e 1fr
Outline button
we Lottie Animation s
~ B Pricing Comparison (= 1fr (O columns auto-generated)
~ [ Container 3 +
~ O Pricing Wrapper T fuie
deiarcngicas A Auto (0 rows auto-generated)
~ [ Pricing Card
Areas +
B Pricing Image
o 3 No Areas
H2 Pricing Title
Pricing Subtitle
Pricing Price
Paragraph Reg
W Button Primary
[}
[ Pricing Divider|
Q v = Pricing Featurg . ‘ .
v:= List Item Editing Grid Done
e B Editing O
Pricing Fe|
e » ‘= List Item [ Body [0 Page Wrapper B Pricing Comparison [J Container 3 [ Pricing Wrapper


Creating a new folder (Pages)

screenElements:
Stacked List
Search Bar

screenKeywords:
W Page: Home g 992 PX 100 % D @ 0 o4 £l P L4
Pages X . b A Webflow membership template for resource websites. ) @il i Sl
»° Edit component
-
] :
Memberbase All Resources  Log Out Free Sign Up
= v Static pages
e "
To change styles,

- R Resources edit the component.
=

R Contact Edit component shortcut:

° Option + Double-click

a R Privacy Policy g
S ccess a library of

M Admin 4 hidden pages y
"B [ ]

T i eelectonpeses eed esignhn resources
a o3 Ebooks Template M —

i
v Userpages best resources and books from around the web, . "\ D /11
R Log in ected and curated for your reading. \(‘\) . . \
N/ - N )
R Sign Up y \ /S
22—
Reset Password

h 5et Access Now Contact Sales

R Update Password _

R Access Denied

R User Account

v Utility pages

R Password

R 404

R Search Results

Recommended

~ Ecommerce pages
O\ No Ecommerce pages
oo‘ Enable Ecommerce for this project and
- the Ecommerce template pages will be
9 generated automatically.

[1 Page Wrapper B Section [ Container 22 Hero Grid [ Text Box @ Outline button
|W Page: Home H 992 PX 100 % o ‘“’ () 24
Pages X . B A Webflow membership template for resource websites. Interactions Clean up
v Element trigger
>
LT .
Memberbase All Resources  Log Out Free Sign Up
= v Static pages
|
H R Home ~ .
Element trigger
- . Resources Select an element on the canvas, then
= click + above to animate the selected
. Contact element when a user interacts with it
(such as on hover or click).
Ll
a R Privacy Policy
v Page trigger
S ccess a library of b
B Admin y
L . v
A Syie e ee de5|gn resources
a B Licenses M\ — Page trigger
i
Click + above to create an animation
R Instructions best resources and books from around the Web' n @ 1/ triggered I})‘;\«aw;Iwa‘ngim the page's
state (such as on load).
R Changelog ected and curated for your reading. @ ‘ @ .}
—S)
R Pricing y
@ Marketing 5et Access Now Contact Sales
v CMS Collection pages
) Ebooks Template
v User pages
R Login
R Sign Up
R Reset Password
R Update Password
Recommended
R Access Denied
Q R User Account
oo v Utility pages
1]
R Password
9 = o plected ® Legacy Interactions
|W Page: Home g 992 PX 100 % 0 o o3 [N} 4
- P 5 Interactions Cleanu
ul  Pages X . B New Folder Settings Close - P
—~ v Element trigger
L]
Parent Folder 5
og Out Free Sign Up
= v Static pages None v k
H R Home ” )
Folder Name Element trigger
- . Resources Marketing Select an element on the canvas, then
= click + above to animate the selected
R Contact element when a user interacts with it
Slug (such as on hover or click).
Ll
a R Privacy Policy
marketing ~ Page trigger
- R Terms & Conditions
° ) membership-site-8c27e8.webflow.io/marketing
B Admin
'_B Restrict Al
estrict Access
R Style Guide ) ) ) v
a Manage who can access this page when it's published.
B Licenses ) — Page trigger
Public Specific members only N>
. Click + above to create an animation
. Instructions | @ /// = triggered by a change in the page's
e ) ) i) state (such as on load).
R Changelog Anyone on the internet can access this page. Mj
— i:ﬁ p
R Pricing ) ; i J—-\
> Add a Site plan to unlock password protection on pages and folders. Add a Site plan
v CMS Collection pages
2\ Ebooks Template
v User pages
R Login
R Sign Up
R Reset Password
R Update Password
R Access Denied
- R User Account
Q v Utility pages
.o R Password
1]
R 404
B Scarch Raciilte
|W Page: Home g 992 PX 100 % o o3 [N} 4
- P 5 Interactions Cleanu
ul  Pages X . B New Folder Settings Close - P
—~ v Element trigger
L]
Parent Folder 5
og Out Free Sign Up
= v Static pages None v k
H R Home ” )
Folder Name Element trigger
- . Resources Untitled Select an element on the canvas, then
= click + above to animate the selected
R Contact element when a user interacts with it
Slug (such as on hover or click).
°®
- R Privacy Policy
untitled ~ Page trigger
- R Terms & Conditions
° ) membership-site-8c27e8.webflow.io/untitled
B Admin
'_B Restrict Al
estrict Access
R Style Guide ) ) ) v
a Manage who can access this page when it's published.
B Licenses ) — Page trigger
Public Specific members only N>
. @ Click + above to create an animation
. Instructions | /// = triggered by a change in the page's
) ) i) state (such as on load).
R Changelog © Anyone on the internet can access this page. pria
={OBN_J)
R Pricing ) ; i J—-\
> Add a Site plan to unlock password protection on pages and folders. Add a Site plan
v CMS Collection pages
2\ Ebooks Template
v User pages
R Login
R Sign Up
R Reset Password
R Update Password
R Access Denied
- R User Account
Q v Utility pages
.o R Password
1]
R 404
B Scarch Raciilte


Searching templates

pagePatterns:
Templates Page
Hero Section

screenElements:
Search Bar
Chip

screenElements:
Search Bar
Chip
Search Bar

screenPatterns: Search Search

screenKeywords:
kleer ‘ |
- - Sl astose
Responsive website templates o
. . = , Nebo is open until 6pm today.
for des‘gners, bus‘nesses, and -” See all our products.
3 Where Can You FindfFree
‘Webflow Resources: ]
personal use == A
Choose from over 1,500 business, portfolio, and blog (i 4
templates you can customize with Webflow's code-free (Y b =y
T W | S AN D =
design tools. . e ’ A
Search all templates (e.g. Business, Portfolio) n == /ﬁ
_ VERA e
Multi Layout Ul Kit Blog Agency Portfolio S cMs _\ % m L S ity
W Ecommerce 22 Memberships - - '\u — w R /r L]
= ﬁ — WHITEISE oo L
-3 T A - '
New WebSite tem plates Browse All Templates —>
[ Made in Webflow
|webﬂow Product ~ Marketplace ~ Learn Resources ~ Log in Contact sales Get started — it's free
Find the best responsive website template for your business, portfolio, and blog. Then
customize your template in Webflow's web design tools without code.
BROWSE BY portsie
B Portfolio Creator. Portfolio X
Hey there! I'm a creative graphic T v Modern, Minimal Portfolio Template Webflow Template & Ul Kit
Popular tags and web designer based in sunny hHHJIHJ \M”Hkh - — s e o o By
San Francisco, CA. o Uit it — o
Category —— f2heme P @
o md:lghta: €
Language v o e S I'm Sam, and | am a
- — = senior industrial designer
Style : ‘
Ima ll'eh Designer
in Kolkata -
ﬂ A A ‘ = Portfoli
e Ready to make s ortfolio
Type - - € MHMHI]S P J
. Wil | B _ m by ,s¢ brix templates
il T 7\
All tags
Portfolio Starter | Free Portfolio Ace | $79 USD Portfolio Creator | $49 USD Portfolio X | $129 USD
Portfolio Portfolio Portfolio Portfolio
f # Foldfolio [ Made in Webflow
& 7 éz; - { ) Portfolio Website Template ~Yo A
|kleer o
Responsive website templates C o
o o ; - Nebo is open until 6pm today.
for deS|g ners' bUSI nesses, and / “ See all our products.
/ ~l an You Fin
d I ~ Webflow Resources: J ) ]
personal use == | g
] | 2 1 :
A Ny 4
Choose from over 1,500 business, portfolio, and blog > . : , i“
templates you can customize with Webflow's code-free ".\_Lfﬁ 2 £
design tools. . - s TR |
’ (' e o m—'_
‘ = ‘ > s Pt 10 Vour nbor
| _- . = 4 :::‘l”u"u“ - : "
_ VERA SN
Multi Layout Ul Kit Blog Agency Portfolio S CcMs m % m ,,Ww é& g ity
W Ecommerce 28 Memberships . v h w '. 7 =
L ﬁ — WNHITEISE ..
£ AT A
New website templates Browse All Templates —>
[ Made in Webflow
|Portfolio Starter | Free Portfolio Ace | $79 USD Portfolio Creator | $49 USD Portfolio X | $129 USD
Portfolio Portfolio Portfolio Portfolio
BROWSE BY - m Foldfolio ou ) N .
; ! Portfolio Website Templa i
¢, IG]V:[‘AL A ortfolio Website Template Creatlve
Popular tags ]: HI o Director +
DESIGNER g et Developer
Category L | Freelance product and packaging design.
5 designer and front-end
Language A | developer. I . = —
Style ' ‘ &‘ - \
: @ small Portfolios i 2 —; ,91%‘4“'?6
ST i { AN IOKYO
Features g J — & =y N Ky
~ 4 ( o on Saf N\
Type - - _
All tags Portfolios | $149 USD Small Portfolios | $24 USD Foldfolio | $49 USD FolioSpec | $49 USD
Portfolio Portfolio Portfolio Portfolio
FOUNDATION® Portfolio Webflow Template
The simple portfolio °
starter template. Helping Cablogs Ellas
John Carter, a product growits revenue } y °
- — O CBEG Schneider
A design studio focused on = (
pushing brands forward . \ designer.
IR ) influencer.
D e eteent b b e actor.
‘_—\"’r = T 11 1 g\r‘;:‘mﬂ?ﬂmﬂH\l\x:psr:;;n:i‘:::\r:g::‘z‘r;mmeslcrn,-avmhcncxv blogger. )
a ‘ ‘ - dj.
, i it —
e s —
Foundation | $49 USD Freelancer X | $79 USD MinimalFolio | $24 USD Modulator | $34 USD
Portfolio Portfolio Portfolio Portfolio
b 18 I W | 2 TN ~ . ~


Unpublishing collection items

screenElements:
Full-Screen Overlay
Stacked List
Button

screenElements: Dialog Button

screenElements:
Dialog
Button
Checkbox
Badge
Dropdown Menu
Full-Screen Overlay
Stacked List
Button

screenPatterns:
Publish
Select
Bookmarks & Collections

pageType: Application Application Application Application Application Application

screenKeywords:
CMS Collections S, 2 Ebooks selected =] Export W Delete _ Cancel
Ebooks - Name Status Created v Modified Published
v Jun 21, 2022 9:32 AM Jun 21, 2022 10:29 AM Jan 6, 2023 10:05 PM
Discover the power of the v Jun 21, 2022 9:32 AM Jun 21, 2022 10:29 AM Jan 6, 2023 10:05 PM
Webflow CMS and
= Collections
Jun 21, 2022 9:32 AM Jun 21, 2022 10:29 AM Jan 6, 2023 10:05 PM
I i gt | Jun 21, 2022 9:32 AM Jun 21, 2022 10:29 AM Jan 6, 2023 10:05 PM
Jun 21, 2022 9:32 AM Jun 21, 2022 10:29 AM Jan 6, 2023 10:05 PM
. -
[}
|w X
CMS Collections S, 2 Ebooks selected = Export @ Delete _ Cancel
LT = Ebooks y = Name Status Created v Modified Published P s
= + Grids & Alignment ® Published Jun 21, 2022 9:32 AM Jun 21,2022 10:29 AM Jan 6, 2023 10:05 PM
X
A
. Discover the PO of the v Remote Work for Design Teams e Published Jun 21, 2022 9:32 AM Jun 21, 2022 10:29 AM Jan 6, 2023 10:05 PM
Webflow CMS and
— Collections
Design Systems in Product Teams ® Published Jun 21, 2022 9:32 AM Jun 21, 2022 10:29 AM Jan 6, 2023 10:05 PM
°®
-|m
All in One Color Handbook ® Published Jun 21, 2022 9:32 AM Jun 21, 2022 10:29 AM Jan 6, 2023 10:05 PM
-
Digital Wellbeing and Support e Published Jun 21, 2022 9:32 AM Jun 21, 2022 10:29 AM Jan 6, 2023 10:05 PM
a
Watch more video tutorials on the
Webflow University.
e
Q Showing 1-5 of 5
|w X
CMS Collections S, Ebooks Y Filter ™ Select... =} Export =t Import & Settings _
]
LT = Ebooks » Name Status Created v Modified Published P s
= Grids & Alignment #' Draft Jun 21, 2022 9:32 AM Jan 9, 2023 4:08 PM
X
A
. Discover the DO of the Remote Work for Design Teams #' Draft Jun 21, 2022 9:32 AM Jan 9, 2023 4:08 PM
Webflow CMS and
= Collections
Design Systems in Product Teams ® Published Jun 21, 2022 9:32 AM Jun 21, 2022 10:29 AM Jan 6, 2023 10:05 PM
°®
-|m
All in One Color Handbook ® Published Jun 21, 2022 9:32 AM Jun 21, 2022 10:29 AM Jan 6, 2023 10:05 PM
-
Digital Wellbeing and Support e Published Jun 21, 2022 9:32 AM Jun 21, 2022 10:29 AM Jan 6, 2023 10:05 PM
a
Watch more video tutorials on the
Webflow University.
e
Q Showing 1-5 of 5
|w X
CMS Collections S, Select Ebooks... Cancel
LT € Ebooks > Name Status Created v Modified Published P s
= Grids & Alignment ® Published Jun 21, 2022 9:32 AM Jun 21, 2022 10:29 AM Jan 6, 2023 10:05 PM
X
A
. Discover the DO of the Remote Work for Design Teams ® Published Jun 21, 2022 9:32 AM Jun 21, 2022 10:29 AM Jan 6, 2023 10:05 PM
Webflow CMS and
= Collections
Design Systems in Product Teams ® Published Jun 21, 2022 9:32 AM Jun 21, 2022 10:29 AM Jan 6, 2023 10:05 PM
°®
-|m
All in One Color Handbook ® Published Jun 21, 2022 9:32 AM Jun 21, 2022 10:29 AM Jan 6, 2023 10:05 PM
-
Digital Wellbeing and Support e Published Jun 21, 2022 9:32 AM Jun 21, 2022 10:29 AM Jan 6, 2023 10:05 PM
a
Watch more video tutorials on the
Webflow University.
e
Q Showing 1-5 of 5
|w X
CMS Collections S, 2 Ebooks selected = Export @ Delete _ Cancel
] o
LT & Ebooks y = Name Status Created v Modified S T P s
= v Grids & Alignment e Published Jun 21, 2022 9:32 AM Jun 21,2022 10:29 Al Publish
H X
i Save as draft
Discover the PO of the v Remote Work for Design Teams e Published Jun 21, 2022 9:32 AM Jun 21, 2022 10:29 Al
Webflow CMS and
= Collections i
Design Systems in Product Teams e Published Jun 21, 2022 9:32 AM Jun 21,2022 10:29 Al Unpublish
;; Archive
All in One Color Handbook ® Published Jun 21, 2022 9:32 AM Jun 21, 2022 10:29 Al
-
Digital Wellbeing and Support e Published Jun 21, 2022 9:32 AM Jun 21, 2022 10:29 AM Jan 6, 2023 10:05 PM
a
Watch more video tutorials on the
Webflow University.
e
Q Showing 1-5 of 5
|w X
CMS Collections S, Ebooks Y Filter ™ Select... =} Export =t Import & Settings _
]
LT = Ebooks » Name Status Created v Modified Published P s
= Grids & Alignment ® Published Jun 21, 2022 9:32 AM Jun 21, 2022 10:29 AM Jan 6, 2023 10:05 PM
X
A
. Discover the DO of the Remote Work for Design Teams ® Published Jun 21, 2022 9:32 AM Jun 21, 2022 10:29 AM Jan 6, 2023 10:05 PM
Webflow CMS and
— Collections
Design Systems in Product Teams ® Published Jun 21, 2022 9:32 AM Jun 21, 2022 10:29 AM Jan 6, 2023 10:05 PM
°®
-
All in One Color Handbook ® Published Jun 21, 2022 9:32 AM Jun 21, 2022 10:29 AM Jan 6, 2023 10:05 PM
-
Digital Wellbeing and Support e Published Jun 21, 2022 9:32 AM Jun 21, 2022 10:29 AM Jan 6, 2023 10:05 PM
a
Watch more video tutorials on the
Webflow University.
e
Q Showing 1-5 of 5


Filtering sites

screenElements:
Search Bar
Switch
Button
Grid List

hotspotType: Hover

screenElements:
Search Bar
Switch
Button
Grid List
Select
Tooltip
Switch

screenPatterns:
Filter & Sort
Filter & Sort

pageType: Marketing Marketing Marketing Marketing Marketing Marketing

screenKeywords:
Q Search
Animation Interactions CMS Ecommerce Portfolio
Popular v Cloneable sites only
V4 V4 V4 y _M™ +»
f ( | \ &L* wie
A ‘ ( \a I -
===t ’ JoiryFrow | Q &
' ! ) .
% e J Who do you appreciate ’ < .
’ this holiday season? | A < | A
We're b e incredible 2 7 ;
customer acl ancements, and
comi ast year. e ’
o~
+ =~ 7
_ ’& %
0 Webflow in 2022 @ 44 6 Jollyflow | 12 Days of Evil Goodies [ ] c byStark — Agency in the heart of the Al... @ 25
Webflow Evil Twins Studio Viktor Stark
. . Design or Improve Assess Your
Dictionary infinite e
for non designers mMmarquee WOUATON SPRNTS
<D
\ \;.“.\?""‘"A'e / - "/"ou:m
|Q Search
All Interactions CMS Ecommerce Portfolio
Cloneable sites only 4+ Showcase your site
Popular
Recent Assess Your
Ecosystem
Most liked pmm e
(=
R ‘ Get Immediate Results Automator
— k 0
e Infinite marquee CSS based (Clon... @55 (®127 B 001 - 100 Days of Webflow Interac... @42 H74 ) Automator Wrapped ‘22 ¥ 62 W141
Marcin Rzymek Bookmark V Diagram
eloyb.design Kabello Studio Serviee Mo we work Projects s Getintouch
- — — - — |
bthe  [onilZ) I B Who the  [nil’] I IS Who the
2 F"i"’" i £+ k? ‘"f"—"i"’ P Helping starups achive online
= 2 - /] = pressence with webflow websites
NFTEARTIST o -~ I e
NG —( O - [
|Q Search
All Interactions CMS Ecommerce Portfolio
Cloneable sites can be copied, modified, and
used for personal or commercial purposes.
Most liked v () Cloneable sites only 4+ Showcase your site
gl I NSIDE. _ viecs  raosccr NRRIER © Rokume =
L o INSIE INNOYATION
3 - Animated Timeline
Made for the Webflow community
Clickto the language . ; T R
: esign i e g—— 4
Break - barrier | | . " s
ers. & E
Mak Webflow sit p—— —~ J -
ot S = \
+ he story of how we got
Py - | - o Commm e i started on Webflow
@ Translate Webflow Website @ 1.2k W56k @ NSIDE Cloneable CMS Template © 11k B7.4k e Relume Timeline Cloneable @ 994 W6.6k
Finsweet Tyler Hughey Relume
GLIDESPEAKERS e et @) P . " — TRICKS =
N @ Secure Mo epumence-buidmettion 0 mEoQeow a i
— . Bl e Smnae Q) (1 @amen Onooin 5 @ 0 0 Baewn B v ons [ oo Bty soun | woton 5 dsens I et 4, 085
,‘ B » | is b BECOMING A
" 74 - WEBFLOW WIZARD
| -4 |
. P 1" . %, A i - K
Sam&n?rm | | L A2 N . ‘I
|Q Search
All Interactions CMS Ecommerce Portfolio
Popular v Cloneable sites only 4+ Showcase your site
Assess Your
|hﬁ hlt e Ecosystem
arguee I f
R . Get Immediate Results Automator
- k ©
e Infinite marquee CSS based (Clon... @55 (®127 B 001 - 100 Days of Webflow Interac... @42 H74 ) Automator Wrapped ‘22 ¥ 62 W141
Marcin Rzymek Bookmark V Diagram
eloyb.design Kabello Studio Serviee Mo we work Projects s Getintouch
bthe  [onilZ) I B Who the  [nil’] I IS Who the
2 F"i"’" i £+ k? ‘"f"—"i"’ S £ k? Helping starups achive online
= 2 - /] - pressence with webflow websites
A R P PN =
NG —( O - [
|Q Search
All Interactions CMS Ecommerce Portfolio
Most liked v Cloneable sites only 4+ Showcase your site
° WE - e NSIDE. . SEAVICES PROJECTS CONTACT
e Insioe mwovation -
Clik to the language ior design
A8 VAIIME Break barrier | g . '
e lgd L U Lz ers. |
N L E
: Mak Webflow si - .
)bl S =
" ‘,'I .
,@{" ’T"' w
il N R ——
p— { s . - 8 oo R K
== - f
@ Jomor Design ¥ 1.3k @ Translate Webflow Website @ 1.2k W56k @ NSIDE Cloneable CMS Template © 11k W7.4k
Jonathan Morin Finsweet Tyler Hughey
© Rolume m GLIDESPEAKERS e a . okalpha Mome Wk Shop  Contact
4 5 e ™ [romeme— -
Animated Timeline : ﬁ :
L » R
Made for the Webflow community i by N u H
Vemlsiosione L. ey.
B —— ! % | W 4
3 EsY R ereok.
k. ,“ p,{‘\t . "
I e SamPnit- |
|Q Search
All Interactions CMS Ecommerce Portfolio
Most liked v () Cloneable sites only
S e NSIOE. _ savices  meosicr| GowTAer © Rolume =
s ad Insioe mwovation -
3 . Animated Timeline
Made for the Webflow community
Clik to the language ior design T R
Break barrier lm - " m——
ers. il 5
b e ah = \
} ) he story of how we got
P e . ) . = e Z@f F | | started on Webflow
@ Translate Webflow Website @ 1.2k W56k @ NSIDE Cloneable CMS Template © 11k B7.4k 0 Relume Timeline Cloneable @ 994 W6.6k
Finsweet Tyler Hughey Relume

GLIDESPEAKERS e a . e [ ——— = e et =
— — o B A S N e L

. , i; —— ST e o‘q BECOMING A

i »_ o e (F
3 ‘4‘7 ] | b RR &, \ . £ Ly r
1\\\\\ PAor 5 o et ke p ~ 1
7 AN Relax. A | s : e 1)
Sam %ﬁ#" Revive. | 7€R geY” = k Al \,!
i i - 2 o 3


CSS Preview

screenElements: Popover Button

screenElements: Popover Button Popover

screenKeywords:
W Page: Home H 992 PX 100 % o o3 [N Ay
H v o . . . en
s gator X1 A Webflow membership template for resource websites. v Lottie Animation Styles
[ CSSPreview BETA X % Create component
-
L . .
— e ; emberbase All Resources  Log Out Free Sign Up Selector
=i grid-column-end: 5 Select a Class or Tag
grid-row-start: 7 .
E grid-row-end: 7
b ~ Grid Child
-
=
Grid child styles aren't saved to the
°® E class so you can alter the placement
- of other elements that share the class.
-h ° f Ok, got it
- I cess a library o R e i
'_B ° Position Auto Manual
=== Tree design resources
E ] i L
| 2> Col R
» B Pricing Comparison n " olumn span oW span
_ The best resources and books from around the web 1 Align x T & T A
» B Section ! g I
» & Call To Action Block collected and curated for your reading. @ | = N wsity % EREIEIEIE
A (@) N =)
» (0 Footer P :
Order X First  Last eoe
Get Access Now Contact Sales ~ Layout
Display O [m] [5] Al #
v Spacing it
MARGIN )
PADDING )
[¢] [¢] [¢] [¢]
[¢]
[¢]
Recommended v Size
Width - Height °
Q Min W PX  MinH PX
oo,
- Max W - MaxH =
9 1 Body [0 Page Wrapper ) B Section [0 Container ) =& Hero Grid we Lottie Animation > -
Overflow () A = Auto
|W Page: Home H 992 PX 100 % o o3 [0 4y
Hel p X A Webflow membership template for resource websites. e ——
Selector
[ Q) Help & Feedback
P Memberbase All Resources  Log Out
= «2s Keyboard Shortcuts
{..} CSS Preview
=
an K3
- H Select an element on the canvas
e . ccess a I ra ry o to activate this panel.
. desi
o ee design resources
W | e
W
best resources and books from around the web, N
ected and curated for your reading. @ | @ ~]
5et Access Now Contact Sales
Recommended
o}
P
9 blected
|W Page: Home g 992 PX 100 % o o3 (N 4y
Navigat pd N N oo
Rl X1 A Webflow membership template for resource websites. O B Els
[ CSSPreview BETA X % Create component
>
o . , N
_»  position: ; emberbase All Resources  Log Out Free Sign Up Selector Inheriting
- I margin-bottom: B B v
padding-top: g -
E padding-right: : 5 on this page, 19 on other pages.
padding-bottom: i
- padding-left: B N« LElEIY
= flex-grow: ; —
flex-shrink: 0 Display O [m] ol (Al #Z
.; flex-basis: 7 i
- border-top-left-radius: ; ~ Spacing K]
border-top-right-radius: B °
- R CeSS A I I b ra ry of maraiN 0
"E . [ [¢] 28 28 [¢]
g 1ree design resources a
a we Lottie Animation - =" A
» B Pricing Comparison n Y @
_ The best resources and books from around the web, 1 - size
» B Section i
» & Call To Action Block collected and curated for your reading. @ | = _ )
@ hY ,} Width - Height =
» ) Footer L S —m—
, Min W PX MinH PX
Get Access Now Contact Sales Max W © MaxH :
Overflow @ % El  Auo
Fit Fill = K0
v Position
Position X Static 5
» Float and clear
v Typography
Recommended
Inter 5
Q Weight 500 - Medium 3
Size 18 PX  Height 1.5 -
P
9 Color . white
B Body O Page Wrapper ) B Section [0 Container ) =& Hero Grid [0 Text Box W Button - — — — =
Alian = h— = —
|W Page: Home H 992 PX 100 % < ‘“’ () &
e gator ¢ 1 A Webflow membership template for resource websites. e ——
[ CSSPreview BETA X
—~ Selector
N
A emberbase All Resources  Log Out Free Sign Up
= »
E »
- 1
Select an element on the canvas to s
;; activate this panel. b
- H Select an element on the canvas
e . c e s s a I ra ry o to activate this panel.
w .
ol -~
o e de5|gn resources
W | e
W
The best resources and books from around the web, @ sy
collected and curated for your reading. @ | @ ~]
Get Access Now Contact Sales
Recommended
o}
P
9 No Element Selected


Joining Library Creator waitlist

screenElements:
Text Field
Select

screenElements:
Text Field
Select
Text Field
Select

pagePatterns:
Misc
Newsletter & Waitlist Page
Newsletter & Waitlist Page
button
Newsletter & Waitlist Page

screenKeywords:
Made 1or peginners . ‘ e - [
iy X | [ checkbox B | . .
) . = \
: AL
e . \emmhe“’“ea&m ‘edicaled(eﬂmn‘; ‘\\ \\\\‘ s
N\ed\ul“mg ,,esh‘*‘a_ - o your comP! \‘ )/ O q
— = - : [ 200+ B el
- A ‘ Jrsweet
53 am Q 26 gm
e Relume Library Lite Free .. Elements Webflow Library  Free @ Accessible Components Free
Relume BRIX Templates Finsweet
PR Y7
Combine K U T 0 P i
Webflow Component Library - =
«
o = ‘ .
o=
tunning : \“"J ’\\)\
- sxanB‘:"":g?::n lﬂ_i & & ® 0@020\9'
(N == s Q X -
4 R
— T S 9&0.90 7
o . . = 2@\-,&; - Q’b'éeg ( -
— : : o A
T el i
— | [ T
oo = 4 o
ﬁ Combine Library Free @ Kiitiip Library Free
Maria Marin Deni Bozo
Want to contribute a library? Join the waitlist
[ Made in Webflow
|Be the first to know when we open the Library Creator ' )k
waitlist in the coming months h e
P N 0ﬁ
Full name* . ‘ ~
Jane Smith ..‘
V
Email address*
jane.smith.mobbin@gmail.com
Name of company* Link to company website* .
ABC Company www.abc.com '
Title* What is your company size*
Manager 51-200 employees v i
Is this about a new or existing partnership?* a
New -
How would you like to partner with Webflow?* { | 4
DAYWORK® -
Hello L
\ [ 4
” <
s
| agree to Webflow’s terms of service 7 W‘!f
fif
y ®e
[ Made in Webflow
|Be the first to know when we open the Library Creator ' )k
waitlist in the coming months h e
P N 0ﬁ
Full name* . ‘ ~
Webster Flaw ..‘
V
Email address*
web.flaw@me.com
Name of company* Link to company website* .
Company name https://... '
Title* What is your company size*
What is your job role? Select one... v i
Is this about a new or existing partnership?* a
Select one... v
How would you like to partner with Webflow?* { | 4
DAYWORK® -
Let us know what you need L
\ [ 4
” <
s
| agree to Webflow’s terms of service ' W‘!f
e
®e
[ Made in Webflow
|webﬂow Product ~ Marketplace ~ Learn Resources ~ Log in Contact sales Get started — it's free
Marketplace > Libraries M a “i @
Join the Librar o

y )’

° ° 1 «
Creator waitlist .:2 ‘E
‘ . B
Request received . E
Thank you for submitting a partnership request! You'll hear back from us soon. ‘ ' @
L«
Browse App Library n ( R
DDAYWORK®
-

Explore Learn & get help Company Social
Dashboard Support About w
Marketplace University Careers o
Designers Courses Sitemap Yy

Blog Become an affiliate 9

Ebooks

Forum Terms & policies [ Made in Webflow

v
|Be the first to know when we open the Library Creator ' )k
waitlist in the coming months h e
P N Oﬁ
Full name* . ‘ ~
Jane Smith ..‘
V
Email address*
jane.smith.mobbin@gmail.com
Name of company* Link to company website* .
ABC Company www.abc.com '
Title* What is your company size*
Manager 51-200 employees v i
Is this about a new or existing partnership?* a
New -
How would you like to partner with Webflow?* { | 4
DAYWORK® -
Let us know what you need L
\ [ 4
” <
s
| agree to Webflow’s terms of service ' W‘!f
e
y ®e
[ Made in Webflow
|Be the first to know when we open the Library Creator ' )k
waitlist in the coming months h e
P N 0ﬁ
Full name* . ‘ ~
Jane Smith ..‘
V
Email address*
jane.smith.mobbin@gmail.com
Name of company* Link to company website* .
ABC Company www.abc.com '
Title* What is your company size*
Manager Select one... v i
Is this about a new or existing partnership?* a
Select one... v
How would you like to partner with Webflow?* { | 4
DAYWORK® -
Let us know what you need L
\ [ 4
” <
s
| agree to Webflow’s terms of service ' W‘!f
e
y ®e
[ Made in Webflow
|webﬂow Product ~ Marketplace ~ Learn Resources ~ Log in Contact sales Get started — it's free
Marketplace > Libraries (’j 1
[ ° Y .,;A,"‘/!;
Xy
oin the Library O
| S\
Creat itlist Q
reator waitlis | s
N [
> )"
Be the first to know when we open the Library Creator
waitlist in the coming months | po %
Full name* ‘
Webster Flaw e e
Email address*
web.flaw@me.com
Name of company* Link to company website* - - 2
Company name https://... . ‘
Title* What is your company size*
What is your job role? Select one... v ene |
<
Is this about a new or existing partnership?* a “ {
o B
Select one... v - 'S‘"
v |
[ Made in Webflow
How would you like to partner with Webflow?* =Y


Updates

screenElements:
Avatar
Dropdown Menu

screenElements:
Stacked List
Badge

screenElements:
Stacked List
Badge
Avatar
Dropdown Menu

screenKeywords:
PO
Webﬂow Dashboard Marketplace ~ Learn Resources v A %) Account ~
w
Updates & Announcements
More control and creative possibilities with variable fonts Beta
Now you can utilize a range of font styles within a single typeface for greater precision over
your site typography. Available in public beta. Learn more...
23 days ago - December 17, 2022 at 12:55am
Control element visibility based on member login status Feature
Membership sites now benefit from the ability to show and hide elements to logged in
members. Available via the Memberships beta. Learn more...
25 days ago - December 15, 2022 at 12:48am
Creator Profiles now include Marketplace Apps Update
Your Creator profile now includes listings for Apps you have published in the Webflow
Marketplace. Learn more...
a month ago - December 7, 2022 at 02:13am
Join your client’s Workspace for free as a guest Feature
Now clients can invite you to join their Workspace for free as a guest if you're on the
Freelancer or Agency plan. Learn more...
2 months ago - November 18, 2022 at 11:01pm
What we announced at Webflow Conf 2022 Blog
Take a look at everything we announced at Webflow Conf 2022 Learn more...
2 months aao - November 10 2022 at 02:51am
|Updates to Webflow’s Terms of Service Update

We've updated our Terms of Service. By continuing to use Webflow, you agree to comply
with these terms. Learn more...

3 months ago - October 15, 2022 at 02:23am

Scale your CMS to 10,000 items — and (way) beyond Feature

Read how we're unlocking a whole new level of scalability on the CMS for Enterprise
customers. Learn more...

3 months ago - October 5, 2022 at 01:54am

Updates to Webflow’s Terms of Service Update

By continuing to use Webflow after October 14, 2022, you'll be agreeing to comply with the
terms. Learn more...

3 months ago - September 27, 2022 at 01:00am

Updates to Webflow'’s pricing and plans Update

We're updating our Site plan pricing to reflect the continued evolution of our platform, and
offering new Workspace plans tailor-made for freelancers and agencies. Learn more...

4 months ago - September 23, 2022 at 02:49am

Updated hosting configuration to support more secure TLS 1.3 Update

We've updated our TLS hosting configuration to support TLS 1.3 — the most secure
encryption protocol for modern browsers. Learn more...

5 months ago - August 17, 2022 at 10:13pm
|N
webflow Dashboard Marketplace v Learn Resources v A %) Account v
T w
A Public Profile
My Workspace v fed Q. Search sites...
#* Profile Settings
My Workspace & Freelancer workspace 1 Workspaces
All sites Tutorials % Date Created v |« Updates
[» Sign Out
iven pn— cum A~Q
a Gnactom s
S s timproreyoi ot
PR et
I Starter site
Drafts
Blog
View site


Logging out

screenElements:
Text Field
Button

screenElements:
Avatar
Dropdown Menu
Text Field
Button

screenKeywords:
N
webflow Dashboard Marketplace v Learn Resources v A %) Account v
T w
A Public Profile
My Workspace v fed Q. Search sites...
#* Profile Settings
My Workspace & Freelancer workspace 1 Workspaces
All sites Tutorials % Date Created v |« Updates
[» Sign Out
iven pn— cum A~Q
a Gnactom s
S s timproreyoi ot
PR et
I Starter site
Drafts
Blog
View site
|webflow
Log Into My Account
& Sign in with Google
or

Email or Username

Password
Don't have an account? Forgot password?

Log in with SSO
™
Privacy - Terms


Resetting password

screenElements:
Text Field
Button
Text Field
Button
Text Field
Button
Text Field
Button

screenPatterns:
Forgot Password
Forgot Password
Forgot Password
Login

screenKeywords:
webflow
Reset your password
Enter your email and we'll send you instructions on how to reset your
password.
Email address
Go back to Login page.
|webflow
Reset your password
Enter your email and we'll send you instructions on how to reset your
password.
jane.smith.mobbin@gmail.com
Go back to Login page.
|webflow

Email

Choose a new password. Make sure it's strong!
New password

o A minimum of 10 characters o At least one number

o At least one lowercase letter o At least one uppercase letter
Confirm password

Know your password? Try logging In.
|We've sent you an email which you can use to change your password. Check your spam folder if you haven't received it after a few minutes.
webflow
Enter your email and we'll send you instructions on how to reset your
password.
jane.smith.mobbin@gmail.com
Go back to Login page.
|webflow
jane.smith.mobbin@gmail.com
Choose a new password. Make sure it's strong!
+ A minimum of 10 characters + At least one number
+ At least one lowercase letter + At least one uppercase letter
Know your password? Try logging In.
|webflow
Log Into My Account
& Sign in with Google
or

Email or Username

Password
Don't have an account? Forgot password?

Log in with SSO
™
Privacy - Terms


Workspace settings

screenKeywords:
Webﬂow Dashboard Marketplace ~ Learn Resources v F 3 J5 Account -~
<« My Workspace Settings
Workspace Members Plans Billing Integrations Templates
Workspace
Workspace hame
My Workspace
You can upload images up to 256x256.
Public Workspace profile
Public profiles create a team page on Made in Webflow.
Off = Your Workspace profile is private.
Delete Workspace
|You can upload images up to 256x256.
Public Workspace profile
Public profiles create a team page on Made in Webflow.
Off  Your Workspace profile is private.
Delete Workspace
Only Workspace owners can request to delete a Workspace. You can't recover a deleted Workspace — once it’s
deleted, it's gone forever. To permanently delete your Workspace, you must first cancel all Site and Workspace
plans connected to your Workspace and then contact customer support.
Explore Learn & get help Company Social
Dashboard Support About w
Marketplace University Careers o
Designers Courses Sitemap y
Blog Become an affiliate (£]
Ebooks
|webflow Dashboard Marketplace v Learn Resources v Iy J9 Account v
My Workspace v fed Q. Search sites...
My Workspace = Freelancer workspace
All sites Tutorials =} Date Created v LY
fvemn 1 writeology X cmm A~ Q Phchorrar
e ﬁ =
- ] -
- e ﬁ?;IQOOd desig
o Y
St o e
oo et <
B Starter site B Starter site
Drafts .
Blog Architecture
View site View site


Users

screenElements:
Drawer
Stacked List

screenPatterns:
Empty State
Misc

screenPatterns:
Empty State
Misc
Progress

screenKeywords:
2 g
W Page: Home 992 PX 100 % 0 o o3 [N} 4
Users BETA X Setup guide X Interactions Clean up
- - - - - v Element trigger
.” messages.
° Setup guide 6 steps left > 5
og Out Free Sign Up
— Design the User Account page Go to User Account page
& User accounts Customize the information you want logged-in users to view and/or edit, k
E by adding custom user fields. .
Element trigger
9
w Access groups . i i
- = Design the Access Denied page Go to Access Denied page Sg\ect o GBS E §i1S CEES, (ISR
= ) click + above to animate the selected
Customize what you want users to see when they reach a page they element when a user interacts with it
don't have access to. (such as on hover or click).
an
~ Page trigger +
- v Configure user accounts
D
& Customize user account information
Decide what information you need from members to start personalizing their experience on your site. v
a ’ ’ Page trigger
Customize your user accounts Go to User Account settings ..r- 9 99
Create custom fields for your user accounts to create rich user profiles @ Click + above to create an animation
d fzc t | /// A triggered by a change in the page's
and personalized pages on your site. : et (G £ @ BEE).
Create accounts to invite new members Go to User Accounts -_ @ A j
Invite someone to create an account on your website. Make sure your
authentication pages are live so recipients can finish the account set-up
process.
v Configure access groups
Set up access groups
Restrict access to certain content on your site to specific users. If you want to sell memberships or
subscriptions, you'll need access groups to grant paid access to customers.
v Customize an access group Go to Access Groups
User groups allow you to restrict content access to specific users when
they're logged in.
¥ Make content restricted access only Add folders and pages
[ .
Choose the content you want to restrict access to.
OPTIONAL Sell access to your restricted content Go to products
e N .
1] To sell access to restricted content, create a membership or subscription product in
your store, and link it to an access group.
|w X
Users Beta X User accounts X ¥ Fiter _
]
L ° Setup guide 6 steps left
& User accounts >
ks
- 2% Access groups
=
ak
-
a
Your site has no users
Invite users by clicking Invite new user in the top right.
=
|W Page: Home g 992 PX 100 % 0 o o3 [N} 4
- 8 Interactions Clean u|
ud  Users Bema X Setup guide X °
..’ v Element trigger
Setup guide 6 steps left > Before you begin i
© 2¢ 2 y g og Out Free Sign Up
= To support user accounts or restrict access to content on your website, you need to add a valid hosting plan
& User accounts B SR LR & SO, k
A
. ¥ Add a valid hosting plan Add hosting 2 Element trigger
— &% Access groups You need a valid hosting plan to support your website. Select an element on the canvas, then
= click + above to animate the selected
element when a user interacts with it
A OPTIONAL Set up a store Go to Ecommerce (such as on hover or click).
o
- To offer paid content, you need to set up membership or subscription products in
a store. v Page trigger +
-
D
v Don't forget to enable SSL Enable SSL
'_B This is required to give your users the most secure experience you can.
v
a i Page trigger
v Design Users pages W [o] [e[s]
Y @ Click + above to create an animation
Design and link up your new utility pages i /1 triggered by a change in the page's
state (such as on load).
Add necessary links and components where they're consistent and easy to find, like in a navbar or footer
symbol. Utility pages must be published and publicly accessible. -@ } j
Design the Sign Up page Go to Sign Up page
Customize the Sign Up page by adding custom user fields and error messages.
Design the Log In page Go to Log In page
Customize the Log In page by adding a Log In link and customizing error
messages.
Design the User Account page Go to User Account page
Customize the information you want logged-in users to view and/or edit,
by adding custom user fields.
Design the Access Denied page Go to Access Denied page
Customize what you want users to see when they reach a page they
don't have access to.
[
Q v Configure user accounts
P Customize user account information
9 Decide what information you need from members to start personalizing their experience on your site.
|W Page: Home g 992 PX 100 % hp) < ‘“’ () &
Navigat v ] i - . S
B X1 A Webflow membership template for resource websites. Lottie Animation Styles
[ Body W% Create component
-
NP  ~© Announcement Banner
i Select
B \ [ Banmer Container x Memberbase All Resources  Log Out Free Sign Up elector
R Navigation . Select a Class or Tag
E » [ Nav Container
v [ Page Wrapper ¥ Grid Child
(] )
- ~ B Section
i Grid child styles aren't saved to the
oo ~ [0 Container E class so you can alter the placement
- v 2% Hero Grid of other elements that share the class.
- v [ Text Box I o f l%, GREIR
- i Heaang Access a libra r'yo R Eat prent grs
\" P Paragraph
] el o Position Auto Manual
0 Space ree de5|gn resources
e I I
W Button M\ —
N P Column span Row span
Outline button n @
_ The best resources and books from around the web, " G Align X T 4 3 1 As
~ 8 section collected and curated for your reading. @ ‘ A\ . Justity X (= | =] 3
_ — ) e
~ [ Container = Order b4 First ~Last  eee
~ [ Section Top
Ve Heading Get Access Now Contact Sales ~ Layout
W Button Display 3 [ [z] Al %
v £ Collection List Wraj|
v Spacin Lk
v &= Large 3 Grid a <
v £ eBook Box MARGIN o
¥ & Ebook Thu.. PADDING 0
P\ Image Co| 0 0 0 0
Paragraph 0
» @ Card Text Li [¢]
» & Empty State
v Size
» ) Call To Action Block
Featured Resources See All Resources _ )
4 Footer Width - Height °
Q Min W PX  MinH PX
oo
. Max W - MaxH -
Memberbase Memberbase Memberbase
9 (1 Body [0 Page Wrapper B Section O Container == Hero Grid we Lottie Animation =
Overflow () o4 = Auto


Adding a tab bar

hotspotType: Drag

screenElements:
Popover
Text Field
Button

screenElements:
Drawer
Popover
Text Field
Button
Radio Button

screenPatterns:
Add & Create
Edit
Add & Create

pageType: Application Application Application Application Application

screenKeywords:
W Page: Home H 992 PX 100 % Ao Ml ad < £l () &
Add X A Webflow membership template for resource websites. e ——
—~ Selector
Ny Elements Layouts
Memberbase All Resources  Log Out Free Sign Up
=  E—
N — Label |
E =
Form Block Label Input
—]
a2 ] = -
Text Area Checkbox o Select | t th
- ccess a library of
" © mm g
ASS d H
o ‘ ee design resources
Radio Button Select reCAPTCHA - —
‘>
m best resources and books from around the web, /1
ected and curated for your reading. @ ‘ a ~]
Form Button _\\\\.{j L_\\_//’
v Advanced
5et Access Now Contact Sales
Q (= ==
Search B"rﬁ:’&””i Dropdown
N e
4]
Embed Lightbox Navbar
I
_— e s tured Resources See All Resources
Q
« R
o Memberbase Memberbase Memberbase
Facebook Twitter
blected
|W Page: Home o 992 PX 100 % 9 >y Tt bt 24
Navigator > | B Tabs Settings
~ [ Search Banner x Memberbase All Resources  Log Out Free Sign Up & Create component
.” ~ [ Search Section
v Q Search D
= [[] Search Bar T a—
E o i Tab 1 Tab 2 Tab 3 isibility & user access
idden
» [ Nav Menu Visibility Visible Hidden +
— » [0 Nav CTA Button C¢
— No conditions set
» W Menu Button Add a user access condition to control
m® v [] Page Wrapper the visibility of this element
g P ¥ Tabs Settings X
~ B Section
i E— . [ e
"‘B ~ [ Container O None I I I b ra ry of Set active tab
v 28 Hero Grid ® Tab1 O None
v Tab 1
B ome s Mgn resources e
H1 Headin O Tab2
g a|Pe=
P Paragraph Name  Home n " O Tab3
01 spacer oSl d books from around the web, Uy E—
. / \ T
@ Button d for your reading. @ A \ — .
i in 3 ——) D T
Outline button "2d€in W \\\\{j 5
we Lottie Animation ~Fade 100 IR 300
out
+ B section Contact Sales Fade 10
Show All Settings > out
~ [ Container
-0 Sestim Tom v Custom attributes
I (R eEriling Custom Attributes +
W Button None
v £ Collection List Wra|
v Large 3 Grid v Search index settings
v £ eBook Box
v & Ebook Thur
P Image Co|
Paragraph
Featured Resources See All Resources
Q » @ Card Text Li
% » & Empty State
» ) Call To Action Block
9 » &) Footer [ Body [0 Page Wrapper B Section B Tabs
|W Page: Home o 992 PX 100 % 9 >y Tt bt 24
Navigator > | B Tabs Settings
~ [ Search Banner x Memberbase All Resources  Log Out Free Sign Up & Create component
.” ~ [ Search Section
v Q Search D
= [[] Search Bar T a—
E o i Tab 1 Tab 2 Tab 3 isibility & user access
idden
» [ Nav Menu Visibility Visible Hidden +
— » [0 Nav CTA Button C¢
— No conditions set
» W Menu Button Add a user access condition to control
m® v [] Page Wrapper the visibility of this element
g P ¥ Tabs Settings X
~ B Section
i E— . [ e
"‘B ~ [ Container O None I I I b ra ry of Set active tab
v 28 Hero Grid ® Tab1 O None
v Tab 1
R Algn resources :
H1 Headin O Tab2
g a|Pe=
P Paragraph Name | Tab1 n " © TpE
01 spacer oSl d books from around the web, Uy E—
. / \ T
W Button d for your reading. @ ) N , -
) . \(\.j\ N ) Easing Ease e
Outline button "adein 300 A— \/ 5
we Lottie Animation ~Fade 100 IR 300
out
+ B section Contact Sales Fade 10
Show All Settings > out
~ [ Container
-0 Sestim Tom v Custom attributes
I (R eEriling Custom Attributes +
W Button None
v £ Collection List Wra|
v Large 3 Grid v Search index settings
v £ eBook Box
v & Ebook Thur
P Image Co|
Paragraph
Featured Resources See All Resources
Q » @ Card Text Li
% » & Empty State
» ) Call To Action Block
9 » &) Footer [ Body [0 Page Wrapper B Section B Tabs
|W Page: Home o 992 PX 100 % 9 >y Tt bt 24
Navigator > | B Tabs Settings
~ [ Search Banner x Memberbase All Resources  Log Out Free Sign Up & Create component
.” ~ [ Search Section
v Q Search D
= [[] Search Bar L
i Tab 1 Tab 2 Tab 3 v Visibility & user access
E W Hidden o EETE I
» [ Nav Menu Visibility Visible Hidden +
— » [0 Nav CTA Button C¢
— No conditions set
» W Menu Button Add a user access condition to control
m® v [] Page Wrapper the visibility of this element
g P ¥ Tabs Settings X
~ B Section
i E— . [ e
B Bowm | Ok ) library of
v 28 Hero Grid ® Tab1 O None
B o o gn resources
H1 Heading O Tab3 = QO Tab2
£
P Paragraph =+ Add tab n " O Tab3
O spacer reeng I fnd books from around the web, N m E—
= . y \ B8
W Button d for your reading. @ IR \ _ -
) . \(\.j\ N ) Easing Ease e
Outline button "adein 300 y \d D —
we Lottie Animation ~Fade 100 IR 300
out
+ B section Contact Sales Fade 10
Show All Settings > out
~ [ Container
-0 Sestim Tom v Custom attributes
I (R eEriling Custom Attributes +
W Button None
v £ Collection List Wra|
v Large 3 Grid v Search index settings
v £ eBook Box
v & Ebook Thur
P Image Co|
Paragraph
Featured Resources See All Resources
Q » @ Card Text Li
% » & Empty State
» ) Call To Action Block
9 N Footer [ Body [0 Page Wrapper B Section B Tabs
|W Page: Home o 992 PX 100 % 9 >y Tt bt 24
Navigator > | B Tabs Settings
~ [ Search Banner x Memberbase All Resources  Log Out Free Sign Up & Create component
.” ~ [ Search Section
- v Q Search [1o]
= [[] Search Bar T a—
| Tab 1 Tab 2 Tab 3 isibility & user access
E W Hidden o EETE I
» [ Nav Menu Visibility Visible Hidden +
— » [0 Nav CTA Button C¢
— No conditions set
» W Menu Button Add a user access condition to control
1] e e =, 3 =
m® v [] Page Wrapper the visibility of this element
g P ¥ Tabs Settings X
~ B Section
i E— . [ e
"‘B ~ [ Container O None I I I b ra ry of Set active tab
v 28 Hero Grid ®© Home O None
L . gn resources o
H1 Heading O Tab3 = QO Tab2
£
P Paragraph =+ Add tab n " O Tab3
O spacer reeng I fnd books from around the web, Uy E—
= . y \ B8
W Button d for your reading. @ IR \ _ -
) . \(\.j\ N ) Easing Ease e
Outline button "adein 300 y \d D —
we Lottie Animation ~Fade 100 IR 300
out
+ B section Contact Sales Fade 10
Show All Settings > out
~ [ Container
-0 Sestim Tom v Custom attributes
I (R eEriling Custom Attributes +
W Button None
v £ Collection List Wra|
v Large 3 Grid v Search index settings
v £ eBook Box
v & Ebook Thur
P Image Co|
Paragraph
Featured Resources See All Resources
Q » @ Card Text Li
% » & Empty State
» ) Call To Action Block
9 N Footer [ Body [0 Page Wrapper B Section B Tabs