Plugins

pagePatterns:
Hero Section
Landing Page

screenElements:
Logo
Top Navigation Bar
Button

pagePatterns:
Integrations Page
Hero Section

pagePatterns:
Integrations Page
Content Section

screenElements:
Card
Text Field
Button
Tab

pagePatterns:
Integrations Page
CTA Section

screenElements:
Button
Hero Image

pagePatterns:
Integrations Page
Feature Section

screenElements:
Icon
Button
Hero Image
Text Field
Logo
Top Navigation Bar
Button
Tab
Card
Card
Text Field
Button
Tab
Button

pagePatterns:
Integrations Page
Integrations Page
Content Section
Integrations Page
Integrations Page
Integrations Page
CTA Section
Integrations Page
Hero Section
Landing Page
Content Section
Integrations Page
Feature Section
Integrations Page
Content Section
Integrations Page
Hero Section
Integrations Page

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

screenKeywords:
‘ Framer Usecases v  Templates Plugins Learn Gallery  Support v Pricing
Drag, Drop, and
° 9 o
Customize. That’s it.
B
Drag ® v Mysite B msert @ Frame Text @B Stack
Find the plugin you
need and start Q search...
dragging. There’s g n
everything you need o Porms > — —-—
from forms to media
qnd utilities. 0 Video & Animation >
0 - - N
1 e MP4 Lottie
. Audio >
i = -
B
;* Qe @ rome @ o0 & s Drop
— } gl v Position the plugin on
O i 8 s = your web page.
Q - . '; Resize, rotate and
|‘ Framer Usecases v  Templates Plugins Learn Gallery  Support v Pricing
FEATURED ON A
Q Product Hunt o7z
Level up your site with Google Optimize testing,
Browser Notifications, Product Hunt badges, and more. Q Product Hunt
Forms Video & Animation Audio Social Shop Utilities
|& Framer Usecasesv Templates Plugins Learn Gallery Support+  Pricing
Gather leads, play media,
sell products & more.
|‘ Framer Usecases v  Templates Plugins Learn Gallery  Support v Pricing Try for free
mailchimp
Forms
|Framer Usecases v  Templates Plugins Learn  Galler Support v Pricin Try for free
P g y PP g
L & My Site insert (@) Frame Text @B Stack w W ® 100%~ .B‘
Q e -
GIPHY Instagram Interactions
Basic Elements > B Desktopv 1200 Breakpoint +
v oo Featres  Updates ({0 Layout
0 Prototyping >
A
Styles
Twitter Google Maps S*ay Close .l,o your
Forms > ~
o : favorite people.
o Video & Animation >
Trustpilot Tagembed
o Social > /
. !
Audio > ﬂ
Sign Uj
e s . — -
B Ecommerce > .
Facebook Eventbrite ol
Imosert® L)
S1630Remuest
0 v > o o
-
a Hero > Spotify Podcasts Q °
a Features >
il ==
a Call to Action >
SoundCloud Apple Music
Say what's on your mind
o Logo Strip > y y
e Navigation & Footer > > - m
|‘ Framer Usecases v  Templates Plugins Learn Gallery Support v Pricing

[ (]
Find the plugin you need.
(]
Browse plugins >
- m
Video YouTube Vimeo Lottie Instagram Facebook RS
> —
|‘ Framer Usecases v  Templates Plugins Learn Gallery  Support v Pricing Try for free
o Features  Updates (1| Layout
0 Prototyping >
n Styles
Stay close t
ay close to your
Forms > . .
a Trustpilot Tagembed favorl‘l'e people.
. . . Instant messaging across all your devices.
Video & Animation >
A .. R
o Social >
- /
Facebook Eventbrite c@®a
Audio >
e @ »r— o
B Ecommerce > Goodmorning
Imadeitt & L)
a Utility > Spotify Podcasts - et
il ==
8- K Lo
SoundCloud Apple Music
a Features >
a Call to Action >
|
1 .
o Logo Strip s , Say what's on your mind
Simplecast MP3 o
Share your everyday moments in limitless ways.
e Navigation & Footer > m
.
0
|‘ Framer Usecases v  Templates Plugins Learn Gallery  Support v Pricing Try for free
jsmith.mobbin@gmail.com
Get the newsletter
mailchimp
Forms
|¥ Framer Usecases  Templates Plugins Learn  Gallery Support+  Pricing
You’ve never made
a website this fast
before. Really.
Try for free >
|‘ Framer Usecases v  Templates Plugins Learn Gallery  Support v Pricing Try for free
& Meet the new Framer o ~» =
Watch Later ~ Share 7
What if | told you
< Il » N oor/1m B £ Youlube L3
|Go beyond.
Build on top of Framer
ith d
with custom code.
Components Custom Code
Write flexible React Insert custom scripts and
Components right in code at the start or end of
Framer’s built-in code the head and body tags.
editor. Learn more. Learn more.
Import g New File L. Copy L
Custom Code
Page1 > & Component.tsx Custom code and scripts will be added to every page across the published site. Learn
More
import { addPropertyControls
import § motion % from "fran
1 <script> </script>
|‘ Framer Usecases v  Templates Plugins Learn Gallery  Support v Pricing Try for free
Get the newsletter
mailchimp
Forms
|‘ Framer Usecases v  Templates Plugins Learn Gallery  Support v Pricing Try for free
Connect your site
to popular apps.
L & My Site insert (@) Frame Text @B Stack w W ® 100%~ ag‘
Q Search...
Basic Elements > B Desktopv 1200 Breakpoint +
YouTube Vimeo
P Featres  Updates ({0 Layout

0 Prototyping >

o
o n Stay close to your
|‘ Framer Usecases v  Templates Learn  Gallery  Support v Pricing
Make a Reservation
£ Jul 18,2022 v
® 7:00 PM v
& 2 people v
0° OpenTable
Sell and make reservations through OpenTable, ° S——
H . [ ) ®
Eventbrite, The Fork, Gumroad, and Shopify. gff':mag_c:
Forms Video & Animation Audio Social Shop Utilities
|‘ Framer Usecases v Templates Learn  Gallery  Support v Pricing

A Y".’ -
TN
AN &
A N

-~

| 11
Forms Video & Animation Audio Social Shop Utilities
|‘ Framer Usecases v  Templates Plugins Learn Gallery  Support v Pricing
TrTremme eTe "":— u o ’ YouTube Vimeo
from forms to media
qnd utilities o Video & Animation >
O - .
MP4 Lottie
j Audio >
® v Mysite @ nsert @ Frame Text @B Stack
Drop
= E K Position the plugin on
P ——— _ - your web page.
0 = N Resize, rotate and
: animate.
n Ecommerce > -
Q - 8
Customize g
. Detail in 37_econus: voutabe
Use the properties to tweak A"
. Video https://www.youtu.
the styling and connect it . _—
to your content or service.
(=) om0 X B =0 d e v B
|‘ Framer Usecases v  Templates Plugins Learn Gallery  Support v Pricing Try for free
_— S
e 5
eunmy aPHY
e
Styles
Customize ST e (e T
. Detail in 37__2 us. YouTube
Use the properties to tweak A"
‘¢ Video https://www.youtu.
the styling and connect it - [
to your content or service. . oncamas |y | s
(=) om0 X B =0 d .
[ - m e E oD Export +
(] L] (]
Cinematic video
[ ]
made simple
|‘ Framer Usecases v  Templates Plugins Learn Gallery  Support v Pricing Try for free
e framer... View profile
View more on Instagram
oQd N
81 likes
|[ ] [ ]
Design and publish your
o (]
first website today.
Try for free >
; %3 o »
oo éw‘ l"";”"‘

B sirasimibkatiodting p— £ B gmér_—lm[ u:’m‘u'l"" :
o . Eg@u ’ Cinematic video o :
- ., made simple ; ‘ :
& o Cinematic video
R made simple . e oo
Beginner Tutorial
Make your first website in just 10m


Switching preview mode

appName: Framer

appCategory: Graphics & Design

appTagline: Where teams design and publish stunning sites

companyHqRegion: Europe

companyStage: Growth Stage

platform: web

pageType: Application

hotspotType: Click

screenElements:
Text Field
Button
Icon
Segmented Control
Segmented Control

pageType: Application Application

allAppCategories:
Artificial Intelligence
Graphics & Design

screenKeywords:
Responsive Scale to Fit 1200 w 790 H C Reload ' Hide Ul X
FRAMER About Contact
UXD "
. . |
Hello, I'm John Smith
’\‘ i »
g (2 [
e
§ i e g B R '
ﬁ . N
R N
I:,“ ,‘1 3,
|Responsive Scale to Fit G Reload X
FRAMER About  Contact
Lo ) &y
Hello, I'm John Smith %
gl -
S
g\
©
b
Project A
| Description
Project Title
Description |


Keyboard shortcuts

screenElements:
Dialog
Keyboard Key

screenKeywords:
T v Insert .= Layout . Frame Text CMS Portfolio - jmobbin.framer.website FREE e [o] » m
Pages L¢ Keyboard Shortcuts X
File Edit Tools View
Web
Quick Actions ® K Undo ® Z Insert 1 Night Mode ~ ® N
A Home
New X %8 N Redo ° 8 Z Library ® Zoom In 8+
@ /about
Publish o 8 P Copy Style X #8 C Stack o s Zoom Out ® -
@ /contact
Open Site @4 % 0 Paste Style X 8 V Frame F Zoom to 100% ® 0
@ /404
Upload Image X o® 1 Duplicate ® D Round u Zoom to Fit ® 1
CMS Delete @ Text T Zoom to Selection ® 2
Layout
Lock ® L Interaction L Toggle Interface ® .
£  Projects Pa
Add Frame €3] Hide ® Graphic G Show Rulers ~ R
Canvas Add Stack N Rename ® R Comment c Show Guides ~ G
Remove Wrapper £ |a Select Al ® A Zoom z Show Pages X1
& canvas1
Bring Forward 3] 1 Select All Siblings o % A Sample Color ~ c Show Layers X 2
Send Backward B3] 0 Select All Children X ® A Show Assets X 3
Bring to Front 1 Preview
Send to Back [ Graphic Open Preview ® P Text
Group ® G Open in Fullscreen « 8 F Bold % B
Publish
Ungroup @ 8 G Refresh ® R Italic ® |
Publish @ ® P Inspect ® 1 Underline ® U
Open Site o %8 0 Component
Site Settings X s Create Component X 8 K
Create From Code @ 8 K
R ¥ [} 50% v Upgrade Now
|; A Insert .= Layout . Frame Text CMS Portfolio - jmobbin.framer.website FREE e o » m
Go to Dashboard
Quick Actions... ®K e
2
File > - §3}
fait . Hello, I'm John Smith '3”
. > 41 l;,,
View > Y
W R
Tool > ! ‘3’
Layout > e
Text >
Graphic >
Component > 'gfr:f'
v
Preview > ‘
Ry Sk
Code > %?*s’l
e B
Settings > : II\“ PrOjeCtA
\ Description
Your Account Start Tutorial
Request Feature
Join Discord Community
o
vk
Keyboard Shortcuts i
w
Copy Version Number Q"I‘% ;
f d ally
ProjectTitle o
4
Description \
‘ w . 50% v Upgrade Now


Adding a variant

hotspotType: Scroll Horizontally

screenElements: Link Divider

screenElements: Button Icon

hotspotType: Drag

screenElements:
Side Navigation
Button
Icon
Link
Divider

screenPatterns:
Add & Create
Add & Create
Canvas

pageType: Application Application Application Application

screenKeywords:
] ) f
v B msert Layout F @ et @ coms Portfolio FREE
LS kg Inser .. ayou . rame b Tex ortfolio e o] » m
pages Layers P @ Home > 2& Projectltem <> Handshake + Library A Variables = & @ g 4 08 B =
Interactions +
~ 88 Variant 2 Instance
~ & Content Link +
T Feature
Positi
T You've never made ... osition
~ 88 Variant1 Primary |
> @& Content 580 L — - 0 R
B Image Variant 2 1
e O
i © %:?r 0 B
i A%/
; o
4 o
?},‘Véz ﬂ Size +
! e o
. Feature Width 540 Fixed v
You've never made a l\ ’ o 4
. i website this fast before. Height 540 Fed
. Layout © +
Y, O Styles +
© Opacity 1 —_—
© Visible Yes No
© Radius 20 o o
o Overflow Visible v
© Rotation 0°
w ¥ @& 50% - Upgrade Now
|] ) i
v B msert Layout F @ et @ coms Portfolio FREE
¥ B Inser .. ayou . rame T RIS ortfolio e o] » m
pages Layers P @ Home > 22 Project ltem <> Handshake + Library A Variables @ o @ § 4 0 |8 =
Interactions +
» & Content Link +
@ Image
. i Position & Size
~ 88 Variant1 Primary
* & Content Position 1220 x 0 v
@ Image
Width 1120 Fixed v
4
[ Variant 2 Height 540 Fixed v
O O
bila
‘ Layout ©@ +
o Jf
T “
il ({1 Styles +
Feature
\ You've never made a o Transition Spring
[ website this fast before.
© Opacity 1 —
© Visible Yes No
© Radius 0 o o
o, O
Overflow Hidden v
© Rotation 0°
© Fill Add...
Border Add...
o Shadows Add...
w ¥ @& 50% - Upgrade Now
Accessibility -
|] - .
v B msert Layout F @ et @ coms Portfolio FREE
¥ kg Inser .. ayou . rame T RIS ortfolio e o] » m
Pages Layers LA @ Home > & Project ltem <> Handshake + Library A Variables = o o g § 0
Interactions +
~ 88 Variant1 Primary
@ Image
Position
Position 0 T
580 L - 0 R
0 B
Size +
_ o Width 540 Fixed v
Variant
B Height 540 Fixed v
Layout @ -
Type Stack Grid
Direction « T
Distribute Center v
Align |® L] |
Wrap Yes No
Gap 20 -
w ¥ @& 50% - Upgrade Now
Padding 40 o O
|H - .
v B msert Layout F @ et @ coms Portfolio FREE
¥ B Inser .. ayou . rame T RIS ortfolio e o] » m
Pages Layers Assets @® Home > & Project ltem A Variables @ & o 7§ 4 8 8 =
Interactions +
» & Content Link +
@ Image
Position & Size
Position 0 X 0 Y
Width 1120 Fixed v
4
[} Variant 1- Primary Height 540 Fixed v
O O
o
bila
‘ g Layout ©@ +
o Jf
T |
i ol Styles +
Feature
"‘\‘ You've never made a o Transition Spring
| website this fast before.
© Opacity 1 —
© Visible Yes No
© Radius 0 o o
o, O
Overflow Hidden v
© Rotation 0°
© Fill Add...
Border Add...
o Shadows Add...
w ¥ @& 50% - Upgrade Now
Accessibility -


Creating a new project

screenElements: Dialog Button Photo

screenElements:
Top Navigation Bar
Editable Text
Button
Avatar
Side Navigation
Stacked List
Toolbar
Icon
Logo
Segmented Control
Badge
Dialog
Button
Photo

screenPatterns:
Canvas
Acknowledgement & Success

screenKeywords:
L Insert .= Layout . Frame Text CMs Untitled FREE e o] » m
Pages Layers Assets
Web +
A Home
o Desktop v 1200 Breakpoint +
@ /about
@ /contact FRAMER About  Contact
@ /404
CMS +
Canvas +
w ¥ @& 50% - Upgrade Now
|2
Abrand new way to
work with your team.
I
You finished the tutorial, John!
Create a new project of your own or continue
working on this project.
Dismiss


Template detail

pageType: Marketing

hotspotType: Hover

hotspotType: Double Click

screenElements: Card Button

hotspotType: Scroll Vertically

screenElements: Button Divider

screenElements: Link Icon

pagePatterns:
Content Section
Templates Page

screenElements: Gallery Link

screenElements:
Card
Button
Link
Icon
Gallery
Link
Button
Divider
Hero Image

pagePatterns:
Misc
Content Section
Templates Page
Templates Page
Templates Page

pageType: Marketing Marketing Marketing Marketing Marketing Marketing

screenKeywords:
‘ Framer Usecases v  Templates Plugins Learn Gallery  Support v Pricing Try for free
- e . _ \ _
Mobile Free Customer Service Free Developer Tools Free Design Docs Free
New

e ¢ Hello - I'm a San
e 3 ) Diego-based
Yo Designer & Art
e — » Director. | craft
exquisite
A thoughtful shopping experiences with
experience Use Template ‘ great people.
S ——— Preview >
' ‘ SleepApp A s
\ The security you would ":.’9;@
— expect from pros. &
Note $19 Gumroad Shop Free Deploy $30 My Portfolio $20
P , i ;;ﬂ‘;;[“! © ] - | v Phantom.
raminai m e “ iosagr - ‘ %’ e Collect Moments, Not Things.
|‘ Framer Usecases v  Templates Plugins Learn Gallery  Support v Pricing Try for free
Features
v Effects
v Text Styles
v Integrations
Using a Framer template is a great way to get started with your v Responsive
website if you are short on time or need some extra design v CMS
inspiration. Before you get started with a template we advice you v Google Fonts
familiarize yourself with our beginner tutorial. You can also find v Overlays
more tutorials on the Learn page.
Framer offers a large amount of free and premium templates. Pages 1
Once you open a free template or open a purchased template a ® H
ome
duplicate of the original template will be opened in Framer and
added to your dashboard. From there you can customize and
publish your project. Support
® How templates work
® Contact template author
More templates by category ® Get help on Discord
Marketing Design Blog Changelog Documentation
Entertainment Photography Personal Free Premium
|‘ Framer Usecases v  Templates Plugins Learn Gallery  Support v Pricing Try for free
Latest templates Al templates >
N Asimple Framer template for | B N ‘ N
b et your store. Embed products
[Reme———— from services like Gumroad.
[re— C oo Hello - 'm a San
e N Diego-based
e Designer & Art
o e § E—— Bt Director. | craft
C DY exquisite
A thoughtful shopping ara’% experiences with
o < : ‘ great people.
o I (3 | rampom R - =
\ The security you would ":,';I
_ expect from pros. Xy
Note $19  Gumroad Shop Free  Deploy $30 My Portfolio $20
‘ Framer Resources Templates Company
|‘ Framer Usecases v  Templates Plugins Learn Gallery  Support v Pricing Try for free
Gumroad Shop i e—
by Benjamin den Boer

. o .
Super simple gumroad template for Framer. v/ 100% Customizable
v Publish and share in seconds
Cms + grid + custom overlays & loading states. you could also use v Add your own domain
Gumroad’s own overlays, but here, you have control over the v Free support
overlay ux and animation.
Features
v Effects
v Text Styles
v Integrations
Using a Framer template is a great way to get started with your v Responsive
website if you are short on time or need some extra design v CMS
inspiration. Before you get started with a template we advice you v Google Fonts
familiarize yourself with our beginner tutorial. You can also find v Overlays
more tutorials on the Learn page.
Framer offers a large amount of free and premium templates. Pages 1
(YA 11t mromemtm v Evmma Fmrmmrmlata A ~mmim o~ vt armlr e~ s~ A o~
|‘ Framer Usecases v  Templates Plugins Learn Gallery  Support v Pricing Try for free
E' e — _ ' | -
Mobile Free Customer Service Free Developer Tools Free Design Docs Free
New

® Asimple Framer template for
! } your store. Embed products
ot from services like Gumroad.
by e : Hello - I'm a San
e 3 ) Diego-based
Yo Designer & Art
v s : ——— » Director. | craft
) € udoY exquisite
A thoughtful shopping cratts experiences with
experience c 2 ‘ great people.
. &N Kﬂﬂ”}!{ ‘ SeepAPP LTI
The security you would PORK
_— expect from pros. 5%
Note $19 Gumroad Shop Free Deploy $30 My Portfolio $20
éW' i ;;ﬂ‘;;[“! [©] ] - | ! Phantom.
r— m ok : s 3 ‘ ; o Collect Moments, Not Things.
|4
A simple Framer template for
your store. Embed products
from services like Gumroad.
m Follow
. Cayey


Creating a CMS page

screenPatterns:
Add & Create
Add & Create

screenKeywords:
T v Insert '= Layout . Frame Text g CMsS Portfolio FREE e c »
Pages Layers Assets € Projects Collection > @ project-a v + Add Content
Layout
Web +
A& Home @ Desktopv 1200 Breakpoint + Effects
@ /about
Styles
@ /contact
® /404 ProjectA
Project A description
CMS +
€ Projects Pages 1
Canvas +
w ¥ @& s0% v Upgrade Now
|L Insert .= Layout . Frame Text CMs Portfolio FREE e o] » m
Pages Layers Assets
Web +
2
A Home o . ) k;}
Hello, 'm John Smith »
@ /about ’
LV |
@ /contact i b
@ /404 o k{
cms i Projects >
Canvas + 'gﬁ:’ff
‘5" i
) 1/
*‘ :'f‘
-1 Project Title
¥
\ Description
3
) 1/
T “
f ’ :‘j‘
ProjectTitle 1
¥
Description \
‘ w . 50% v Upgrade Now
|T v Insert .= Layout . Frame Text CMs Portfolio FREE e o] » m
Pages Layers Assets
Web +
uxo *
A Home . ) k;;
Hello, I'm John Smith )
@ /about ’
Ryl
@ /contact fi
@ /404 1y %
CMS +
Canvas + 'gﬁ:‘fr
‘5” i
i o,
f :‘j‘
-1 Project Title
¥
\ Description
b
3
i o,
f :‘j‘
ProjectTitle 1
¥
Description \
‘ w . 50% v Upgrade Now
|T v Insert .= Layout . Frame Text CMs Portfolio FREE e o] » m
Pages Layers Assets
Web +
2
A Home - . . ka}
Hello, I'm John Smith )
@ /about ‘
oyl
@ /contact i B
® /404 "
Detail Page
Canvas + 'gf;‘fr
‘5” i
i o,
f .;‘I“
1 Project Title
4
\ Description
3
o
T “
f .;‘I“
ProjectTitle 1
4
Description \
‘ w . 50% v Upgrade Now


Creating a new team

hotspotType: Keyboard Input

screenElements:
Text Field
Button

screenElements:
Button
Avatar
Accordion
Stacked List
Button
Divider
Card
Side Navigation
Text Field
Button
Text Field
Button
Dialog
Avatar
Text Field
Button
Page Control
Dialog
Text Field
Button
Page Control
Avatar

screenPatterns:
Loading
Home
Invite Teammates
Add & Create
Invite Teammates
Add & Create

pageType: Application Application Application Application Application Application Application

screenKeywords:
Invite Editors
jdoe.mobbin@gmail.com
Copy Invite Link
Skip
|John
Get Started
© Recent
® Archived
R4 our-next-website framer.app
Upgrade now to access
more premium features. . .
Sites Tutorial © Get Started 7
An interactive tutorial to How to publish your first
learn the basics of Framer. website in Framer.
. @ vouoi
H Al
s Templates
@ Archived Q Search 2 projects... Last viewed by me v
+ New Folder...
12
Make beautiful websites
4+ Create Team...
|Invite Editors
jdoe.mobbin@gmail.com
Copy Invite Link
Skip
|John
Get Started
© Recent
® Archived
’+ our-next-website.framer.app
Upgrade now to access
more premium features. . .
? Sites Tutorial © Get Started 7
An interactive tutorial to How to publish your first
learn the basics of Framer. website in Framer.

v o Mobbin

an

w o Al # =

s Templates

@ John

® Archived

+ New Folder...
M o Mobbin Design

% Al

No Projects
T Templates Create a new project from scratch
or use a template to get started.
4+ Create Team...
|Create Team
Mobbin Design
|Invite Editors
Emails (comma separated)
Copy Invite Link
Skip
|Create Team
Team name


Team settings

screenElements:
Searchbar
Stacked List
Side Navigation

screenElements:
Banner
Side Navigation
Badge

screenElements:
Button
Link
Side Navigation

screenElements:
Dialog
Text Field
Button
Side Navigation
Dropdown Menu
Avatar
Accordion
Stacked List
Button
Divider
Card
Side Navigation
Banner
Side Navigation
Badge
Searchbar
Stacked List
Side Navigation
Button
Link
Side Navigation
Button
Text Field
Divider
Side Navigation

screenPatterns:
Invite Teammates
Settings & Preferences
Action Option
Home
Settings & Preferences
Settings & Preferences
Settings & Preferences
Settings & Preferences

pageType: Application Application Application Application Application Application Application Application

screenKeywords:
Mobbin Team Settings Free Team Account
Invite via Link
Members .com/join/Mobbin--SV8gX1hpo7UZbhcwUbKA  Viewer [2)
Permissions
Fonts
Details Invite via Email
Emails (comma separated) Editor v
There are no pending invites
for this team.
|Mobbin Team Settings Free Team Account
Join team as Editor
Invite Join team as Viewer
Members
Team Access
Fonts Anyone who is invited can join this team
Details Only users with a @gmail.com email can join this team
Project Access
Anyone with the link can open projects
Only members and invited users can open projects
Only users with a @gmail.com email can open projects
Move Projects
Restrict members from moving projects to a different team
|John
Get Started
© Recent
® Archived
’* our-next-website framer.app
Upgrade now to access
more premium features. . .
Sites Tutorial © Get Started 7
Upgrade An interactive tutorial to How to publish your first
learn the basics of Framer. website in Framer.
. @ vouoi
Team Settings
Il
- a —
Invite Members All »)=
h LS Copy Invite Link
W Archived Upgrade Plan Q Search 2 projects... Last viewed by me v
<+ New Folder... New Folder...
12
Make beautiful websites
4+ Create Team...
|John
Get Started
© Recent
® Archived
R4 our-next-website framer.app
Upgrade now to access
more premium features. . .
Sites Tutorial © Get Started 7
An interactive tutorial to How to publish your first
learn the basics of Framer. website in Framer.
. @ vouoi
H Al
s Templates
@ Archived Q Search 2 projects... Last viewed by me v
+ New Folder...
12
Make beautiful websites
4+ Create Team...
|Mobbin Team Settings Free Team Account
Invite
The following settings will be applied across the whole team.
Members
Team Invitation Link
Fonts
Enable team invitation links
Details
Disable team invitation links
Default Role for New Team Members
Join team as Editor
Join team as Viewer
Team Access
Anyone who is invited can join this team
Only users with a @gmail.com email can join this team
|Mobbin Team Settings Free Team Account
Invit "
nite Q  Search for members... Filters v
Permissions
Fonts 1 Editor
Details
You .
jsmith.mobbin@gmail.com Admin
|Mobbin Team Settings Free Team Account
Invite
Members
Permissions
Details Team admins and editors can
upload custom fonts to use in
projects and share in prototypes.
|Mobbin Team Settings Free Team Account
Invite Logo
Members Min. 200%200px, .PNG or .JPEG
Permissions
Fonts
Name
Mobbin
Delete Team
You can't delete your only team.


Deleting a folder

screenElements: Dialog Button

screenPatterns: Delete Confirmation

screenKeywords:
John
Get Started
© Recent
® Archived
’* ps://your-next-website framer.app
Upgrade now to access
more premium features. . .
Sites Tutorial © Get Started 7
An interactive tutorial to How to publish your first
learn the basics of Framer. website in Framer.
Delete Folder?
v o Mobbin All projects in this folder will be moved
to your team archive.
@ Al f
John's Folde Cancel Delete % =
s Templates
@ John's Folder
® Archived
+ New Folder...
No Projects
Create a new project from scratch
or use a template to get started.
4+ Create Team...
|John
Get Started
© Recent
® Archived
’* our-next-website framer.app
Upgrade now to access
more premium features. . .
? Sites Tutorial © Get Started 7
An interactive tutorial to How to publish your first
learn the basics of Framer. website in Framer.
v o Mobbin
@ Al f @ =
John's Folder - e =
s Templates
Rename
@ John's Folder Delete
® Archived
+ New Folder...
No Projects
Create a new project from scratch
or use a template to get started.
4+ Create Team...
|John
Get Started
© Recent
® Archived
.+ @ https://your-next-website framer.app
Upgrade now to access
more premium features. 5 .
Sites Tutorial © Get Started 7
Upgrade An interactive tutorial to How to publish your first
learn the basics of Framer. website in Framer.
v n Mobbin
H Al
s Templates
W Archived Q Search 2 projects... Last viewed by me v
+ New Folder...
12
Make beautiful websites
|John
Get Started
© Recent
® Archived
’* our-next-website framer.app
Upgrade now to access
more premium features. . .
? Sites Tutorial © Get Started 7
An interactive tutorial to How to publish your first
learn the basics of Framer. website in Framer.
v o Mobbin
@ Al f @ =
John's Folder - L
s Templates
@ John's Folder
® Archived
+ New Folder...
No Projects
Create a new project from scratch
or use a template to get started.
4+ Create Team...


Creating a new page

screenKeywords:
] ) i
v B msert Layout F @ et @ coms Portfolio FREE
¥ kg Inser .. ayou . rame b Tex ortfolio e o] » m
Pages Layers Assets
Web +
A Home o Desktop v 1200 Breakpoint +
@ /about
@ /contact
® /404
@ /page
CMS +
Canvas +
w ¥ @& 50% - Upgrade Now
|T v Insert .= Layout . Frame Text CMs Portfolio FREE e o] » m
Pages Layers Assets
Web +
o
A Home . -y U
Hello, I'm John Smith E
@ /about J
g
@ /contact
@ /404 vy ﬁ f
ek | 54
CMS +
Canvas + %,
b
7
, o
i ‘
s al
i Feature
lI ’ You've never made a
website this fast before.
W
) Y,
é i/ ,.w“v,‘
Feature \/ ¥
o
You've never made a ~I"’ o g
website this fast before. W .
w ¥ @& 50% - Upgrade Now


Privacy policy

appName: Tasty

appCategory: Food & Drink

appTagline: Food videos and recipes

companyHqRegion: US & Canada

companyStage: Public & Mature

pagePatterns:
Newsletter Section
Footer Section

pageType: Marketing Application Marketing Marketing

screenKeywords:
5. Personal data we collect and how

6. Aggregated data

7. How we collect personal data

8. Marketing Choices

9. Sharing your personal data

10. UK and EU users: international transfer of your personal data

11. Retaining your personal data

12. Third-Party Sites

13. Cookie policy

14. Privacy information for EEA and UK users

15. Privacy Information for California Residents

16. BuzzFeed legal entities

1. Who we are

When we mention “BuzzFeed”, “we”, “us” or “our” in this Privacy Policy, we mean BuzzFeed,
Inc, or the relevant BuzzFeed company responsible for processing your data. BuzzFeed
legal entities are listed in our section 16.

2. About this privacy notice

This Privacy Notice explains how BuzzFeed collects, uses, and discloses data about you
and processes information that identifies or can be used to identify you (sometimes
referred to as “personal data” or “personal information” under applicable privacy and data
security laws, and hereinafter “personal data”) when you use our website(s), mobile apps,
and other online products or services that link to this Privacy Policy (collectively, the
“Services”) or when you otherwise interact with us. From time to time we partner with third
parties to provide you with products, promotions or other experiences. We will show you
the privacy policies belonging to those third parties when they will receive information in
connection with those experiences. Their privacy policy will govern the collection of your
personal data, in addition to this Privacy Policy.

3. Changes to this Privacy Policy

We're likely to update this Privacy Policy in the future and when we make changes, we will
revise the date at the top of the policy and, in some cases, will notify you through the
Services, such as on our homepage, or via email or other communication. Please come
back and check from time to time for the latest information on our privacy practices.
|Recipes v Tips & Tricks v Shop v L Search Tasty
nyYs 5 s . = v _
1nY10; - - Gl T'A S{I’lgf o \\-—‘ >
o 7 -
sruinine SEEPRIDE I - (Nl
Al gramn b , Y 4 greatest =
Retriar L @ rrowreouser. ~ e ” - SN - 5
3T el oo N\ youwantiocook @ Y, %) B A
SRR 3 R T 8 R
; ‘ \ g . K A R
F el \ W '
Tasty Adulting Tasty Pride Tasty Latest & Greatest
# Download on the GETITON
‘m @& App Store ’ Google Play
Send feedback
Get the Tasty Newsletter Recipes by Ingredient
Email address (required) Community Recipes
This site is protected by reCAPTCHA and the User Ag reement
Google Privacy Policy and Terms of Service apply.
Accessibility Statement
Follow Tasty
®®© @
|REQGUEsis wo £00% £00% v '
Access
Requests to 4558 4558 0 1
Delete
Requests to Opt 59676 59676 0 1
Out
*Note: The numbers above reflect requests received from all individuals, rather than
requests received from California consumers only.
15.4 California Shine the Light Disclosure
Under California Civil Code sections 1798.83- 1798.84, California residents are entitled to
ask for a notice identifying the categories of personal customer data which we share with
our affiliates and/or third parties for their own direct marketing purposes, and providing
contact information for such affiliates and/or third parties. If you are a California resident
and would like a copy of this notice, please submit a written request to the following
address: 111 E. 18th Street, New York, NY 10003, Attn: Office of the General Counsel.
16. BuzzFeed legal entities
e BuzzFeed, Inc.
e BuzzFeed Canada, Inc
e BuzzFeed UK Limited
e BuzzFeed GmbH (Germany)
e BuzzFeed India Private Limited
e BuzzFeed PTY, Ltd (Australia)
e BuzzFeed Japan Corporation
e Entertainment Contents Online Mexico, S.A. de CV.
e BuzzFeed Motion Pictures Inc.
e Product Labs, Inc.
e Torando Labs, Inc.
e Lexland Studios, Inc (formerly known as BFMP Video, Inc.)
e The HuffingtonPost.com, Inc.
|BuzzFeed ABOUT PRESS JOBS CONTACT INVESTORS LEGAL
I
User Agreement DMCA
BuzzFeed'’s Privacy Policy and Cookie Policy Read Legal Terms For
LAST UPDATED: August 16, 2022 US.A.
UK
Welcome to BuzzFeed’s Privacy Policy and Cookie Policy. This Privacy Policy explains how Canada
we collect, use, and disclose personal data (as defined herein) related to your use of our Australia
Services. India
Deutschland (Ippen Digital GmbH &
California users you can find out about your privacy rights “Privacy Information for California Co. KG)
Residents” section. Latam
Brasil (FlagCX)
B#
1. Who we are
2. About this privacy notice
3. Changes to this privacy notice
4. How to contact us
5. Personal data we collect and how
6. Aggregated data
7. How we collect personal data
8. Marketing Choices
9. Sharing your personal data
10. UK and EU users: international transfer of your personal data
11. Retaining your personal data
12. Third-Party Sites
A r~aAanlsia malicsy s


Archiving a project

screenElements:
Context Menu
Button

screenPatterns:
Action Option
Delete
Confirmation

pageType: Application Application Application

screenKeywords:
John
© Recent our-next-website framer.app
® Archived
Sites Tutorial © Get Started 7
An interactive tutorial to How to publish your first
* learn the basics of Framer. website in Framer.
Upgrade now to access
more premium features.
Upgrade
© o Mobbin Q Search 2 projects... Last viewed by me v
Il
s Templates
W Archived o B
+ New Folder... 2
Make beautiful websites

Open in New Tab

Copy Link

Copy Remix Link  NEW

Save as Template

Duplicate

. M .
Untitled ove Untitled
Viewed 2 minutes ago - Edited Rename Viewed 3 minutes ago - Edited 2 minutes ago

Upgrade Plan
4+ Create Team...

Archive
|John
© Recent & httpsi//your-next-website framer.app
® Archived
Sites Tutorial O Get Started 7
An interactive tutorial to How to publish your first
* learn the basics of Framer. website in Framer.
Upgrade now to access
more premium features.
Upgrade
© o Mobbin Q Search 1 project... Last viewed by me v
Il
s Templates
W Archived o
+ New Folder...
Untitled
Viewed 6 minutes ago - Edited 6 minutes ago
® Archived Tutorial
+ CLEACS
|John
© Recent psilyour-next-website framer.app
® Archived
Sites Tutorial © Get Started 7
An interactive tutorial to How to publish your first
* learn the basics of Framer. website in Framer.
Upgrade now to access
more premium features.
Upgrade
Archive Project
v o Mobbin Q  Search 2 proji  This will move the project to the team Last viewed by me v
archive for all Mobbin members.
an
s Templates
W Archived o o
+ New Folder... 2
Make beautiful websites
Tutorial Untitled
Viewed 5 minutes ago - Edited 5 minutes ago Viewed 6 minutes ago - Edited 6 minutes ago
4+ Create Team...


Editing a comment

screenElements:
Dropdown Menu
Text Field
Button
Divider
Text Field

screenPatterns:
Action Option
Comments
Comments
Comments

pageType: Application Application Application Application Application Application

screenKeywords:
L Insert .= Layout . Frame Text CMs Portfolio FREE e o] » m
Pages Layers Assets Back Replies Resolve
e John Smith
Web + 2 mins
2
A Home o " s ka} Project archive here
Hello, 'm John Smith »
H
@ /about ‘
Ry
@ /contact i ‘;_ John Smith
”ﬁ' :*'}t:;:}‘ Justnow - Edited
@ /404 ;:y.'u
ik 5 It should only display 5 projects
CMS +
£  Projects Pages 1
¥,
b
3
Canvas + o ‘
L ] o
6 canvas1 “ 'ﬂ‘“
-1 ProjectA
4
\ Description
R
i
ot
T “
i ol
ProjectTitle o
4
Description \
50% v Upgrade Now
k w . ° 1) Write a reply... G
|] ) i
v B msert Layout F @ et @ coms Portfolio FREE
¥ kg Inser .- ayou . rame b Tex ortfolio e o] » m
Pages Layers PSS Back Replies Resolve
e John Smith
Web + 2 mins
uxo *
A Home k;} Project archive here
Hello, I'm John Smith )
@ /about ’
Ryl
@ /contact g fi John Smith ;
17.%'" :’%}\ Just now Copy Link
@® /404 s A kﬁ Edit
ik It should only display 3 p
Delete
CMS +
£  Projects Pages 1
b,
by
3
Canvas + ) 5
>
5 o
& Canvas1 *‘ :'f‘
ProjectA
4
\ Description
@,
v
i o,
*‘ o
ProjectTitle o
4
Description \
50% v Upgrade Now
k w . ° = Write a reply... G
|L Insert .= Layout . Frame Text CMs Portfolio FREE e o] » m
Pages Layers Assets Back Replies Resolve
e John Smith
Web + 2 mins
2
A Home " " s k;} Project archive here
Hello, I'm John Smith 4
H
@ /about ’
Ryl
@ /contact ¥ "ﬁr »;}%}\ It should only display 3 projects °
® /404 g %*
CMS +
£  Projects Pages 1
¥,
by
3
Canvas + ) o/
o
o ®
6 canvas1 “ 'ﬂ‘“
o ProjectA
4
| Description
i
ot
T |
*‘ o
ProjectTitle o
4
Description \
50% v Upgrade Now
k w . : i Write a reply... G
|L Insert .= Layout . Frame Text CMs Portfolio FREE e o] » m
Pages Layers Assets Back Replies Resolve
e John Smith
Web + Just now
2
A Home o " s k;} Project archive here
Hello, 'm John Smith »
H
@ /about ’
Ryl
@ /contact i John Smith
”ﬁ' :’%}\ Just now
@ /404 1y k{
ik 5 It should only display 3 projects
CMS +
£  Projects Pages 1
¥,
b
3
Canvas + i I
o
w2 o
6 canvas1 “ .‘.““
o ProjectA
4
\ Description
R
i
ot
T “
i ol
ProjectTitle o
4
Description \
50% v Upgrade Now
k w . ° 1) Write a reply... °
|L Insert .= Layout . Frame Text CMs Portfolio FREE e o] » m
Pages Layers Assets Back Replies Resolve
e John Smith
Web + Just now
2
A Home o " s k;} Project archive here
Hello, 'm John Smith »
H
@ /about ’
Ryl
@ /contact i John Smith
”ﬁ' :’%}\ Just now
@ /404 1y k{
ik 5 It should only display 3 projects
CMS +
£  Projects Pages 1
¥,
b
3
Canvas + i I
o
w2 o
6 canvas1 “ 'ﬂ“‘
o ProjectA
4
\ Description
R
i
ot
T “
i ol
ProjectTitle o
4
Description \
50% v Upgrade Now
k w . ° 1) Write a reply... °
|L Insert .= Layout . Frame Text CMs Portfolio FREE e o] » m
Pages Layers Assets Back Replies Resolve
e John Smith
Web + 2 mins
2
A Home " " s k;} Project archive here
Hello, I'm John Smith 4
H
@ /about ’
Ryl
@ /contact ¥ "ﬁr »;}%}\ It should only display 5 projects °
® /404 g %*
CMS +
£  Projects Pages 1
¥,
by
3
Canvas + ) o/
o
o ®
6 canvas1 “ 'ﬂ“‘
o ProjectA
4
| Description
i
ot
T |
*‘ o
ProjectTitle o
4
Description \
50% v Upgrade Now
k w . : i Write a reply... G


How templates work

screenElements: Button Link

screenElements: Link Icon Button Link

screenPatterns:
Article Detail
Article Detail

pageType: Marketing Marketing Marketing

screenKeywords:
‘ Framer Usecases v  Templates Plugins Learn Gallery Support v Pricing Try for free
need support for your template, you can reach out to the template designer
for help you can find a link to contact them on the template page.

L] L]
Purchasing premium templates
You can also purchase premium templates made by external creators.
Payments are made directly to the creators and Framer does not take a cut of
the earnings. If you are having issues with a purchased template please
contact the template creators first to resolve the issue. You can find a way to
contact them on the template page.
Sell your own templates
If you would like to sell your own Framer templates through our websites you
can submit them to us for review. Before you submit a template check out the
template submission guidelines.
|‘ Framer Usecases v  Templates Plugins Learn Gallery  Support v Pricing Try for free
Features
v Effects
v Text Styles
v Integrations
Using a Framer template is a great way to get started with your v Responsive
website if you are short on time or need some extra design v CMS
inspiration. Before you get started with a template we advice you v Google Fonts
familiarize yourself with our beginner tutorial. You can also find v Overlays
more tutorials on the Learn page.
Framer offers a large amount of free and premium templates. Pages 1
Once you open a free template or open a purchased template a ® H
ome
duplicate of the original template will be opened in Framer and
added to your dashboard. From there you can customize and
publish your project. Support
® How templates work
® Contact template author
More templates by category ® Get help on Discord
Marketing Design Blog Changelog Documentation
Entertainment Photography Personal Free Premium
|‘ Framer Usecases v  Templates Plugins Learn Gallery Support v Pricing
< Learn

Using a Framer template is a great way to get started
with your website if you are short on time or need some
extra design inspiration. Before you get started with a
template we advice you familiarize yourself with our
beginner tutorial. You can also find more tutorials on the
Learn page.
How templates work
Framer offers a large amount of free and premium templates. Once you open
a free template or open a purchased template a duplicate of the original
template will be opened in Framer and added to your dashboard. From there
you can customize and publish your project.


Creating a new folder

screenElements:
Text Field
Button
Avatar
Accordion
Stacked List
Button
Divider
Card
Side Navigation
Text Field

screenPatterns:
Add & Create
Home
Empty State
Add & Create

pageType: Application Application Application Application Application

screenKeywords:
John
Get Started
© Recent
® Archived
’* our-next-website framer.app
Upgrade now to access
more premium features. . .
Sites Tutorial © Get Started 7
Upgrade An interactive tutorial to How to publish your first
learn the basics of Framer. website in Framer.
New Folder
. N
v o Mobbin ame
Create a new folder in the Mobbin team
a to help organize your projects.
w o Al # =
s Templates Cancel “
@ Archived Q Search 2 projects... Last viewed by me v
+ New Folder...
12
Make beautiful websites
4+ Create Team...
|John
Get Started
© Recent
® Archived
.+ @ https://your-next-website framer.app
Upgrade now to access
more premium features. 5 .
Sites Tutorial © Get Started 7
Upgrade An interactive tutorial to How to publish your first
learn the basics of Framer. website in Framer.
v n Mobbin
an
s Templates
@ John
® Archived
+ New Folder...
No Projects
Create a new project from scratch
= gad template to get started.
|John
Get Started
© Recent
® Archived
R4 our-next-website framer.app
Upgrade now to access
more premium features. . .
Sites Tutorial © Get Started 7
An interactive tutorial to How to publish your first
learn the basics of Framer. website in Framer.
. @ vouoi
H Al
s Templates
@ Archived Q Search 2 projects... Last viewed by me v
+ New Folder...
12
Make beautiful websites
4+ Create Team...
|John
Get Started
© Recent
® Archived
R4 our-next-website framer.app
Upgrade now to access
more premium features. . .
? Sites Tutorial © Get Started 7
An interactive tutorial to How to publish your first
learn the basics of Framer. website in Framer.
v o Mobbin
an
w oA John - $ =
s Templates
@ John
® Archived
+ New Folder...
No Projects
Create a new project from scratch
or use a template to get started.
4+ Create Team...
|John
Get Started
© Recent
® Archived
’* our-next-website framer.app
Upgrade now to access
more premium features. . .
Sites Tutorial © Get Started 7
Upgrade An interactive tutorial to How to publish your first
learn the basics of Framer. website in Framer.
New Folder
A Joh
v o Mobbin onn
Create a new folder in the Mobbin team
a to help organize your projects.
w o Al # =
s Templates Cancel “
@ Archived Q Search 2 projects... Last viewed by me v
+ New Folder...
12
Make beautiful websites
4+ Create Team...


Contact

screenElements:
Logo
Top Navigation Bar
Button

screenElements: Card Button

screenElements:
Logo
Top Navigation Bar
Button
Dropdown Menu
Card
Button

pagePatterns:
Hero Section
Landing Page
Contact Page

screenKeywords:
¥ Framer Usecases  Templates Plugins Learn  Gallery Support+  Pricing
You’ve never made
a website this fast
before. Really.
Try for free >
|¥ Framer Usecases+  Templates Plugins Learn Gallery Support+  Pricing
You’ve never made
a website this fast
before. Really.
Try for free >
‘
|‘ Framer Usecases v  Templates Plugins Learn  Gallery Pricing
Contact.
Account Support
Help improve Get in touch with
Framer for questions about
everyone. your account.
Request features @ Account
Report issues @ Billing
GG


Browse popular recipes

screenElements:
Link
Navigation Menu
Avatar
Photo

screenPatterns:
Article Detail
Article Detail
Article Detail
Article Detail
Article Detail
Article Detail
Article Detail
Article Detail
Article Detail

pageType: Application Application Application Application Application Application Application Application Application Application Application

screenKeywords:
Recipes v Tips & Tricks v Shop ~ L Search Tasty
| \ ¥
l , ! Latest Tasty Guides >
: | p I | o ' I‘
- fn Ky . B
G %\ trying?l%fento Pugh'l'
"‘:M} English Breakfast  {' ]
This 10-Minute Breakfast Is Florence
— Pugh's Go-To When She's Not
‘\ Working, And It Deserves To Be
Talked About Way More Than The
"Don't Worry Darling" Drama
> v 2 o \ | . .
Hannah Loewentheil / BuzzFeed ;;f\ “édI]Q" — P X i
G e L
K" ’::f"::.p";';"'”'you A
. lﬂu'yndq.?,,"::"ng ",:::g:’l.ﬂ. s 7
The best part is that you can throw just about anything in an :/j:;//// [ otorto [
air fryer, and it'll taste delicious. So we rounded up even more m ; Ig"\"\ (e
of our favorite incredibly easy air fryer recipes — from snacks - Q%
to dinners to desserts —_ bElOW. People Are Sharing The Most Useless
"Hacks" That Actually Make Cooking
Way Harder Than It Needs To Be
[Florénce Pugh|madelmeldolit®
1. Air Fryer Donuts et 3
ST SRS e R$8$839 999 9B Carrots And Peanut Butter Is
|NCT
‘ N oV v . - y ‘ ]
i , ML A | o . -' Latest Tasty Guides >
g = NG % ;
L - \mo‘q.' ¥ = P b p
, e ‘ o 1 e & £ pr
G e Y= I
ol G | e 4
1 . H i g7 e 3 -
S g h% [ . o ol LS L
£ A SN Pp el T = e
T T o mrerareeJ A
T b & A E- ™ =
Kann SRS X d - 5 e
o W -y b a2y A SaZEae  EERSS
= 3?}" AR = o o This 10-Minute Breakfast Is Florence
A A R n t°11 Pugh's Go-To When She's Not
i wie ' P - Working, And It Deserves To Be
- 4 . . ' u ':] Talked About Way More Than The
b ~ “-’ " "Don't Worry Darling" Drama
| I d . i
~ e 14z i N B r
| S T T N— — - el T — o fich " — = ‘ D 5 ™
- 1‘-’_”3 =02z Anponmaa] % '\‘”57’ o
== K - ,°°"'P’Gfe:yv7°'°”'you ——t
ttuallyad d.?:orh'g fhg: t"“hl.t. s
N """"lc,a::‘""flt fe
. : —crt
Using store-bought biscuit dough in an air fryer will get you crispy, delicious donuts in just five minutes. \}_j’ o m%w .' ‘
The glaze only consists of three simple ingredients (powdered sugar, vanilla, and milk) so you can get NG p f' A ‘!\ <5
creative with them. People Are Sharing The Most Useless
Recipe: | "Hacks" That Actually Make Cooking
Way Harder Than It Needs To Be
2 — 1N
) = P “ - t 3 "‘ 3
. - — 3 2 FusL £ by ,, i oL R
o \ A AV 2wt .‘
< - —_— » Florence Pugh|made]meJdo}it!
¥ e ™ 3 ~ . 4 ",, L\
- .". A y <9 \ ‘\\ L &= & '6 \
| ) : R A 5 S i i "
I Vo W e, Y b &) Carrots And Peanut Butter Is
|i
' ‘ c. dVOIU Wasting 1ood... |
Recipe: ~ir rryer Sweet Honey Mustard Chicken | Shop This Recipe . ,/ \‘
) &F .
i - ":‘
For even more delicious recipes and meal ideas, download the : V .- J
award-winning Tasty app for iOS and Android! ©, "This Is A HUGE Cost Saver": People
Are Sharing How They Save Money
On Things Like Food, Baby Products,
G @ 9 ° And Cleaning Supplies, And I'm Here
For It
Need easy dinner ideas?
These meals will make your weeknights way simpler. (And tastier!)
%= Healthy Dinners < Family Favorites € Comfort Food
© 15 Minutes ', Kitchen Tips & Tricks See all >
|Recipes v Tips & Tricks v Shop L Search Tasty
ne ' K] ULl JIIUP nns nct.lpc
Latest Tasty Guides >
2. Air Fryer Bacon-Wrapped Jalapeiio Poppers q ‘
S0
- -7 i x ¥ q
# - i Y00 - e = } =
- g . i z. é\ tryll.!g‘FI!olnn-co Pug's' ' \
. » \ '“‘:M > English Breakfast |/ \
— e S
v ¥ - This 10-Minute Breakfast Is Florence
y Pugh's Go-To When She's Not
- - .,.c"' Working, And It Deserves To Be
“ . Talked About Way More Than The
4 \ "Don't Worry Darling" Drama
BN r & \ - “ o o \| , .
- 8 4—.’1] W B % =
2 - ’ 7 ’:“/’ "‘nyo. p— Ao ‘tff" ot
g — - . L ."°"'nl:!..,";';°hncyou ——
- R —~—— ~ » unny,“'fn'::rlnuh:‘;::'yu,p,,. g
—_— ‘S | | N — o time, oot thatie I~
o > N -— & - Ee—— o efforgn i «
o o~ k L —R RY I;t"‘"“
- - - DTN YGRS
, ” o NG '‘QE
- > E B
- P ] ’ People Are Sharing The Most Useless
3 _ = "Hacks" That Actually Make Cooking
] " Way Harder Than It Needs To Be
o N, ; -
. A B o -
- N 162 b X
-~ e R BRI - ol
2 = ol | ol
\ 8% - A RS
A AN DA e L
[Florence ‘Pq‘gh made]meJdolit}
' Carrots And Peanut Butter Is
|T Recipes v Tips & Tricks v Shop ~ O Search Tasty
! ! ~[ "
Latest Tasty Guides >
,‘ I/ M
, ' (ﬂ‘-}? !J
: R My .y
s = o N - A
- a5 mmenemare YUl
= i -
~ 2 = -;.“
This 10-Minute Breakfast Is Florence
Pugh's Go-To When She's Not
Working, And It Deserves To Be
tasty.co Talked About Way More Than The
"Don't Worry Darling" Drama
If you're looking to whip up a quick snack, look no further than these bacon-wrapped 9 A\l .5 v
jalapefio poppers. One reader's tip is to cook the poppers only until the bacon is done, if you like a \ Y 4 . R LGP
. . ~ ""lyo.-,. S ] %
crunchier jalapefio. 4 compjeqs Vho ¢ :
Jalap 'ﬂu.ﬂ;.:;':. ’?"n::::::: ::. try this o)
Recipe: Air Fryer Bacon-Wrapped Jalapefio Poppers | Shop This Recipe s time, -,.?::,',:'r:‘!" '
N g o
¢. 3 R 3
People Are Sharing The Most Useless
"Hacks" That Actually Make Cooking
Way Harder Than It Needs To Be
— “t ”(Y‘ bo:’ ..xl‘ :
3. Air Fryer Roast Chicken q— oy
¢ \\ \J N
F it
I L= = *
Carrots And Peanut Butter Is
|T As I & Recipes v Tips & Tricks v Shop ~ O Search Tasty
More Tasty Guides >

' A special sun tea i Afather's secret Y * N\ - i sl a;- < } I Rl "_"'i
| that's steeped | _sweet remix of S g . a0 b L] y
/| betweenthehours B |. | Filipino spaghetti - == - o >, N 4 N ' ) e e s Lz i
{of10a.m. and2p.m. | 2 E— ) Tl ¥ . , W B i 5 | LY e -l L‘ A ‘::
ﬁ},’( ey S { "R ’ '7 % R \;\QSPP“ "j, D ) N ~f & 3 *
i § = [N = — . 4 .t\ckv:mad,wl ) Eanyp,vcr“ | &7 e S
. N e N LR s cnickenmeCoole ") L cilantrg creamy AR e
115'.‘9{ i ; L i heaper th: ter. 1 cuh“?“‘ f/I — Sauce ") 1 . "&*‘i‘t
Anti-Gatekeepers Are Revealing "If 1 Could Only Eat In One City Our 51 Favorite Summer Recipes This Italian TikToker Went Viral
Their Secret Family Recipes, And For The Rest Of My Life, This Of All Time For “Gently Correcting” Emily
Someone Needs To Bring Me A Would Be It": Travelers Are Mariko’s Lemon Pasta Recipe,
Mop Because My Mouth Won't Sharing The Most Delicious (And And After Trying It Myself, I'm
Stop Watering In Some Cases, Surprising) Food Gonna Make It Weekly

Destinations
T 5 | : : s
-~ N | v ¢, o5 g BT A
"'-“ c “,,m-namoun!:“. | Tahini + lemon  SEVY= o am - S Ve N

[ i et i (0 ey, - ol 8 o LS

;,",..- a bit when I'm "::::‘:‘fo‘m‘ 3 - AW 8 3 LT —— ST ‘ N i
ot B o W g

PR ! ; b VIR 0~

"It Completely Transforms The People Swear By These Really 41 Vegan Dinner Ideas You Didn't This Brand-New Girl Scout
Whole Thing": People Are Unusual (But Supposedly "Mind- Even Realize You Were Craving Cookie Is A Sister Cookie To Thin
Revealing The "Secret Weapon" Blowing") Food Combos, And Mints, And This Just Might Be
Ingredient They Use To Make After Trying Them Myself, Some The Beginning Of A Sibling
Popular Dishes Taste Even Better Genuinely Shocked Me Rivalry
|T'A s‘ I l& /O Search Tasty
Popular Right Now Ingredients Diet Meals
Easy Dinners Slow Cooker Chicken Healthy Breakfast
Recipes

Work Lunches Pasta Vegetarian Lunch
Latest Recipes

Easy Air Fryer Chocolate Low Carb Dinner
Family Dinners

5 Ingredient Meals Potato Keto Desserts
Plant-Based Meals

One Pot Recipes Ground Beef Vegan Snacks
Date Night

Submit a recipe to Tasty!

Have a recipe of your own to share?
|T A SI# Recipes v Tips & Tricks v Shop ~ O Search Tasty
Easy Dinners Work Lunches Easy Air Fryer Slow Cooker Recipes Latest Recipes Family Dinners
: : Trending Reci
18 Air Fryer Recipes That Taste =™ _____
. . . eSS S SRS )
Incredible (And Require Little- =~ =~ =
: . '
To-No Cleanup) & "IN B
You can't go wrong with any of these recipes. Aadb oo " )
PB&J Overnight Blueberry
w Fabiana Buontempo Oats Overnight Oats
August 29, 2021 &‘(( _ ‘fj& ?—
0000 afﬁ&u e
RIS | (¢
Let's face it: What is there *not* to love about an air fryer? It @mé\g A
cooks quicker than an oven while crisping food to perfection — carbonara 4-Minute Mug
minus all the oil. © Under 30 min ;mnamon.kous
e b
P
« B f - " : . - -"’ . ‘
Tlme for some alr rylng. - T?rlyakl Salmon Veggie Garlic
- Bites Noodles
|Latest Tasty Guides >
1. Yy L.ﬂ i
A ! (* i : \/#
e ATt ) Tuie e mmranzl
Forgn e Sl P
W EmE e ezl i _J
o K - T ‘;ﬁ"’“ > :} This 10-Minute Breakfast Is Florence
Q' = 'ﬁf{ Pugh's Go-To When She's Not
s . Working, And It Deserves To Be
LT Talked About Way More Than The
5 S R A "Don't Worry Darling" Drama
S0P F s : o
PRSP o - [ P . N
,Q'. —"'J'.N A ﬁ,".7
DR e i ~ e 7o) AN
“-%‘4?-%%&.\ ' ' canyons ,“‘“-“! AR R
- —’ -«7--‘.‘ 3 i Pleteyy, ; s you g oh e
5 :‘t(, |¢‘_ S : | //, attua'y“d.fn"“’.".’:'g’ ':'h:::z:::: :: 3 ,‘:,T
) S o a— — and efforgm i «
> = 3 N bl B
4 ot e I _ B ST
A " - A
3 \ Ao I'%"f; 3 ,/' - L' ':’ People Are Sharing The Most Useless
' B - L Xud g ' "Hacks" That Actually Make Cooking
‘ £ s} e 7 : Way Harder Than It Needs To Be
AR A e L BE =~
424 iy PR ey T K e
g AT e A-  WWhess AR
- be: L " . I SR =
%f,‘ 2 "R ey felll Florénce Pugh|madelmeldoit)
d N -t A v » ' }
o - PN g \’/’\k ] ~
G AP ‘ ' a4 A ,
X A , e, ‘ ‘
- o g A L
- TEl Carrots And Peanut Butter Is
|T A SI# Recipes v Tips & Tricks v Shop ~ O Search Tasty
HY, is there “not* : S R
LEF IS WUNhat is there *not* to love about an air fryer? It AR
cooks quicker than an oven while crisping food to perfection — carbonara 4-Minute Mug
minus all the oil. ® nder 30 min Cinnamon Rolls
@® Under 30 min
- f
. -
R B
B B
S LR R 7
L4 E) o ' l ¥ et ‘: b’ -
Time for some air frying!! Teriyaki Salmon  Veggle Garlic
Bites Noodles
. wil e ‘ The Tasty Newsletter
Easy recipes and cooking
. hacks right to your inbox
I .'—': ’ Email address (required)
nSt r]t' ‘i/ I Your email address
: ’ | This site is protected by reCAPTCHA and the
- N Google Privacy Policy and Terms of Service apply.
" f { i
i t" | Latest Tasty Guides >
. |‘
i AL >
) ) ‘ ' J ”‘ , , g & \
|Recipes v Tips & Tricks v Shop ~ L Search Tasty
Re 1 liflower Buffalo Wings | Shop This Recipe 2
p ;":(, § i the wrld I'm traveling."
(g
° ° 4 )
18. Air Fryer Sweet Honey Mustard Chicken iy 3
i \ , 2
. AN ' f
ﬁ L \ "In Some Countries, Schools Have
- pa- o e Them Just Because They Saw Them
. “"'/ S S | ' On American TV:" People Are
T . o Sharing Specific Aspects Of
‘ E % 9 \ \ American Life That Have Have
> ’ \ K7 i - Gained Surprising Popularity Abroad
A - | N = By
/ .'w- ~ _ s . "\ 9.~ “ - b 4 \{\; \\.\ ,'t' .’.‘.;if:
¢ - . - ry ” F}ﬁ i = ,N:‘%
- \ﬁ B, :—‘“’“ A y 3 P ‘ _/" "quml::n:n&r:cil’ﬁcth-:un‘::lformw i
e P I - R | o ot impars e porect |
ANE e Gl
1 54 . o o ol et (\SEPES /|
\ - . v . B3 4 - "They’re Cheaper And | Really Can't
g e ’ ?f-' by ‘ Tell The Difference": People Are
. G ’%? Sharing The Ingredient Swaps They
; A g | A - Make All The Time When Cooking At
: h — Home
tasty.co
—_—
, . . ) . A . "] live alone, and
If you're wondering what to make for dinner tonight, you won't be sorry by trying this sweet honey heashache h’elp o
mustard chicken recipe. ¥ avoid wasting food..."
Recipe: Air Fryer Sweet Honey Mustard Chicken | Shop This Recipe [ { ' X
For even more delicious recipes and meal ideas, download the F e |
award-winning Tasty app for iOS and Android! @ "This Is A HUGE Cost Saver": People
Are Sharing How They Save Money


Inserting basic components

screenElements:
Drawer
Grid List
Card
Thumbnail

screenElements:
Side Navigation
Text Field
Slider

screenElements:
Top Navigation Bar
Button

screenElements:
Text Field
Stepper
Select

screenElements:
Drawer
Grid List
Card
Thumbnail
Select
Text Field
Stepper
Select
Top Navigation Bar
Button
Popover
File Upload
Button
Tab
Segmented Control
Stacked List
Top Navigation Bar
Button
Side Navigation
Stacked List
Icon
Divider
Side Navigation
Text Field
Slider

screenPatterns:
Add & Create
Select
Canvas
Add & Create
Upload & Download
Select
Add & Create

pageType: Application Application Application Application Application Application Application Application Application Application Application Application Application Application Application Application Application Application

screenKeywords:
L Insert .= Layout . Frame Text CMs Portfolio FREE e o] » m
Q Search
Basics >
Rows Columns
+ 1200 Breakpoint +
P Video Tutorials >
About  Contact
o Help Articles > Wrap Grid
/1 See Templates .
d \‘/{
n
0 Layout > Image Video
e Navigation >
Click
Elements >
Button Carousel
g CMS Content >
Audio > Formspark Mailchimp
Ecommerce >
() ‘
@ |
g Forms >
Phosphor Humaans
o Icons >
o Social >
w ¥ @& 50% - Upgrade Now
M) ey >
|L Insert .= Layout . Frame Text CMs Portfolio FREE e o] » m
visible Yes NoO
Pages Layers Assets
Overflow Visible v
Web + Rotation 0°
A Home
° Desktop v 1200 Breakpoint + Text
@ /about
@ /contact FRAMER Text Styles © X Styles
® /404 New Style... Content Hello, I'm John Smith
| | m Title Font Inter &
CMS + i : :
! ! m Subtitle Weight Regular v
Canvas + ! : I
] ‘ Section Title
: : ] Color @ 000000
/ n Paragraph
! ] e Shadows Add...
| ] A on AN
: : L B Size 16 v -
i ; N AR
i i N Lo G
| : Letter 0 = | 4
Line 1.2 Em -
n
Paragraph 0 +
Align = = B
Transform None v
Decoration Aa Aa Aa
Accessibility -
Tag P v
w ¥ @& 50% - Upgrade Now
Tab Index Clear
|] ) i
v @Y msert Layout F @ et @ coms Portfolio FREE
LS B Inser .. ayou . rame ex ortfolio e o] » m
Q Search |- + -l T+ 8=
Overlays +
Basics >
Rows Columns
Link +
+ 1200 Breakpoint +
P Video Tutorials > e Position
About  Contact i
o Help Articles > Wrap Grid Position &0 !
|
71 See Templates i 0 L= - 0 R
|
(i
\{
318 B
0 Layout N Image Video
| Fixed Yes No
e Navigation > »
Click o Size +
Elements >
Button Carousel Width 1200 Fixed v
© ovsconen > -
onten @ Height 602 Fixed
' Layout @ -
Audio > Formspark Mailchimp :
i Type Stack Grid
o Ecommerce > 2
@ & Direction > b3
g Forms >
Distribute Start v
Phosphor Humaans
o Icons > Align . + LR
o Social N Wrap Yes No
w ¥ @& 50% - Upgrade Now
Gap 10 -
M) ey >
|L Insert .= Layout . Frame Text CMs Portfolio FREE e o] » m
visible Yes NoO
Pages Layers Assets
Overflow Visible v
Web + Rotation 0°
A Home
° Desktop v 1200 Breakpoint + Text
@ /about
@ /contact FRAMER About  Contact Styles Select...
® /404 i : Content Hello, I'm John Smith
i i Font Inter v
CMS + i : :
i ] Weight Regular v
Canvas + ! : 5
; ; ] Color @ 000000
: : » Shadows Add...
| ] A on A
: ; wiing B8
: : ﬁ»‘% Ny Size 16 v -
| ] N
i | NG
| : Letter 0 = | 4
Line 1.2 Em -
n
Paragraph 0 +
Align = = B
Transform None v
Decoration Aa Aa Aa
Accessibility -
Tag P v
w ¥ @& 50% - Upgrade Now
Tab Index Clear
|] ) i
v B msert Layout F @ et @ coms Portfolio FREE
¥ kg Inser .. ayou . rame b Tex ortfolio e o] » m
Pages Layers Assets |- + -l [ & L
Overlays +
Web +
A Home Link +
° Desktop v 1200 Breakpoint +
@ /about
Position
@ /contact FRAMER About  Contact
Position 88 T
@ /404
e ; O : !
{ ° b 55 L — 140 R
cMs + i :
Canvas + é 9’ i 214 B
| il ,j' 5 i
I 8§ i size +
i o 11 V'»;;gﬁ; S ) o i
i | Width 400 Fixed v
é i Height 300 Fixed v
n Layout © +
Effects +
Styles +
Opacity 1 —
Visible Yes No
Radius 0 o o
k w ’ 50% - Upgrade Now Overflow Visible v
Rotation 0°
|T v Insert '= Layout . Frame Text g CMsS Portfolio FREE e c »
Pages Layers Assets |- + -l [T i B |'| =
Overlays +
Web +
A Home Link +
@ Desktopv 1200 Breakpoint +
@ /about
Position
@ /contact . FRAMER About  Contact .
: Positio 80 1
® /404 sition
1
cMs + D AL S
1
Canvas + 318 B
+ Fixed Yes No
Size +
Width 1200 Fixed v
[
Height 602 Fixed v
: ! Layout @ -
Type Stack Grid
' ' Direction © o3
Distribute Start v
Align . + LR
Wrap Yes No
w ¥ @& s0% v Upgrade Now
Gap 10 -
B ——————————————————————
|] ) i
v B msert Layout F @ et B cws Portfolio FREE
¥ kg Inser .. ayou . rame g Tex ortfolio e o] » m
Pages Layers Assets @ & = 7T § 8
Overlays +
Web +
A Home Link +
° Desktop v 1200 Breakpoint +
@ /about
Position
@ /contact FRAMER About  Contact
Position 101 1
@ /404
CMS + 98 L ° 97 R
Canvas + 101 8
5’
< y Size +
o A
7 ﬁ,ﬁ : >y Width 400 Fixed v
N
Height 400 Fixed v
n Layout © +
Effects +
Styles +
Opacity 1 _—
Visible Yes No
Radius 0 o o
k w ’ 50% Upgrade Now Overflow Visible v
Rotation 0°
|] ) i
v B msert Layout F @ et @ coms Portfolio FREE
¥ kg Inser .- ayou . rame g Tex ortfolio e o] » m
Pages Layers Assets |- + -l s + L
Link +
Web +
A Home Position
° Desktop v 1200 Breakpoint +
® /about Position 246 T
@ /contact FRAMER About  Contact i
® /404 216 L — 221 R
cMs + 337 B
Canvas +
5¥ Size +
. Width Auto Fit v
i L
G T S Height Auto Fit v
“ﬁ% A
- 3& Grow L =l ) _§
n Effects +
Styles +
Opacity 1 —
Visible Yes No
Overflow Visible v
Rotation 0°
w ¥ @& 50% - Upgrade Now Text
Stvles Select...
|] - .
v B msert Layout F @ et @ coms Portfolio FREE
¥ kg Inser .. ayou . rame b Tex ortfolio e o] » m
Pages Layers Assets @ & = 7T § 8
Overlays +
Web +
A Home Link +
° Desktop v 1200 Breakpoint +
@ /about
Position
@ /contact FRAMER About  Contact
Position 101 1
@ /404 ] i
: 9 y i 98 L 7 R
| i o
CcMs + : - :
Canvas + é i 101 8
| " i Size +
! (L ﬁ,ﬁ ' Width 400 Fixed v
| -\ ik J |
! : Height 400 Fixed v
n Layout © +
Effects +
Styles +
Opacity 1 _—
Visible Yes No
Radius 0 o o
k w ’ 50% Upgrade Now Overflow Visible v
Rotation 0°
|] ) i
v B msert Layout F @ et @ coms Portfolio FREE
¥ kg Inser .. ayou . rame g Tex ortfolio e o] » m
Grow L =l ¢
Pages Layers Assets
Effect:
Web + ects +
A Home Styles +
° Desktop v 1200 Breakpoint +
@ /about
Opacity 1 —
@ /contact FRAMER About  Contact
Visible Yes No
@ /404 | |
i E Overflow Visible v
CMS + i :
Rotation 0°
Canvas + i g
| : : | h Tt
; Hello, I'm John Smit ; '
i g “; 5 Styles m Title (L) X
| | SR
I ] (L "'*ﬁ o ) Content Hello, I'm John Smith
| i NG
i : Color Add...
Shadows Add...
n
Align = = B
Accessibility -
Tag h1 v
Tab Index Clear
Code Overrides +
w ¥ @& 50% - Upgrade Now Handoff +
|] ) i
v B msert Layout F @ et @ coms Portfolio FREE
¥ kg Inser .- ayou . rame b Tex ortfolio e o] » m
Pages Layers Assets |- + -l s + L |.| =
Overlays +
Web +
A Home Link +
o Desktop v 1200 Breakpoint +
@ /about
e A i T Position
@ /contact FRAMER About  Contact
® /204 O - O Position 80 T
i [
{ 0 [ — 600 =R
CMS H
+ + i |
Canvas + 620 B
© : Fixed Yes No
Size +
§ i Width 600 Fixed v
| | c
: : Height 300 Fixed v
Layout ©@ -
i : Type Stack Grid
Direction « T
Distribute Start v
Align . + LR
Wrap Yes No
w ¥ @& 50% - Upgrade Now
Gap 10 -
|[} "
v . Insert Layout Frame Text CMsS Portfolio FREE
£ @ren B @ o e >
Pages Layers Assets |- + -l [ & L
Overlays +
Web +
A Home Link +
° Desktopv 1200 Breakpoint <+
@ Jabout
Position
@ /contact FRAMER About  Contact
T Position 88 T
® /404 :
i |
CMS + 55 L = 140 R
Canvas + 214 B
Size +
Fill X Width 400 Fixed v
Solid Linear Radial Image Height 300 Fixed +
n Layout © +
Effects +
Drop Image(s)
Styles +
Opacity 1 _—
Visible Yes No
Fill Image v Radius © 0o
k w ’ 50% v Upgrade Now Upload... Unsplash Overflow isible M
Rotation 0°
|] ) i
v B msert Layout F @ et @ coms Portfolio FREE
¥ kg Inser .. ayou . rame g Tex ortfolio e o] » m
Grow L =l ¢
Pages Layers Assets
Effect:
Web + ects +
A Home Styles +
° Desktop v 1200 Breakpoint +
@ /about
Opacity 1 —
@ /contact FRAMER Text Styles @ X
Visible Yes No
@ /404 . . New Style...
i § Overflow Visible v
| i m Title Manrope, 40px
cMs + i : ]
! H ] i Rotation 0°
H Subtitle
c i 5
anvas + | . R N Section Title
i Hello, I'm John Smit i Text
n Paragraph
Ny Styles m Title (L) x
0 R
I ] \\ %g g Content Hello, I'm John Smith
: | N
i ! NG
| ] Color Add...
Shadows Add...
n
Align = = B
Accessibility -
Tag h1 v
Tab Index Clear
Code Overrides +
w ¥ @& 50% - Upgrade Now Handoff +
|T v Insert .= Layout . Frame Text CMs Portfolio FREE e o] » m
Q Search
Basics >
o Desktop v 1200 Breakpoint +
P Video Tutorials >
FRAMER About  Contact
o Help Articles >
/1 See Templates
0 Layout >
e Navigation >
Elements >
g CMS Content >
Audio >
o Ecommerce >
g Forms >
o Icons >
o Social >
w ¥ @& 50% - Upgrade Now
M) ey >
|] ) i
v B msert Layout F @ et @ coms Portfolio FREE
¥ kg Inser .- ayou . rame b Tex ortfolio e o] » m
Pages Layers Assets |- + -l s + L |.| =
Overlays +
Web +
A Home Link +
o Desktop v 1200 Breakpoint +
@ /about
i T Position
@ /contact FRAMER About  Contact
Position 350 T
® /404 : :
i 5 '
cMs + 300 L -— - 300 R
i g i U
Canvas + 350 B
| : = . |
i : Fixed Yes No
§ i Width 600 Fixed v
; O O i e
: : Height 300 Fixed v
Layout @ -
i : Type Stack Grid
Direction « T
Distribute Start v
Align . + LR
Wrap Yes No
w ¥ @& 50% - Upgrade Now
Gap 10 -
|[} "
v . Insert Layout Frame Text CMsS Portfolio FREE
£ @ren B @ o e >
Pages Layers Assets @ & = 7T § 8
Overlays +
Web +
A Home Link +
° Desktopv 1200 Breakpoint <+
@ Jabout
Position
@ /contact FRAMER About  Contact
Position 88 T
@ /404 | : |
e ; O : I
{ ° I i .
cMsS + i i 55 L 140 R
Canvas + : g’ : 214 B
Pl
i ’w%ﬁ = : Size +
PR |
i Fill X Width 400 Fixed
i Solid Linear Radial Image Height 300 Fixed +
n Layout © +
'9} Effects +
p ,\&\ ‘ { Styles +
Q’ﬂfﬁ j‘“ )
\“ ¢ b Opacity 1 B —
B\ L"w“‘ ‘i}
Resolition o Visible Yes No
¥ ben-parker-OhKEIOKQ3RE-unsplash.jpg has been uploaded Dismiss
age o Radius 0 o o
k w ’ 50% v Upgrade Now Upload... Unsplash Overflow isible M
Rotation 0°
|] ) i
v B msert Layout F @ et @ coms Portfolio FREE
¥ kg Inser .- ayou . rame g Tex ortfolio e o] » m
Grow L =l o
Pages Layers Assets
Effect:
Web + ects +
A Home Styles +
° Desktop v 1200 Breakpoint +
@ /about
Opacity 1 —
@ /contact FRAMER About  Contact
Visible Yes No
@ /404 | i i
i g Overflow Visible v
cMs + i i i
i Rotation 0°
Canvas + i §
' eIIo, I'mJohn Smith 5} Text
i g [ Styles m Title (L) x
| I SR
I ] (L "'*ﬁ o ) Content Hello, I'm John Smith
i i N
| ! Color Add...
Shadows Add...
n
Align = = B
Accessibility -
Tag h1 v
Tab Index Clear
Code Overrides +
w ¥ @& 50% - Upgrade Now Handoff +
|L Insert .= Layout . Frame Text CMs Portfolio FREE e o] » m
Pages Layers Assets
Web +
A Home
o Desktop v 1200 Breakpoint +
@ /about
@ /contact FRAMER About  Contact
@ /404
CMS +
Canvas +
w ¥ @& 50% - Upgrade Now


Inserting elements

screenElements:
Grid List
Card

pageType: Application Application Application Application Application Application Application Application Application Application Application Application

screenKeywords:
L Insert .= Layout . Frame Text CMs Portfolio FREE e o] » m
Pages Layers Assets @ & = 7T § 8
o Desktop v 1200
Overlays +
Web +
FRAMER N
A Home Position
@ Jabout Position 241 71
@ /contact i
® /404 106 o — 448 ®
cMs + i i 340 &
Canvas + . .
i ! Size
[ . -\ Width Auto Fit v
| Hello, I'm John Smith | __
: | » Height Auto Fit v
; ! 4 Ny ‘ J Fit Content
- Styles +
Opacity 1 _—
| T T T Visible Yes No
n
Rotation 0°
5
oy L3
o,
N
? ', Elements/Badge Project
Wl
4 Edit w ¥ O 8% - Upgrade Now Variant Neutral v
i
N7 ) Title Label
|L Insert .= Layout . Frame Text CMs Portfolio FREE e o] » m
Q Search Elements Grow o =y x
Effects +
Basics > .
Styles +
+ 1200 Breakpoint +
P Video Tutorials > Opacity 1 B
About  Contact
Visible Yes No
o Help Articles > G’
| Overflow  Visible v
/1 See Templates
Rotation 0°
2 !
0 Layout > 5 Text
. - :
, I'mJohn Smltﬂ i 7
World-class hosting ! ‘
botucture o s, i Styles Title (L) x
B reission , | . ves (@) e
;
| i R .
. % :’51‘*\ Content Hello, I'm John Smith
Elements > "f k i
: T Color Add...
Options + !
g CMS Content > Account
support Shadows Add...
Profile i
L, Align = = =
b
Audio > i
Blog - ProductUpdates > Version2.0 ] &,
?’g) Accessibility -
i }
o Ecommerce > ,;‘I' ol
Feature Tag h .
|
g Forms > I You've never made a
e website this fast before. Tab Index Clear
o Icons >
Code Overrides +
o Social >
€« 1 3 Ed
a w w ® 50% -~ Upgrade Now Handoff +
n Utility > S a—
|L Insert .= Layout . Frame Text CMs Portfolio FREE e o] » m
Q Search
[ ]
2
Sticky +
Basics >
Humaans Twemoji
i Link +
y I'm John Smith .J
P Video Tutorials > . @ 4 OF (VA Size +
272 e
o Help Articles > Memoji Feather i \‘%‘f 1& Span 1 Gl v
1 Row v
/1 See Templates
F g Width Auto Fill v
O
. - ‘ﬁﬁfr Height Auto il v
0 Layout > ero conolir ‘5“” -
i s Min Max Add...
e Navigation > G @ “{]‘,'é)‘ !
i i
“;\, Feature Layout © -
Elements > Y .
Material Phosphor 1\ You V? ne\{er made a
website this fast before. Type Stack Grid
g CMS Content >
Direction « T
Distribute Center v
Audio > O
Align |» ® o
o Ecommerce > ; Wrap Yes No
3
14 G 20 -
g Forms > % .»*_,1, ap
\ i .w“" . -
e X 47 Padding 40 a o
o Icons > ‘t
’r made a \ 4
; fast before. W .
o Social N Effects +
w ¥ @& 50% - Upgrade Now
Styl +
n Utility > yles
|] - .
v B msert Layout F @ et @ coms Portfolio FREE
¥ kg Inser .- ayou . rame (g Tex ortfolio e o] » m
|
Pages Layers Assets 106 L. — 448 R
o Desktop v 1200
Web + 340 B
FRAMER
A Home
I —————. Si
@ /about ] ; ze
® [contact Width Auto Fit
® /404 i
! ; ! Height Auto Fit v
oMs + Fit Content
Canvas + : ; Effects +
-y Styles +
| Hello, I'm John Smith | K
i ello, 'mJohn Smit i E
Opacity 1 —
i i " N ‘ N J Visible Yes No
A ‘%\SE - Rotation 0°
: ' e 1
| i ‘ A
a1 Elements/Badge Project
Variant Neutral v
Lo Title Label
mn
'%?77» Scroll Target +
N
? g Code Overrides +
4 Edit w ¥ O 8% - Upgrade Now Handoff +
v‘l“(‘
|L Insert .= Layout . Frame Text CMs Portfolio FREE e o] » m
Q Search Heroes Grow o =y x
‘ Effects +
Basics > Make beautiful websites
Youtvenever mach awebete
s fat before Realy.
D Styles +
+ 1200 Breakpoint +
P Video Tutorials > Opacity 1 —
About  Contact
i Visible Yes No
o Help Articles > Make beautiful websites
B i reeny, : Overflow Visible ©
/1 See Templates -
Rotation 0°
0 et ’ Make beautiful websits | =N Text
El 1Tul wel es . - ' =2
s I,ImJohnSmltﬂ i J
| ) Styles Title (L) x
e Navigation > aD : gl Y! m (
: i il
i :ﬁr %‘}j" Content Hello, I'm John Smith
Elements > %g ‘
! o Color Add...
Make beautiful websites :
CMS Content >
g - Shadows Add...
i
i, Align = = =
b
Audio > ‘
o
;)v’”‘é;, R Accessibility -
o Ecommerce > Features :;;‘“‘” oy
s ‘ Feature Tag m .
I A7
g Forms > ‘ i You've never made a
la website this fast before. Tab Index Clear
Feature
o Icons > ‘
Code Overrides +
o Social > »
- w ¥ @& 50% - Upgrade Now Handoff +
Feature
ﬂ Utility > e oaa—
|T v Insert .= Layout . Frame Text CMs Portfolio FREE e o] » m
s T 401 B
Pages Layers Assets
FRAMER Size
Web +
S — Width 100 Fixed v
A Home :
@ Jabout Height 100 Fixed v
@ /contact Default Size
i o——— i
® /404 ] !
: Effects +
cMs + ] ' :
o d Styles +
Canvas +
U Opacity 1 —
. - Visible Yes No
| Hello, I'm John Smith g
Rotation 0°
i * | Memoji
i | N .
: : B Variant Jason v
Backgrou... #FFDBDE
Radius 60 s
Rotation 0° —_—
n Scroll Target +
gir Code Overrides +
=~h:
£ Edit w U & 9% - Upgrade Now Handoff +
|L Insert .= Layout . Frame Text CMs Portfolio FREE e o] » m
Q Search Elements
Sticky +
Basics > .
Iy Link +
y I'm John Smith .J
P Video Tutorials > eyl Size +
2 G
¥ IR < 1 col
o Help Articles > g’ . ”}‘f & 4 pan olumn v
1 Row v
/1 See Templates
Width Auto Fill v
i O
. ‘ﬁfgr Height Auto il v
0 Layout > i
i s Min Max Add...
World-class hosting & o ol
e Navigation N g \‘:/.fgi |
“;\, Feature Layout © -
Eloments > ‘X You've never made a
optons website this fast before. Type Stack Grid
g CMS Content > Account
Support Direction L T
Profile
Distribute Center v
Audio > O
Blog - ProductUpdates > Version2.0 Align |» L] |
o Ecommerce > Wrap Yes No
3
14 Ga 20 -
g Forms > Sy P
Info % P
N A . -
e ﬁ [ Padding 40 o O
o Icons > ‘L'
’r made a \ 4
; fast before. W .
o Social N ) . Effects +
< a 2 w ¥ @& 50% - Upgrade Now
M) ey > Styles +
|L Insert .= Layout . Frame Text CMs Portfolio FREE e o] » m
- e
Pages Layers Assets |- + -l [ & L
FRAMER Position
Web +
et Position 101 7
A Home
@ /about ]
i : H 106 L — 389 R
@ /contact
| —— o |
® /404 401 B
cms + i 0 i
Size
i O O H
Canvas + j ! Width 100 Fixed
] UxD 5
Height 100 Fixed v
'mJohnSmith
i Hello, I'm John Smi i
d | Effects +
&\5“?"@‘ 4  Styles +
Opacity 1 —_—
Visible Yes No
Rotation 0°
n Memoji
B E o) Variant Jason v
g
2 Edit k w . 94% v Upgrade Now Backgrou... #FFDBDE
Radius 60 _—
|T v Insert .= Layout . Frame Text CMs Portfolio FREE e o] » m
s T 401 B
Pages Layers Assets
FRAMER Size
Web +
S — Width 100 Fixed v
A Home :
@ Jabout Height 100 Fixed v
@ /contact Default Size
i o———0 i
® /404 ] !
Effects +
cMs + ] :
o d Styles +
Canvas +
U Opacity 1 —
. - Visible Yes No
| Hello, I'm John Smith g
Rotation 0°
i * | Memoji
i | N .
i | (e Variant Denny v
Backgrou... #FFDBDE
Radius 60 s
Rotation 0° E—
n Scroll Target +
gir Code Overrides +
=~h:
£ Edit w U & 9% - Upgrade Now Handoff +
|T v Insert .= Layout . Frame Text CMs Portfolio FREE e o] » m
|
Pages Layers Assets 106 L - 448 R
o Desktop v 1200
Web + 340 B
FRAMER
A Home
@ /about 1 : ize
® [contact Width Auto Fit
® /404 i
i : ! Height Auto Fit v
cMsS + Fit Content
Canvas + : : Effects +
. -y Styles +
1 n i
| Hello, I'm John Smith | #
Opacity 1 —
i I " N ‘ ) Visible Yes No
R ‘W@ISE - Rotation 0°
] ; Wil & B
| | \ A
a1 Elements/Badge Project
Variant Info v
Title Label
n
'%?77» Scroll Target +
N
? 7 Code Overrides +
£ Edit w ¥ O 8% - Upgrade Now Handoff +
i ‘I“(‘
|T v Insert .= Layout . Frame Text CMs Portfolio FREE e o] » m
Pages Layers Assets
Web +
o
A Home . -y U
Hello, I'm John Smith E
@ /about J
g
@ /contact
@ /404 vy ﬁ f
ek | 54
CMS +
Canvas + %,
b
7
, o
i ‘
s al
i Feature
lI ’ You've never made a
website this fast before.
W
) Y,
é i/ ,.w“v,‘
Feature \/ ¥
o
You've never made a ~I"’ o g
website this fast before. W .
w ¥ @& 50% - Upgrade Now
|] ) i
v B msert Layout F @ et @ coms Portfolio FREE
¥ kg Inser .. ayou . rame (g Tex ortfolio e o] » m
|
Pages Layers Assets 106 L — 453 R
o Desktop v 1200
Web + 340 B
FRAMER
A Home
I T——————. Si
@ /about 1 : ize
® [contact Width Auto Fit
@ /404 i
1 : ! Height Auto Fit v
CMS + Fit Content
Canvas + : : Effects +
] : .
. -\ Styles +
' n i
| Hello, I'm John Smith | #
Opacity 1 —
i i " N ‘ N J Visible Yes No
R ‘W@ISE - Rotation 0°
: : W o |
i s I A
a1 Elements/Badge Project
Variant Info v
Title UXD
mn
'%?77» Scroll Target +
N
? 7 Code Overrides +
£ Edit w ¥ O 8% - Upgrade Now Handoff +
v‘I“(‘


Adding a site plan

screenElements: Link Button

screenPatterns:
Subscription & Paywall
Pricing

screenElements:
Button
Segmented Control
Tab

screenElements:
Segmented Control
Tab

screenElements:
Select
Text Field
Button

screenPatterns:
Payment Method
Checkout

screenElements:
Segmented Control
Tab
Button
Loading Indicator
Button
Segmented Control
Tab
Button
Text Field
Button
Loading Indicator
Link
Button
Select
Text Field
Button

screenPatterns:
Subscription & Paywall
Acknowledgement & Success
Loading
Subscription & Paywall
Pricing
Payment Method
Checkout
Payment Method
Checkout
Loading
Payment Method
Checkout
Subscription & Paywall
Pricing
Checkout

pageType: Application Application Application Application Application Application Application Application Application Application Application Application Application Application Application Application Application

screenKeywords:
& Portfolio - advocate-keep-426177.framer.app FREE e a » m
VAT A $2U.uu/mo
Site Settings
& General
o0 . Add Coupon
omains
© Versions Card Number
B Analytics
O Plans Name
Page Settings
A Home Expiry Ccwv
@ /about Cwv
@ /contact
Subscribe Now
@ /404
« Change Payment Method

@ Projects Pages

This order process is conducted by our online reseller &

Merchant of Record, Paddle.com, who also handle order

related inquiries and returns.
Your data will be shared with Framer B.V. for product
fulfilment. Paddle.com Inc, 54 W. 40th St.New York, NY,
10018, USA
Terms & Conditions | Privacy Policy,
|& Portfolio - advocate-keep-426177.framer.app FREE e a » m
Site Settings
& General
© Domains Add Basic Site Plan Cancel
© Versions Review your order for this project.
B Analytics
© Plans Billing Monthly Yearly
Basic Site $20.00/
Page Settings $20/mo H%/mo
Team Pricing $0.00/
.00/mo
A Home 0 extra editors at $25.00/mo
Total
@ /about excl. VAT $20.00Im°
@ /404 v Your plan will renew on August 25, 2022
v Editors added after checkout will be charged at $25/mo
@ Projects Pages
v Your VAT will be calculated in the next step
|& Portfolio - advocate-keep-426177.framer.app FREE e a » m
Site Settings
& General
© Domains
© Versions
Thank You!
B Analytics
A Basic Site subscription has been added to
© Plans Mobbin. The invoice has been sent to your inbox.
Back to Site Plans
Page Settings
# Home To remove the Framer badge on your published website:
~ Allow up to 15 seconds for the payment to process
@ /about
v Refresh the project
@ /contact v Republish your website to remove the badge
@ /404
@ Projects Pages
|€< Portfolio - advocate-keep-426177.framer.app FREE e e [ 3 m
Site Settings

& General

© Domains Add Basic Site Plan Cancel

© Versions Review your order for this project.

B Analytics

© Plans
Page Settings

A Home

@ /about

@ /contact c

@ /404

@ Projects Pages
|& Portfolio - advocate-keep-426177.framer.app FREE e a » m
Site Settings
& General
© Domains Add Basic Site Plan Cancel
© Versions Review your order for this project.
B Analytics
© Plans Billing Monthly = Yearly
Basic Site $180.00/
Page Settings $15/mo el
Team Pricing
0.00/yr
A Home 0 extra editors at $20.00/mo $ Iy
Total
® /about excl. VAT $180-00/yr
@ /404 v Your plan will renew on July 25, 2023
v Editors added after checkout will be charged at $25/mo
@ Projects Pages
v Your VAT will be calculated in the next step
|& Portfolio - advocate-keep-426177.framer.app FREE e a » m
VAT A $2U.uu/mo
Site Settings
& General
Add Coupon
© Domains
© Versions Card Number
B Analytics
O Plans Name
Page Settings
A Home Expiry Cw
@ /about MM YYYY Cwv
@ /contact
Subscribe Now
@ /404
« Change Payment Method

@ Projects Pages

This order process is conducted by our online reseller &

Merchant of Record, Paddle.com, who also handle order

related inquiries and returns.
Your data will be shared with Framer B.V. for product
fulfilment. Paddle.com Inc, 54 W. 40th St.New York, NY,
10018, USA
Terms & Conditions | Privacy Policy,
|& Portfolio - advocate-keep-426177.framer.app FREE e e [ d m
Site Settings
& General
© Domains Slte PlanS
© Versions You are currently on a basic site plan. Compare all plans.
B Analytics
Basic Site Pro Site
O Plans
$20/mo $30/mo
Page Settings @ Billed yearly @ Billed yearly
A Home For personal sites For commercial sites
® /about Custom domain Site staging
Password protection Visitor analytics
@ /contact
1,000 CMS items 10,000 CMS items
® /404 . .
10,000 visitors 100,000 visitors
@ Projects Pages
Upgrade Site
Cancel Plan
Team Pricing © One editor is free Multiplayer canvas
* .
$25/m° edltor Team workspace Unlimited viewers
@ Billed yearly Collaborate on sites Up to 10 editors
Business Pricing
|& Portfolio - advocate-keep-426177.framer.app FREE e a » m
Site Settings
& General
Total
VAT N/A $20.00/mo
© Domains
© Versions
Where are you located?
B Analytics
Please enter your Country and Post/ ZIP Code
© Plans below. We collect this information to help combat
fraud, and to keep your payment secure.
Page Settings Country
A Home United States v
@ /about .
Zip/Post Code
@ /contact
@ /404
@ projects Pages
This order process is conducted by our online reseller &
Merchant of Record, Paddle.com, who also handle order
related inquiries and returns.
Your data will be shared with Framer B.V. for product
fulfilment. Paddle.com Inc, 54 W. 40th St.New York, NY,
10018, USA
Terms & Conditions | Privacy Policy,
|ortfolio - advocate-keep- .framer.app FREE
< Portfolio - ad keep-426177.f o
VAT /A $2U.uu/mo
Site Settings
& General
Add Coupon
© Domains
Card Number
© Versions
B Analytics
O Plans Name
Page Settings
A Home Expiry Ccwv
@ /about
@ /contact
Subscribe Now
@ /404
« Change Payment Method

@ Projects Pages

This order process is conducted by our online reseller &

Merchant of Record, Paddle.com, who also handle order

related inquiries and returns.
Your data will be shared with Framer B.V. for product
fulfilment. Paddle.com Inc, 54 W. 40th St.New York, NY,
10018, USA
Terms & Conditions | Privacy Policy,
|& Portfolio - advocate-keep-426177.framer.app FREE e a » m
Site Settings
& General
© Domains Add Basic Site Plan Cancel
© Versions Review your order for this project.
B Analytics
O Plans
Total
VAT N/A $20.00/mo
Page Settings
A Home Where are you located?
® Jabout Please enter your Country and Post/ ZIP Code
below. We collect this information to help combat
@ /contact fraud, and to keep your payment secure.
@ /404 Country
@ Projects Pages United States v
Zip/Post Code
This order process is conducted by our online reseller &
Merchant of Record, Paddle.com, who also handle order
related inquiries and returns.
Your data will be shared with Framer B.V. for product
fulfilment. Paddle.com Inc, 54 W. 40th St.New York, NY,
10018, USA
|& Portfolio - advocate-keep-426177.framer.app FREE e a » m
VAT A $2U.uu/mo
Site Settings
& General
© Domai Add Coupon
omains

© Versions Card Number
@ Analytics XXXX XXXX XXXX XXXX
O Plans Name

Cardholder Name

Page Settings
A Home Expiry Ccwv
@ /about MM YYYY Ccw
@ /contact
Subscribe Now
@ /404
« Change Payment Method

@ Projects Pages

This order process is conducted by our online reseller &

Merchant of Record, Paddle.com, who also handle order

related inquiries and returns.
Your data will be shared with Framer B.V. for product
fulfilment. Paddle.com Inc, 54 W. 40th St.New York, NY,
10018, USA
Terms & Conditions | Privacy Policy,
|ortfolio - advocate-keep- .framer.app FREE
Portfoli d k 426177.f o
Site Settings
& General
© Domains Add Basic Site Plan Cancel
© Versions Review your order for this project.
B Analytics
O Plans
Total
el VAT $20.00/mo
Page Settings
A Home Add Coupon
@ /about
Pay by Card »
@ /contact
' PayPal

@ /404
@ Projects Pages This order process is conducted by our online reseller &

Merchant of Record, Paddle.com, who also handle order

related inquiries and returns.
Your data will be shared with Framer B.V. for product
fulfilment. Paddle.com Inc, 54 W. 40th St.New York, NY,
10018, USA
Terms & Conditions | Privacy Policy,
|& Portfolio - advocate-keep-426177.framer.app FREE e a » m
- VAT A $2U.uu/mo
Site Settings
& General
© Domains
© Versions
B Analytics
O Plans
Page Settings
We are contacting your bank, this may take a few
A Home moments.
@ /about
@ /contact
@ /404
@ Projects Pages
This order process is conducted by our online reseller &
Merchant of Record, Paddle.com, who also handle order
related inquiries and returns.
Your data will be shared with Framer B.V. for product
fulfilment. Paddle.com Inc, 54 W. 40th St.New York, NY,
10018, USA
Terms & Conditions | Privacy Policy,
|& Portfolio - advocate-keep-426177.framer.app FREE e a » m
VAT A $2U.uu/mo
Site Settings
& General
Add Coupon

© Domains
© Versions Card Number
B Analytics
O Plans Name

Cardholder Name

Page Settings
A Home Expiry Ccwv
@ /about MM YYYY Cwv
@ /contact
Subscribe Now
@ /404
« Change Payment Method

@ Projects Pages

This order process is conducted by our online reseller &

Merchant of Record, Paddle.com, who also handle order

related inquiries and returns.
Your data will be shared with Framer B.V. for product
fulfilment. Paddle.com Inc, 54 W. 40th St.New York, NY,
10018, USA
Terms & Conditions | Privacy Policy,
|& Portfolio - advocate-keep-426177.framer.app FREE e a » m
Site Settings
& General
© Domains Add Basic Site Plan Cancel
© Versions Review your order for this project.
B Analytics
O Plans
Total
VAT N/A $20.00/mo
Page Settings
A Home Add Coupon
@ /about Card Number
@ /contact
XXXX XXXX XXXX XXXX
@ /404
Name

@ Projects Pages

Cardholder Name

Expiry CcwW
MM YYYY Cwv
Subscribe Now
« Change Payment Method
This order process is conducted by our online reseller &
Merchant of Record, Paddle.com, who also handle order
related inquiries and returns.
|& Portfolio - advocate-keep-426177.framer.app FREE e e [ d m
Site Settings
& General
© Domains Slte Plans
© Versions You are currently on a free site plan. Compare all plans.
B Analytics
Basic Site Pro Site
O Plans
$15/mo $25/mo
Page Settings © Billed yearly © Billed yearly
A Home For personal sites For commercial sites
® /about Custom domain Site staging
Password protection Visitor analytics
@ /contact
1,000 CMS items 10,000 CMS items
® /404 . .
10,000 visitors 100,000 visitors
@ Projects Pages
Add Site Plan Add Site Plan
Team Pricing One editor is free Multiplayer canvas
* .
$20/m0 edltor Team workspace Unlimited viewers
© Billed yearly Collaborate on sites Up to 10 editors
Business Pricing
|& Portfolio - advocate-keep-426177.framer.app FREE e a » m
Site Settings
& General
Total
VAT N/A $20.00/mo
© Domains
© Versions
Where are you located?
B Analytics
Please enter your Country and Post/ ZIP Code
© Plans below. We collect this information to help combat
fraud, and to keep your payment secure.
Page Settings Country
A Home United States v
@ /about .
Zip/Post Code
@ /contact
94025
@ /404
@ projects Pages
This order process is conducted by our online reseller &
Merchant of Record, Paddle.com, who also handle order
related inquiries and returns.
Your data will be shared with Framer B.V. for product
fulfilment. Paddle.com Inc, 54 W. 40th St.New York, NY,
10018, USA
Terms & Conditions | Privacy Policy,


Refining search results

screenElements: Chip Accordion

screenElements: Accordion Chip Chip Accordion

screenPatterns:
Filter & Sort
Filter & Sort
Filter & Sort
Search
Filter & Sort

screenKeywords:
T’A s‘ I l& p Search Tasty
Easy Dinners Work Lunches Easy Air Fryer Slow Cooker Recipes Latest Recipes Family Dinners
one pOt 19 recipes Sortby: Popular v ~ Refine (2)
Difficulty Meal Occasion Diet Cuisine Cooking Style
Under 15 Minutes Indulgent Sweets
+ More + More + More + More + More
- Less
LR
»
i 4 L. i
| N . ¢ ~
- . .- -
. ~ g - . - S :
v . * 7 " -¥ 2
g | N s
|T'A s‘ I l& /O Search Tasty
Easy Dinners Work Lunches Easy Air Fryer Slow Cooker Recipes Latest Recipes Family Dinners
one pOt 2 recipes Sortby: Popular v ~ Refine (3)
Difficulty Meal Occasion Diet Cuisine Cooking Style
5 Ingredients Or Less Date Night Comfort Food
@ Special Occasion One-Pot Or Pan
Under 30 Minutes
+ More + More
- , . e - -
< ) I e )
N T e F—a
RS ——— .
T AT AT e W - -
by ’5‘5“ LS ‘;:__'ﬂ."".l“-¢ g < 1:,‘ k -
SRR R
e b_\ '.‘%“'5;5 \ N RN \
W v \\,\ . )\ A
OGS A\ RN 4 ' 3
Easy Flap Steak Bone Broth Ramen
|Easy Dinners Work Lunches Easy Air Fryer Slow Cooker Recipes Latest Recipes Family Dinners
OI‘Ie pOt 19 recipes Sortby: Popular v — Refine (2)
Difficulty Meal Occasion Diet Cuisine Cooking Style
+ More + More + More + More + More + More
[ =5
| , : Bt - Y
- -4 1\
- i Y W &
B A - ; A g
g B — e A - .
. a5 . ~ = .o oy
v ~ L ‘ ‘ - P . - ~ ' R
p > A P, | : SR P " /
i ¥ A - B . A X {,
3-ingredient Teriyaki Chicken 3-ingredient Mac & Cheese Banana Pancakes Slow-Cooker Apple Spice Cobbler
|Easy Dinners Work Lunches Easy Air Fryer Slow Cooker Recipes Latest Recipes Family Dinners
one pOt 2033 recipes Sortby:  Popular v + Refine
| + B ]
-~ T g—‘ R —
UL ST
o 7 T Pl G T = K L : .
= 2 O 7] 0% )
S Y ’ 'Y ’ > ‘ " A e WL
b ~ ‘ i Yl o S 2 = ~
~ J ”~ g & B ” 4 Gin & T
¢ A / £ %‘7 g — { t‘s A "’,
B S g / ' 4 - » Vl“ e 4 p*
£ ; - ' 4 v ks L "
: ’ /. \ - ‘ 3&\ - 2
) | i g . y’
‘ -y . - ~
b g
One-Pot Cheeseburger Pasta One Pot Garlic Parmesan Pasta One-Pot Chicken Alfredo One-Pot Lemon Garlic Shrimp
Pasta
|Easy Dinners Work Lunches Easy Air Fryer Slow Cooker Recipes Latest Recipes Family Dinners
one pot 2o ccipes Sotby:  Popular v
Difficulty Meal Occasion Diet Cuisine Cooking Style
+ More + More + More + More + More + More
. e T ]
‘ - . p 5 . : b >, = d
A v P Ny 7 £. N . - -
. ‘ ’l" . R ‘-“« < ‘ﬁ > ) L~
Rt =~ E b Ve @ , i W
[ ' 4 A J & o pril 7, % g /
n’ 4 v " g ’ S 4 T4 =3 ’ 4 a‘f o e
y 7 g t‘? . { ] Vo [ g} " 5
” el " - P 4 .\‘.. b
& - o TS ’ ' B N ; i
£ ; : '. | X v "
& /» \;' » 1 BN X & = #
‘ > 3 ‘ e
i b g
One-Pot Cheeseburger Pasta One Pot Garlic Parmesan Pasta One-Pot Chicken Alfredo One-Pot Lemon Garlic Shrimp
Pasta
|T'A s‘ I l& /O Search Tasty
Easy Dinners Work Lunches Easy Air Fryer Slow Cooker Recipes Latest Recipes Family Dinners
one pOt 126 recipes Sortby: Popular v ~ Refine (1)
Difficulty Meal Occasion Diet Cuisine Cooking Style
5 Ingredients Or Less Contains Alcohol
Bakery Goods Big Batch
Under 15 Minutes Date Night Kid-Friendly
+ More + More + More + More + More + More
B F - >
o . BANANA - { o
. N PANCAKES ’ . 4
ol L, .
§ ’.0’ l' . - /s r" S« =
9 . v C - ) A =
- - a . " ; \
- - & \
e, 7 ‘ ' Y~ - - :
% - ' 2, - : £4
g ‘B o\ ’# “ S \"\__Q' s o
e ’“’;" ’ . ‘«\ g > - ~ R
% R S g - by
" - - i ~
: r : . S
3-ingredient Teriyaki Chicken 3-ingredient Mac & Cheese Banana Pancakes Healthy Banana Pancakes


Creating a canvas

screenPatterns:
Add & Create
Canvas

screenKeywords:
L Insert .= Layout . Frame Text CMs Portfolio FREE e o] °
Pages Layers Assets
Web +
A Home
@ /about
@ /contact
@ /404
CMS +
£  Projects Pages 1
Canvas +
& cCanvas1
w ¥ @& 50% - Upgrade Now
|L Insert .= Layout . Frame Text CMs Portfolio FREE e o] » m
Pages Layers Assets
Web +
2
o
A Home . . k;}
Hello, 'm John Smith »
@ /about ’
Ryl
@ /contact s *_
i B RS
@® /404 ' i
CMS +
£  Projects Pages 1 %
v
i
Canvas + o ‘
T “
f :‘j‘
-1 Project Title
¥
\ Description
b
3
o
T “
f :‘j‘
ProjectTitle 1
¥
Description \
‘ w . 50% v Upgrade Now


Use cases

screenElements:
Logo
Top Navigation Bar
Button

screenElements:
Top Navigation Bar
Icon
Tab

screenElements:
Animation & Video
Banner

screenElements: Avatar Tab

screenElements:
Hero Image
Dropdown Menu
Logo
Top Navigation Bar
Button
Avatar
Tab
Tab
Animation & Video
Banner
Tab
Top Navigation Bar
Icon
Tab
Tab
Tab

pagePatterns:
Solutions & Use Cases Page
Solutions & Use Cases Page
Solutions & Use Cases Page
Social Proof (Testimonial) Section
Solutions & Use Cases Page
Hero Section
Landing Page
Solutions & Use Cases Page
Feature Section
Solutions & Use Cases Page
Feature Section
Solutions & Use Cases Page
Social Proof (Testimonial) Section
Solutions & Use Cases Page
Social Proof (Testimonial) Section
Solutions & Use Cases Page
Social Proof (Testimonial) Section
Solutions & Use Cases Page
Feature Section
Social Proof (Testimonial) Section
Solutions & Use Cases Page
Header Section
Solutions & Use Cases Page
Feature Section
Solutions & Use Cases Page
Solutions & Use Cases Page
Solutions & Use Cases Page
Feature Section
Solutions & Use Cases Page
Solutions & Use Cases Page
Social Proof (Testimonial) Section

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

screenKeywords:
se cases v emplates ugins earn aller: upport v ricin
Framer u Templat Plug L Gallery  Support Pricing Try for free
(X X J https://capchase.design
QS design
3 capch o logo Brand Press Colo
4, Download press kit
[ 382 @0 capchase Insert . Frame Text = Stack l
° Desktop - 1200 Breakpoint + ° Phone - 390 Breakpoint +
»copchosse: fRat e e A 3 capchase g =
|
The new design D Logo Brand
Q language for ‘ The new design
P Capchuse anguage for Our most recognizable The values of our brand: who we ar
) i | h brand element do, and what we believe in
o Broaking the mold of ‘business finance™the Capchase \ CCIpc ase
".‘ ‘design language is fresh, friendly, and fun. Check it out!
Breaking the mold of ‘busi
- a ﬁmmer:';thoCapchased::n
& Downlood press kit - A language s fresh, friendly, and fun.
=P Checkitout!
e
; I3 e o
o >> & Download press kit
(2] == ‘
Logo Brand <4 COIOfS
NSO (et Press
prondelement doranduhate beleve n o >> Our colors are vibrant ar
Explore and download our press kit look and feel contempo
here fresh kick
'S
o & o o
LOgO
Colors
Press Our most recognizable brand element
Our colors are vibrant and strive to
Explore and download our press kit look and feel contemporary — with a
here fresh kick
(5] L7 (6]
Framer is for: Everyone Marketing Teams Freelancers Organizations
|‘ Framer Usecases v  Templates Plugins Learn Gallery  Support v Pricing
Framer is for: Everyone Marketing Teams Freelancers Organizations
Iready tried F
already tried Framer.
Nocodecult L Furquan L Comoco L
@@Nocode_Cult @furquan101 @comocolabs
We've been loving @framer a The easiest ways to create a Thanks to the Framer team
lot lately! design portfolio? We look at @framer for providing such a
@framer sites to create a great toolkit, so we can focus
design portfolio in my latest our time on pushing the
video: technology and product
traf L
@traf https://t.co/XDrChc2fXB forward! .
The new @framer is game
changing—new site incoming.
Bryce Daniel L Ashish 4 ashuxi.eth L
@bryceoflife @Ash_uxi
|& Framer Usecases+ Templates Plugins Learn Gallery Support+  Pricing
Start that blog. Redesign your
portfolio. Collect your favorite
books. All in an afternoon.
-4 3 3 2
) didi@hey.com
o |
|‘ Framer Templates  Plugins Learn  Gallery  Support v Pricing
Framer is for: Everyone Marketing Teams Freelancers Organizations
G
e J
L S
Y o)

Password protection
Limit access to your site by
setting a password.
|‘ Framer Usecases v  Templates Plugins Learn Gallery  Support v Pricing Try for free
Framer is for: Everyone Marketing Teams Freelancers Organizations
@ toss
@ toss brandresource
A
EAHHE 2|&A ME
O ROIA| EA9E A AgiAte] RE HUE X}t TH0| &
Slolstn 2|2 AR CHRRE Wot AIBSIMR

Logo Color

21 EfRl 7folc A48 7to0]c
Before Framer, we needed 1
designer & 1 developer to

" create a website. Now it's

1.2 designers and 0.1
developers—it's saved us so

:
much time and allowed for
more innovation.

App Icon Press Text Rules

£ 20fo| 7ol 1 7|Atolox| 27 87|73 Sue Young Kang

Platform Designer
|‘ Framer Usecases v  Templates Plugins Learn Gallery Support v Pricing Try for free

Everyone
Marketing Teams
Freelancers
Organizations

You’ve ne > nad

ou ve e w - . l a e
a website this fast
before. Really.
p'aygr.und JoinUs & 2 Schedule a call
Wie iiilAd the nartincinataryvy AT etacl fAar the raal S —
|¥ Framer Usecases  Templates Plugins Learn  Gallery Support+  Pricing
You’ve never made
a website this fast
before. Really.
Try for free >
|‘ Framer Usecases v  Templates Plugins Learn Gallery  Support v Pricing
Framer is for: Everyone Marketing Teams Freelancers Organizations
For everyone.
[
No code required.
[ [
Design real websites
[
right on the canvas.
PuI::Iish
L3 = Mobile App Insert . Frame Text = Stack ’B'I-
|‘ Framer Usecases v  Templates Plugins Learn Gallery  Support v Pricing
Framer is for: Everyone Marketing Teams Freelancers Organizations
Comments Staging and version history
Quickly gather feedback Manually choose which version
from your team. goes live. They’re all right there.
@® Optimized Latest 2m ago by Ben
:‘
[
@® Optimized Latest
7
|‘ Framer Usecases v  Templates Plugins Learn Gallery  Support v Pricing Try for free
Framer is for: Everyone Marketing Teams Freelancers Organizations
3) didi@hey.com
s S
&~
[ . ope
As a designer the ability to - 2

explore an entire vision _/

beginning to end, then =~ @

iterating on it 10 times over

and barely spending an

hour — simply a game T

P Hey I'm Didi, Partner and
changer to my creative .
" CPO at Magical.

process.
As an individual who is equal parts contributor and

Didi Medina leader, | excel at bringing clarity to my team while
retaining the ability to get my hands dirty, designing
and coding. My focus is working with my team to
ectabhlieh a healthv nroduicet fiinetion and mMmatiirina
|‘ Framer Usecases v  Templates Plugins Learn Gallery  Support v Pricing Try for free
Everyone Marketing Teams Freelancers Organizations
@ toss
(-] ® 2Rl
’ -
,I
| |
f >
1 v 5
|& Framer Usecases+ Templates Plugins Learn Gallery Support+  Pricing
For marketing teams.
Ship your website without
bothering your engineers.
Iterate at lightning speed.
@ toss
|‘ Framer Usecases v  Templates Plugins Learn Gallery  Support v Pricing
Framer is for: Everyone Marketing Teams Freelancers Organizations
[ ) Features  Updates @
LS
S"'GY close to your Stay closi 1:) g?:r favorite
favorite people.
g =
/
) ' =
R
| L)
Publish in seconds. Just click a s
button, and your site will be ©
instantly available at your domain. (-
Each published version is kept for
future reference, and you can
always roll back when needed.
|‘ Framer Usecases v  Templates Plugins Learn Gallery  Support v Pricing Try for free
Framer is for: Everyone Marketing Teams Freelancers Organizations
.
. Perpetual
@toss  detail spotshot & Firstbase @ PR
<
@ © 2021 Perpetual Protocol. Al Rights Reserved. -
BLOG
% = Framer Sites helps us build
rpetua T |
p g fast with ready-made
| ProtOCOI et e ot components while also
|| vV E allowing crazy
TEAImoetND)|  Perpetual Protocol is an on-chain b . N
Siauntsy ond potiderrosty customization with our
composability. MORE
developers React skills. Brilliant.
‘ecosystem
learn
shop Leo Lin
TRADE CREATE MARKET MAKE perprangelit | &/ Designer at Perp Protoc
| governance L
Trade the most popular Build new protocols and Earn a yield on your ’
products in crypto in a projects on top of capital by becoming a jobs "
permissionless way Perpetual Protocol 1iquidity provider press kit
LAUNCH APP - V2 7 DEV RESOURCES 7 PROVIDE LIQUIDITY 7 investors &stats ’
Lg;': .
|‘ Framer Usecases v  Templates Plugins Learn Gallery  Support v Pricing
[ ] ] [
ip high-converting
[ (] [ ]
websites In no-time
[
For any use case.
https://capchase.design
3> capchase gesign logo Brand Press Colo
The new design
[ Capchase a
a language for
e Capchase
- Breaking the mold of “business finance"—the Capchase
 copchase s i T 4 design language is fresh, friendly, and fun. Check it out!
|‘ Framer Usecases v  Templates Plugins Learn Gallery  Support v Pricing Try for free
Framer is for: Everyone Marketing Teams Freelancers Organizations
> capchase @ toss
> copchose,msn Logo Brand Press Colors Typography Visuals
The new design
language for .
e Capchase
Q. Braking the mold of “business finance"—the Capchase design
e > 4 language is fresh, friendly, and fun. Check it out
|
Sdoecctaes ki Framer Sites has been

revolutionary for our design
team at Capchase. We're

(1) >> able to experiment with new
ideas in an instant without

2} = limiting our creativity or

using any engineering

Logo Brand resources.

Our 0 0most recognizable The values of our brand: Who we are, what we M Ci

brand element do, and what we believe in ArCoSIISNENOS
|‘ Framer Usecases v  Templates Plugins Learn Gallery  Support v Pricing
Framer is for: Everyone Marketing Teams Freelancers Organizations
| lsl 1V VMG UWUELIVUIDe
Publish
[ 3 = Mobile App Insert . Frame Text = Stack ’g"-
W
@ Features  Updates o
S"'GY close to your Stay closi 1:) ;?:r favorite
favorite people.
g ="
/
’ ' =
R T
| 8 .
|‘ Framer Templates  Plugins Learn  Gallery  Support v Pricing
Framer is for: Everyone Marketing Teams Freelancers Organizations
Record and stream high-quality video with your
Mac. Detail works with your iPhone, iPad, built-
in webcam, or any other camera. J
[ N Detail — Cinematic Video Made X -+
< C & detail.co
Multiplayer Integrate with ease
Design together with Hook-up your site to the
|‘ Framer Usecases v  Templates Plugins Learn Gallery  Support v Pricing
Framer is for: Everyone Marketing Teams Freelancers Organizations

Multiplayer Integrate with ease
Design together with Hook-up your site to the
your team in real-time. services you already use.
_.} Spotify Trustpilot Lottie
7 (& 0O
y/ WL W

: » ©

"o T - P
|& Framer Usecases+ Templates Plugins Learn Gallery Support+  Pricing
Framer is for: Everyone Marketing Teams Freelancers Organizations

Setup docs and guides using

the same components that

power your other products.

> capchase
3 capchase design Logo Brand Press Colors Typography  Visuals
The new design
6 language for a
|‘ Framer Templates  Plugins Learn  Gallery  Support v Pricing
Framer is for: Everyone Marketing Teams Freelancers Organizations
_ Photo
= - = ca
Hero 4 Column
Pattern library
Kickstart your project with drop-in
patterns from the insert panel.
Build big things Build big things
with small teams. with small teams.
_ Build big things ﬁt’sﬂr‘m
- §mall teams. teams.
. d
|‘ Framer Templates Plugins Learn Gallery Support v Pricing
Everyone Marketing Teams Freelancers Organizations
. It's REALLY good. fast
T Bgto
[ ] [
Design and publish your
@ [
first website today.
Try for free >
! N
|‘ Framer Usecases v  Templates Plugins Learn Gallery  Support v Pricing Try for free
Framer is for: Everyone Marketing Teams Freelancers Organizations
| lul 1V VMG UWUELIVUIDe
Breakpoints
[ 3 = Mobile App Insert . Frame Text = Stack ’g'I-

° Desktop - 1200 Breakpoint %
[ 1) Features  Updates

Express Fast and reliable

yourself freely messaging

&, (—
|‘ Framer Templates  Plugins Learn  Gallery  Support v Pricing
Framer is for: Everyone Marketing Teams Freelancers Organizations
Google Font: Start from Figma . &8
!-Iundr Copy the layers you e
just c want to import. Then
paste in Framer. Learn revers
more. e
S Desktop Grid
Ev“‘cm“mr Photo
Photo
Photo
:::: Column
Hero Column
Pattern library
Kickstart your project with drop-in
patterns from the insert panel.
|‘ Framer Templates  Plugins Learn  Gallery  Support v Pricing
Framer is for: Everyone Marketing Teams Freelancers Organizations
’ .
Hey! I’'m Gracjan

Jluct Designer at Top.gg
T
d in Warsaw, Poland.
erienced in designing interfaces for
sites, apps & games.
ALS
er
ble -

& >dIn