Templates

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

screenPatterns:
Empty State
Home

screenKeywords:
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.
- @ vowsin
@ Al o =
Templates & = EEERCHES
s Templates
® Archived
+ New Folder...
No Templates
Create a new template or mark
existing projects as templates to
use as starting points for your team.
4+ Create Team... LCETM el
|amer.app
Johin
Sites Tutorial © Get Started 7
Recent . . q . .
© An interactive tutorial to How to publish your first
¥ Archived learn the basics of Framer. website in Framer.
>
Upgrade now to access
more premium features.
- @) vovoin
Il
s Templates
® Archived No Templates
+  New Folder... Create a new template or mark
existing projects as templates to
use as starting points for your team.
Learn more
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...


Switching to night 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

screenPatterns:
Home
Dark Mode

screenPatterns:
Action Option
Dark Mode
Dark Mode
Home
Dark Mode
Dark Mode

pageType: Application Application Application Application Application

allAppCategories:
Artificial Intelligence
Graphics & Design

screenKeywords:
John
Account Settings Get Started
© Recent Night Mode
@ Archived Desktop App
Start Tutorial
Import From... >
+ Hide Video Tutorials el
Upgrade now to access
more premium features Homepage
N recdback Sites Tutorial O Get Started 7
Upgrade Support An interactive tutorial to How to publish your first
c ) learn the basics of Framer. website in Framer.
ommunity
Sign Out
< @ Morsin
Il
s Templates
@ Archived Q Search 2 projects... Last viewed by me v
+ New Folder...
12
Make beautiful websites
4+ Create Team...
|@ o
Account Settings Get Started
© Recent DaYIMode
® Archived Desktop App
Start Tutorial
Import From... >
.# Hide Video Tutorials @ https://your-next-website framer.app
Upgrade now to access
. Homepage
more premium features.
Feedback
Community
Sign Out
v . Mobbin
s Templates
¥ Archived Last viewed by me v
+ New Folder...
a
Make beautiful websites
-+ Create Team...
|; v Insert Layout Frame Text CMS Portfolio - jmobbin.framer.website J$+ 0 [ ] Publish
Q Search
+ Basics >
Prototype
. 5 :
, 'm John Smith (
° Video Tutorials > . B /
(i RS
o Help Articles > Rows Columns ¥ 1“’?’ "Y 1
B\ ek | 4
See Templates
B o @
i 5 A
': Layout > Wrap Grid 5 "/
1 w
; =l
- . . By Ky
B Navigation > ;K;,* «\‘,«
i
; f ProjectA
Elements > N )
Image Video il | Description
& CMs Content >
Click P '
. Audio >
. Ecommerce s b ‘@%
- pe s i
(& 1 !
st G @y .
Forms > e e 0 /
e A
(i LJ
B cons > Title i ‘\v of
e il
B Social > é
) w 50% v
- Utility > HUmess
|@ o
Get Started
© Recent
¥ Archived
* & httpsiyour-next-website framer.apf
Upgrade now to access
more premium features.
v . Mobbin
% Al
s Templates
¥ Archived Last viewed by me v
+ New Folder...
2
Make beautiful websites
-+ Create Team...
|; v Insert Layout Frame Text CMS Portfolio - jmobbin.framer.website J$+ 0 [ ] Publish
Pages Layers Assets
Web +
wo =
A Home ] . ( S
Hello, 'm John Smith F
@ /about )
i SIS
@ /contact e €4
“,'fw" )
N B /
@ /404 § ‘i
CMS +
€ Projects Pages 1 T
B %
il 3
Canvas + _“%
- N 7
IK i f
6 Canvas1 il w,«
oy Y
\ J ProjectA
Y, !
il i Description
N %
il 3
e i
s [y
= i
il ally
(i LJ
ProjectTitle \ /
Y, !
Description il |
w 50% v


Completing the video tutorial

actions:
Browsing Tutorial
Watching Video

screenElements: Dialog Button Photo

screenPatterns:
Guided Tour & Tutorial
Video Player

screenElements:
Button
Page Control
Drawer

screenElements:
Dialog
Button
Photo
Animation & Video
Button
Page Control
Drawer
Dialog
Button
Photo
Animation & Video
Button
Page Control
Drawer

screenPatterns:
Guided Tour & Tutorial
Acknowledgement & Success
Guided Tour & Tutorial
Guided Tour & Tutorial
Guided Tour & Tutorial
Video Player
Guided Tour & Tutorial
Guided Tour & Tutorial
Guided Tour & Tutorial
Guided Tour & Tutorial
Guided Tour & Tutorial
Guided Tour & Tutorial
Video Player
Guided Tour & Tutorial
Guided Tour & Tutorial

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

screenKeywords:
@0®® ¥ T Cetstarted +
38 nsert (@B Layout (@) Frame @@ Tet ) cms Get Started ,3 s »
Layers
Overtays +
Hero Link
Navigation
Link To
Tablet P + 0 *
Hero
woe woc0 Breakpoint
Navigation L
Desktop Posion 2210 x -2
Hero
Width 390 Fixed
Phosphor
S 2 2
: . Make beautiful
T Youve never made Make beautiful websites "
websites
Button Youve never made a website Styles +
his fast before. Re: Youve never made a website
Navigation s fast before. Realy
Opacity 1
Visible
Radius o
Overflow  Hidden
il HFFFFFF
Border
Shadows
Accessibilty -
Tag div
Tab Index
Overrides +
Export +
w Y @ sox
|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
|; v Insert '= Layout . Frame Text g CMS Untitled - incomparable-balance-659941.framer.app FREE e o » m
Pages Layers Assets |- + -l [T L |'| =
Overlays +
1199 — 810 + @ Phonev +
» = Hero Link +
O O
s: Topbar ® o
About  Contact FRAMER — Breakpoint
~ @ Tablet Breakpoint p!
* & Hero Position 2210 x 0 v
22 Topbar
Width 390 Fixed v
~ @ Desktop Primary @ Q .
v~ & Hero . Height 1000 Fixed v
. . Make beautiful
# Phosphor Make beautiful websites .
websites
. You've never made a website
T Make beautiful web... this fast before. Really. You've never made a website Layout © +
i this fast before. Really.
T You've never made ...
0 Butt Styles +
’ utton
22 Topbar Opacity 1 J—
Visible Yes No
Radius 0 o o
Overflow Hidden v
Fill #FFFFFF X
O O Border C] Add...
Shadows Add...
‘ w . 50% v Upgrade Now
Accessibility -
Tutorial: Getting Started ° ©eeo0o0o00 .- Replay Step
|ece ¥ & GetStarted +
Fv @ @8iyou @ Fame @ Tex @ cms Get Started 3 ¢ »
a Horo
ca : N
P Video Tutorial > o y .
© epna 1000
2 e Templats
Layout
[
Navigation > > _ﬂq
= _ i
Jement ,
oM Content =
(=% >
i >
(> K
I ——
e ® o s
|Overlays +
Sticky +
Breakpoint + u Tablet 199 — 8 T u Phone v T Size
Width 60 Fixed v
LoGo LoGo
Height 60 Fixed v
Fit Content
Q @ Effects +
Make beautiful websites
Set Effect X Appear Set Effect X
You've never made a website
this fast before. Really.
Trigger Scroll
Fade In Styles +
Preset @
Scale In Bottom Opacity 1
Enter Flip Horizontal
Flip Vertical Visible L
Slide In Top
o
slide In Left Rotation g
Slide In Right
Slide In Bottom
Phosphor
Select k
Name Leaf v
Color @ 000000
|r
_—
Get Started la g »
Publish Instantly
Publish your site to a url that you
can share or unpublish at any time.
Breakpoint + O Tabletv 1199 —81 + 0O rhonev o
LoGo LoGo
Make beautiful websites Make beautiful websites /
You've never made a website w"‘[.' .‘ m,,‘“:
this fast before. Really.
|eoe ¢ & GetsStarted +
F 3 nsert (@8 Layout (@) Frame @@ Text @ cms Get Started ,3 s »
Layers ' Navigation
Interactions. +
Note
Note Link
Phone Expanded
Link To
Tablet Expanded
Phone
Position & Size
Tablet
Positon  -538 )
Width 1200 Fixed
Links
Height 80 Fixed
Layout -
Type
Direction !
Distribute  Center
Align s .
LoGO Home About Contac
Wrap
Gap 10
L3 Padding 25
o Styles +
Transition Spring
Opacty 1
Visible
Radius o
Overflow  Hidden
Rotation  0°
Fill HFFFFFF
% ¥ & 100x Border Solid
|[} .
v B msert Layout F @ Text cMs Untitled FREE
¥ kg Inser '- ayou . rame iy Tex g ntitle: e o] » m
Pages Layers Assets I- + -I [T L I'I =
Overlays +
1199 — 810 + @ Phonev +
» = Hero Link +
O O
s: Topbar ® o
About  Contact FRAMER — Breakpoint
~ @ Tablet Breakpoint p!
* & Hero Position 2210 x 0 v
22 Topbar
Width 390 Fixed v
~ @ Desktop Primary @ Q .
v = Hero . Height 1000 Fixed v
. . Make beautiful
# Phosphor Make beautiful websites .
websites
. You've never made a website
T Make beautiful web... this fast before. Really. You've never made a website Layout © +
i this fast before. Really.
T You've never made ...
0 Butt Styles +
’ utton
22 Topbar Opacity 1 J—
Visible Yes No
Radius 0 o o
Overflow Hidden v
Fill #FFFFFF x
O O Border C] Add...
Shadows Add...
‘ w . 50% v Upgrade Now
Accessibility -
Tutorial: Getting Started ° LR Replay Step
|v @ msert [ Layout F @ Text cMs Untitled FREE @ m
¥ nsert [ Layout (@) Frame ext B ntitle o c »

Q Search

Basics >

o Desktop v 1200 Breakpoint +
FRAMER About  Contact

P Video Tutorials >

o Help Articles >

/1 See Templates

m Layout >

a Navigation >

Elements >

g CMS Content >

Audio >

o Ecommerce >

g Forms >

‘ w . 50% v Upgrade Now

o Icons >

e .
Tutorial: Getting Started oo Replay Step
|Insert B Layout Frame Text CMS Untitled FREE @ m
¥ 6ot @ e R - T
Pages
Web +
A Home
/about - 2
. Ui ju i S
: o m ol
/contact FRAMER o) = | s = N
Ja04 - = e
g
cMs + Fard o oraducb
vaint a proal hat
ustomers love and use’
Canvas + ) .
| help digital businesses grow with functional, intuitive, great looking
product design. From apps, SAAS, and websites to Web 3.0. | have 15-
years experience, launched 30+ products, used by millions of people.
Welcome to the nhew Framer
Design and publish beautiful sites in minutes. Get
started right away with our tutorial, or learn all about
the new Framer on our launch page.
See What's New
w U & 50% Upgrade Now
|©0® ¥ ¥ cetsured ; P
v @nset @8 Layout @ Frame @ Text B oms et started
e ¢ »
I ~
P Video Tutoria
n i +

© e artict >
A See Templat

Jement

i s
0-

® ¥ O sox
|T v Insert '= Layout . Frame Text g CMs Untitled FREE e o] » m
Pages Layers Assets Fit Content
~ @ Desktop Primary Effects +
o Desktop v 1200 Breakpoint +
v~ & Hero
22 Phosphor Styles +
FRAMER About  Contact
T Make beautiful web... I ————— Opacity 1
T You've never made ...
1 1 Visible Yes No
» 00 Button
22 Topbar ei@i Rotation 0°
i Make beautiful websites i Phosphor
You've never made a website
this fast before. Really. Select List Search
| |
Name Leaf v
Find every icon name on
the Phosphor site
Color @ 000000
Weight Regular v
Mirrored Yes No
Scroll Target +
Code Overrides +
4 Edit w ¥ @& s0% v Upgrade Now
Handoff +
Tutorial: Getting Started ° LR Replay Step
|v @ msert [ Layout F @ Text cMs Untitled FREE @ m
¥ nsert [ Layout (@) Frame ext B ntitle o c »

Q Search

Basics >

o Desktop v 1200 Breakpoint +
FRAMER About  Contact

P Video Tutorials >

o Help Articles >

/1 See Templates

m Layout >

a Navigation >

Elements >

g CMS Content >

Audio >

o Ecommerce >

g Forms >

‘ w . 50% v Upgrade Now

o Icons >

e .
Tutorial: Getting Started L) Replay Step


Zoom settings

pageType: Application Application

screenKeywords:
v Insert Layout Frame hl Text S M ortfolio FREE
+ = = CMsS Portfoli +
Pages Layers Assets
Web +
ES
A Home . . & i
Hello, 'm John Smith E
@ /about J
IV
@ /contact . i
® /404 o k
gk 1 5
CMS +
£  Projects Pages 1
b,
b
7
Canvas + i I
Ta ]
B Canvas1 “‘;,'“ i
Project A
!
¢ Description
Zoom z
Zoom In 8+
Zoom Out 8-
-
Zoom to 100% #0 %’,@
Vi
Zoom to Fit %1 b
Zoom to Selection &2 /
Reverse Zoom Direction oy
Project Title Nudge Amount
Description
w ¥ @& 50% - Upgrade Now
|L Insert .= Layout . Frame Text CMs Portfolio FREE e o] » m
Pages Layers Assets
Web +
2
A Home - . . ka}
Hello, 'm John Smith »
@ /about ‘
gl
@ /contact i B
i B RS
® /404 ' ?
CMS +
£  Projects Pages 1 %
v
i
Canvas + o ‘
T “
6 canvas1 “ :vj‘
ProjectA
4
\ Description
b
3
o
f :‘j‘
ProjectTitle 1
4
Description \
‘ w . 50% v Upgrade Now


Account settings

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

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

screenKeywords:
John
Account Settings Get Started
© Recent Night Mode
@ Archived Desktop App
Start Tutorial
Import From... >
+ Hide Video Tutorials el
Upgrade now to access
more premium features Homepage
N recdback Sites Tutorial O Get Started 7
Upgrade Support An interactive tutorial to How to publish your first
c ) learn the basics of Framer. website in Framer.
ommunity
Sign Out
< @ Morsin
Il
s Templates
@ Archived Q Search 2 projects... Last viewed by me v
+ New Folder...
12
Make beautiful websites
4+ Create Team...
|Account Settings
Avatar
Min. 200x200px, .PNG or .JPEG
Teams
Sessions
First Name
John
Last Name
Smith
Email
This email will be associated with your Framer account.
To update the email for your Framer billing please email .
jsmith.mobbin@gmail.com
|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...
|Account Settings

Profile Mobbin )
Free Team / Admin Settings

Sessions
|Account Settings

Profile Chrome
Current session

Teams


Hiding video tutorials

screenPatterns:
Home
Action Option

screenKeywords:
John
© Recent
= . Q Search 2 projects... Last viewed by me v
@ Archived proj 4
R
Upgrade now to access
more premium features.
a2
Make beautiful websites
Upgrade S
=
v o Mobbin
Il . .
Tutorial Untitled
'. Templates Viewed 10 minutes ago - Edited 7 minutes ago Viewed 10 minutes ago - Edited 10 minutes ago
® Archived
+ New Folder...
4+ Create Team...
|John
Account Settings Get Started
© Recent Night Mode
@ Archived Desktop App
Start Tutorial
Import From... >
+ Hide Video Tutorials el
Upgrade now to access
more premium features Homepage
N recdback Sites Tutorial O Get Started 7
Upgrade Support An interactive tutorial to How to publish your first
c ) learn the basics of Framer. website in Framer.
ommunity
Sign Out
< @ Morsin
Il
s Templates
@ Archived Q Search 2 projects... Last viewed by me v
+ New Folder...
12
Make beautiful websites
4+ Create Team...


Browse recipes by diet

appName: Tasty

appCategory: Food & Drink

appTagline: Food videos and recipes

companyHqRegion: US & Canada

companyStage: Public & Mature

hotspotType: Scroll Vertically

pageType: Application Application Application Application

screenKeywords:
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
e -
2y '\ -~ e b . >
7 A e : A ! 4
Ty Sl ) A - > - : -
; . ,". é » )’ = | o ‘; = ! p '
p i iy | ] ; £ ¥ / : £ -
1 A Q"'\ P - ¥ B } Y. N e
v L T , Wil 7 , .
A - 3 - »
= “ ! 4
~ b — \-‘
Avocado Lime Salmon Mississippi Roast Creamy Bacon Hasselback Strawberry Cream Cheese Bites
Chicken
. S > |
' - P e :
ot S L 3 «
- . L - ‘e - ¢
~ ¢ R = - et I 3 L ey
) . K-’g '»hl. : o if”q - ”M‘—’ - ? - &
. e %‘ % \ = ] B ¥ ( o > = 1 "y : 3 ", a *'
A RS SN ’? e O iR R
e g~ e, e, N .5 R X
; - ¢ " o s N " W =
g AP e T iy o A\ (R
- ] g S Y o
» v *TSag M . '
Y - : ~
Cloud Bread Homemade Chicken Shawarma One-Pan Chicken Adobo Bacon Ranch Chicken Bake
With Ben Stiller And Ahmed Badr
|T A SI# Recipes v Tips & Tricks v Shop ~ O Search Tasty
Y TS '
* H 3
- SR — garlic lemon shrimp
—_—— Ut b
10 ' ‘ o f s
y , > i Y a7,
\“\ Y -t . A o - S
u e AT T A 3 £ ~ #
b Y SRR A AT ag | S S Ll i nds
g . S Al Y " S i
TR SR Yo N : ‘ & Y , g 4 -
K s L g Tt e
g | : : 874
— L.J frs I _
90-Second Keto Bread Parchment Garlic Butter Salmon  Garlic Lemon Shrimp Pesto Chicken Bake
T
-
~ - »
JALAPENO POPPERS - 4 -
>, Tt 1 e ek L W, T AR
i Aoy s B .fo; i e 1’ “’;
N ”, : i k2 il S :
Jalapeiio Poppers Garlic Butter Steak Super Fluffy Omelet French Omelette
|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
KetO 661 recipes
With a focus on a low-carb, high-fat diet, these easy Keto recipes will help you
create meal plans and stick to your goals — whatever they may be! Take your
pick from favorites like protein-packed breakfast sandwiches, Keto mac ‘n’
cheese, peanut butter cookies, and more.
,
. - - \
l/ . - = ; ; a3
Q - ‘ . -~ .\.‘A

\‘;f ' f' l ” ~ *; y L “‘_ _g -ﬁ
w e A o :_"" e & £ Zignhs =
? ik “ - f '>I o ( . "7. L E ) =
. ’ A N o N

‘./‘:f. 3 :— o - o - AT - 4 - =9 | &K
:‘*’ 2 R HCETE N SN P A y. - N e
o BRG | g o W o
= G 3 A
2-ingredient Pasta Creamy Tuscan Chicken Keto Bacon Cauliflower “Mac” ‘N’ Asparagus Stuffed Chicken
Cheese Breast


Recent

screenElements:
Avatar
Accordion
Stacked List
Button
Divider
Card
Side Navigation

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
Recent e =
© o Mobbin Q Search 2 projects... Last viewed by me v
Il
s Templates
W Archived o S
+ New Folder... 2
Make beautiful websites
Tutorial Untitled
Viewed 3 minutes ago - Edited 1 minute ago Viewed 4 minutes ago - Edited 4 minutes ago
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...
|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
H Al
s Templates
@ Archived Q Search 2 projects... Last viewed by me v
+ New Folder...
12
Make beautiful websites
4+ Create Team...


Importing project from Figma

hotspotType: Hover

screenElements: Dialog Link Photo

screenElements:
Dialog
Link
Photo
Dropdown Menu

screenPatterns:
Import & Export
Action Option
Import & Export

screenKeywords:
T v Insert .= Layout . Frame Text CMs Untitled FREE e o] » m
Q Search
Basics >
u Desktop v 1200 Breakpoint +
P Video Tutorials >
FRAMER About  Contact
o Help Articles >
A See Templates Paste from Figma X
1. Read the guide and install the plugin
2. In Figma, select the layers to copy and
o to Plugins - Framer Copy Paste
0 Layout > 9 9 Py
3. Paste layers to Framer with 8V
e Navigation >
Elements > ’ 9 ‘
g CMS Content >
Audio >
o Ecommerce >
g Forms >
o Icons >
o Social >
w ¥ @& 50% - Upgrade Now
) vy >
|John
Account Settings Get Started
© Recent Night Mode
@ Archived Desktop App
Start Tutorial
Import From... >
+ Hide Video Tutorials el
Upgrade now to access
more premium features Homepage
N recdback Sites Tutorial O Get Started 7
Upgrade Support An interactive tutorial to How to publish your first
c ) learn the basics of Framer. website in Framer.
ommunity
Sign Out
< @ Morsin
Il
s Templates
@ Archived Q Search 2 projects... Last viewed by me v
+ New Folder...
12
Make beautiful websites
4+ Create Team...
|John
Account Settings Get Started
© Recent Night Mode
@ Archived Desktop App
Start Tutorial
+ Hide Video Tutorials Sketch el
Upgrade now to access
more premium features Homepage
N recdback Sites Tutorial O Get Started 7
Upgrade Support An interactive tutorial to How to publish your first
c ) learn the basics of Framer. website in Framer.
ommunity
Sign Out
. @ vouoi
© Al _
Recent e =
s Templates
@ Archived Q Search 1 project... Last viewed by me v
+ New Folder...
4+ Create Team...


Developers

pageType: Marketing

pagePatterns:
Footer Section
Landing Page

pagePatterns:
Hero Section
API Docs & Developers Page

screenElements:
Animation & Video
Button

screenElements: Card Link

screenElements:
Grid List
Icon
Link
Badge

screenElements:
Grid List
Card
Thumbnail

pagePatterns:
API Docs & Developers Page
CTA Section

screenElements: Banner Button

screenElements:
Banner
Button
Link
Grid List
Card
Thumbnail
Card
Link
Grid List
Icon
Link
Badge
Link
Avatar
Badge
Hero Image
Animation & Video
Button

pagePatterns:
API Docs & Developers Page
CTA Section
Footer Section
Landing Page
API Docs & Developers Page
API Docs & Developers Page
API Docs & Developers Page
API Docs & Developers Page
Feature Section
API Docs & Developers Page
Hero Section
API Docs & Developers Page
API Docs & Developers Page
Social Proof (Testimonial) Section
API Docs & Developers Page
API Docs & Developers Page
API Docs & Developers Page

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

screenKeywords:
* Developers Motion Handshake Guides APl Documentation Back to framer.com
be possible in other tools.
Copyright © 2022 Framer B.V. Cookies Security Terms of Service Privacy Statement
|‘ Framer Usecases v  Templates Plugins Learn Gallery Support v Pricing
VIOKE UOU Wekn S v v
‘ Framer Resources Templates Company
Try For Free Templates New About
Download Components Marketing Careers
Use Cases Plugins Design Discord
Gallery Figma Plugin Blog Contact
Learn Experts Changelog
Updates Developers Docs
Pricing Entertainment
Photography
Personal
Premium
Free
Submit
© 2022 Framer BV. DO0OY S
|‘ Developers  Motion  Handshake  Guides APl Documentation Back to framer.com
Built with code
Explore what’s possible with code in Framer.
F Houston
p—
‘ 2y
\j/ | <\
|‘ Developers Motion Handshake Guides APl Documentation Back to framer.com
. g
Sy e, TN
ﬁ S Qogl,
&'\! ] @@ Tl o 2o
. U= asye
B ES Ty W
Integrating with
react-three-fiber Hook up to Arduino
Render interactive 3D elements in Framer Connect to close the gap between hardware
using react-three-fiber . and software.
n‘ Sue Young Kang
|* Developers Motion Handshake Guides APl Documentation Back to framer.com
I'he power of the browser with
Pairing canvas with code means you can express ideas faster.
If it’s possible in the browser, it’s possible in Framer.
Built-in editor Share instantly NPM Support :::
A faster code editor with useful Create anything with code then Use your favorite NPM packages
tAartina fllae Frimme 1nm IhrAawarear chmra witth ArntiAana 1ot o a ANt CAAA C A A At withh A~
|‘ Developers  Motion  Handshake  Guides APl Documentation Back to framer.com
W From Your Project Ti
Higher-Order Components
Code Overrides
Write functions and apply them to any
element on your canvas.
v Pass data between text inputs
v Dynamically display data from an API
v Create custom gesture animations
& Code Override Docs >
& Higher-Order Component Docs >
|* Developers Motion Handshake Guides APl Documentation Back to framer.com
If it’s possible in the browser, it’s possible in Framer.

Built-in editor Share instantly NPM Support :::
A faster code editor with useful Create anything with code then Use your favorite NPM packages
starting files, types, in-browser share with anyone just by in any Code Component with a
transpiling, and concise errors. sending a link. single import.
Learn about the editor > Learn about sharing > Learn about importing -
Import Menu DOM Auto Sizing Framer Motion
Import Smart Components Get access to DOM auto sizing in Animations you create in Framer
designed on the Framer canvas the code editor for easy layout can be used 1:1 in production with
into your Code Components. formatting in your components. Framer Motion.
Learn about importing - Learn about Auto Sizing > Learn about Framer Motion >
|‘ Developers  Motion  Handshake  Guides APl Documentation Back to framer.com
Framer is a tool built for interactive design.
Backed by React, technical users can
extend anything through code.
Open Playground >
000 T Wre @ Frienddata +
= Bl e [ o g o o @ -
|* Developers Motion Handshake Guides APl Documentation Back to framer.com
react-three-fiber

Render interactive 3D elements in Framer

using react-three-fiber .
n. Sue Young Kang
(if Platform Designer

With the ability to code in Framer we've been able to create
custom UX writing linters, text components with markdown, and
resource components for all our brand icons—this would never
be possible in other tools.
|‘ Developers  Motion  Handshake  Guides APl Documentation Back to framer.com
Run Framer components

° ° ] °
in production with simple

°

iImport statements.

We've launched a new groundbreaking
experimental feature that lets you import your
Framer components directly into your React code.
Learn more >
|& Developers Motion Handshake  Guides APl Documentation Back to framer.com
import Button from
import Card from "https://framer.com/m/Card-i51b.js@j2ZJoIHHjGaXDBXmot9n"; D}
|& Developers Motion Handshake  Guides APl Documentation Back to framer.com
®0@ T Wre @ Frienddata i
> CGEE L e | sy s werre. QD) ©
I -
Olivia ’
o Get Started with Code
o Jason
Ultimate maple orange tempeh
ginger tofu sleepy morning tes. '
‘ I @ -
Edamame hummus heat red lentil
curry almonds mediterranean.
. olii .
K Chai tea entree chilies dark
chocolate cayenne rich coconut,
smoky caesar salad macadamia.. r
X


Browse recipes by ingredients

screenElements:
Breadcrumbs
Navigation Menu

screenKeywords:
TASTY
Easy Dinners Work Lunches Easy Air Fryer Slow Cooker Recipes Latest Recipes Family Dinners
Ingredients > Chicken
Chick
IC el‘l 1033 recipes
J < - ’ .
A\J’_ s T "',x;- “h T
e 4 B «;-S.Q;:f-.a‘ ;,"“ " - -
’ ] './ J({ ‘ - m-.’ -t «j- =
e O sy .:.\mf:t AR, o LA N e . l
- - T .t::h'f.‘v ’ i
e~y . 3 73 R # “ ) ..'1 .\. ° ,ZI\'.,';;\' : o l g d
: =34 Sy T ALk, M. T G 2 - - 4
L, SRR o e . - a . aall
% . . R, g e P o - . a5 - - s -l
: s e e Tl ,.f" ,e" . o 1 b ,\", . ,.{"' o SR 1R .‘:cI 1‘;’:‘/’»“{“ . I
S asanr s AT A RN 0 goph Biga.r ce N0 Ml R | N b Vg TO
P et § R, ¢ » ey Xy .L\ ™ & S ¥ .
. RN Yy e N e SR el - -
3-ingredient Teriyaki Chicken Cheesy Chicken Alfredo Pasta Paprika Chicken & Rice Bake Creamy Tuscan Chicken
Bake
|T A SI# Recipes v Tips & Tricks v Shop ~ O Search Tasty
- b . @ . — e
a4 P . s : = = =t
e W i "\‘ N . e N S
g . e '. ‘ ' 4 -’ - > ' .g ¥ # =/ !«% | A
o il T b Y el ” T e
A i - . p ) (Y oy gt @}’ AT
- Dy 4 B g NS o g Vo
h ~ 1‘ ¢ e 25 ‘éﬁﬂ? e ¥ , e I il » - - - 5 *}& \
N2 6 e RGO Ly elg #8 [ gy oy L o
_ I A2 -\_,"As‘i?; - N s, ,L..f?\ A * )
: g - AR 5 o5 g o
A . ] . L '/“‘\ Sl A ‘ 4 . .
S | ““E T B ¥ T8
Cheesy Chicken And Broccoli Garlic Brown Sugar Chicken Chicken Teriyaki Chow Mein One-Pot Chicken And Mushroom
Pasta Pasta
.- ‘ ’
e } . ' 7 " - - |
S R e, -
AoE > . gt A . '
NS 3 Tean® ® =V -y ) | 44
'("r..’ S5E - s ‘M g : 5 ’ - 3
o o _— A\ [ ’” J e ! . “
. . A R A L R . o2 4 e £ . ‘ 1
e "ém RN . G P NN, 7 ‘{ » -1
\ Ny S ) L L‘ £ A v v 7y . ; 1
A . . e B0t 3 I N n
: . R e B Ve ' y X
» e " - p o P
Easy Chicken Piccata Chicken Teriyaki Fried Rice Cajun Chicken Alfredo Easy Chicken Alfredo Penne
|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
AN T TR .
A 4 P
A" . e > =
~ o P o g o |
L .\ "; ; ey 3 "3', 5 A S v - P— — gy
5 y i ’ E f 75 & 8 \ *“ — ’.:_ P Ea A 3 5% -
PRPEEL Wl 57 B e WA RN~ .7 e
- N > v "Rﬂ? - T | ARSI e TR
> q ) SN f : f Bl B
A : » Baust o 3 e ; = B2
“ }.\ . . i 40 % o B, -
. “i A Y g - { S , -~
\. P, ™Y : . e i3 e -
One Pot Garlic Parmesan Pasta Chicken & Veggie Stir-Fry Creamy Lemon Chicken One-pan Honey Garlic Chicken
T !-. -
o . g ? <%y 4 .
s W= N e A "I )
PG AN e - S
&t . PSS g B, . i
- 5 =- =g BV i N
2f \fﬁ\’{; 6 Pl ‘“ & o A
-~ 27O ¢ ’ ’ ; o B P v ?
g _av A, Yy s /4 . ! g
S ‘ ‘N ) = I
0 —-— } - a’ _d'-,,_ ‘ % ,
" : : Y & pr "\ N AN
One Pot Chicken Fajita Pasta One-Pot Chicken Alfredo Creamy Chicken Penne Pasta Slow Cooker Chicken & Biscuits


All ingredients

screenElements: Breadcrumbs Photo

screenPatterns:
Browse & Discover
Browse & Discover
Browse & Discover

screenKeywords:
TASTY
ScaiZn Sirloin steak Sriracha sauce

T

Taco seasoning Tenderloin Tomato Turmeric

Tamarind Thyme Turkey

Vv

Vanilla Vanilla extract

Vanilla bean

w

Watermelon Whole grain

White pepper

Y 4

Zucchini

ft‘ n I I ¥ ' . 2 Download on the GETITON
|TASTY
Easy Dinners Work Lunches Easy Air Fryer Slow Cooker Recipes Latest Recipes Family Dinners
Ingredients > Chicken
Chick
IC el‘l 1033 recipes
J < - ’ .
A\J’_ s T "',x;- “h T
e 4 B «;-S.Q;:f-.a‘ ;,"“ " - -
’ ] './ J({ ‘ - m-.’ -t «j- =
e O sy .:.\mf:t AR, o LA N e . l
- - T .t::h'f.‘v ’ i
e~y . 3 73 R # “ ) ..'1 .\. ° ,ZI\'.,';;\' : o l g d
: =34 Sy T ALk, M. T G 2 - - 4
L, SRR o e . - a . aall
% . . R, g e P o - . a5 - - s -l
: s e e Tl ,.f" ,e" . o 1 b ,\", . ,.{"' o SR 1R .‘:cI 1‘;’:‘/’»“{“ . I
S asanr s AT A RN 0 goph Biga.r ce N0 Ml R | N b Vg TO
P et § R, ¢ » ey Xy .L\ ™ & S ¥ .
. RN Yy e N e SR el - -
3-ingredient Teriyaki Chicken Cheesy Chicken Alfredo Pasta Paprika Chicken & Rice Bake Creamy Tuscan Chicken
Bake
|ACT
BIA SI& Blue cheese Brown rice
Bean sprouts Blueberry Brussels sprouts
C
Cabbage Cherry Cilantro Cornmeal
Cake flour Chia seed Cinnamon Cotija cheese
Caper Chicken Clove Courgette
Cardamom Chicken breast Cocoa powder Crab
Carrot Chicken thigh Coconut Cranberry
Cauliflower Chicken wing Coconut oil Cream cheese
Cayenne pepper Chickpea flour Coriander Cucumber
Celery Chickpeas Coriander seed Cumin
Cheddar cheese Chives Corn flour
Cheese Chocolate Corn kernel
D
Daikon Date Dutch cocoa powder
Dairy Dill
E
Eggplant
|TASTY
A

All purpose flour Almond meal Artichoke Avocado
Allspice Anise Arugula Avocado oil
Almond Apple Asparagus

Almond extract Apricot Aubergine

B

Baby back ribs Beetroot Bok choy Butter

Bacon Bell pepper Bread flour Buttermilk
Banana Black beans Brie Butternut squash
Basil Blackberry Broccoli

Bay leaf Blue cheese Brown rice

Bean sprouts Blueberry Brussels sprouts

C

Cabbage Cherry Cilantro Cornmeal

Cake flour Chia seed Cinnamon Cotija cheese
Caper Chicken Clove Courgette
Cardamom Chicken breast Cocoa powder Crab

Carrot Chicken thiah Cocontit Cranberrv
|Easy Dinners Work Lunches Easy Air Fryer Slow Cooker Recipes Latest Recipes Family Dinners
S = B e TN <)
. “ w '2\ & N \
P - > o) d
& 4 // ir ) AY ) \ "’,5‘“‘“
o 3 - PR S
) ) ’ ) 3 T N
° g L > o s ﬁ % —
ngredients ey =
» - \ Y h
I ’ / \\ ./ q
Find recipes by ingredient. -y i} >~ j
| /' N AN /.
/4 _— )\ 7 ‘ﬁ') PN & \ L g - >
4 )3 | *f" ' .
{ ) \PRFE RS e ey e
\ : \\ & A J 5y
A\ 4 e 4 > A
\ e = —-
A
All purpose flour Almond meal Artichoke Avocado
Allspice Anise Arugula Avocado oil
Almond Apple Asparagus
Almond extract Apricot Aubergine


Onboarding

actions:
Onboarding
Creating Account

pagePatterns:
Hero Section
Landing Page

screenElements:
Logo
Top Navigation Bar
Button

screenElements: Logo Button Link

hotspotType: Keyboard Input

screenElements:
Text Field
Select
Button
Link
Divider

screenPatterns:
Account Setup
Signup

screenElements: Checkbox Select

screenElements:
Button
Loading Indicator

screenPatterns:
Verification
Acknowledgement & Success

screenElements:
Text Field
Button

screenPatterns:
Account Setup
Add & Create

screenElements:
Text Field
Button
Icon
Logo
Top Navigation Bar
Button
Checkbox
Select
Logo
Button
Link
Dialog
Button
Photo
Button
Loading Indicator
Text Field
Select
Button
Link
Divider
Text Field

screenPatterns:
Account Setup
Add & Create
Verification
Acknowledgement & Success
Account Setup
Signup
Signup
Guided Tour & Tutorial
Loading
Account Setup
Signup
Account Setup
Add & Create

pageType: Application Application Application Marketing Application Application Application Application Application Application Application Application

screenKeywords:
Create new team
Create a team to work with other team
members and collaborate.
Team Name
|T
Create Account
Already have an account? Sign in
or
John Smith
jsmith.mobbin@gmail.com
Designer o
| agree to the Terms of Service and Privacy Statement
Send me updates via email. Unsubscribe any time
|]
Check your inbox
We sent you an activation link. Please be sure to check your
spam folder too.
|¥ Framer Usecases  Templates Plugins Learn  Gallery Support+  Pricing
You’ve never made
a website this fast
before. Really.
Try for free >
|T
Create Account
Already have an account? Sign in
or
John Smith
jsmith.mobbin@gmail.com
What kind of work do you do? v
| agree to the Terms of Service and Privacy Statement
Send me updates via email. Unsubscribe any time
|T
Create Account
Already have an account? Sign in

or

John Smith

jsmith.mobbin@gmail.com

Designer o

| agree to the Terms of Service and Privacy Statement
Send me updates via email. Unsubscribe any time
|Welcome to Framer
Don’t have an account? Sign up for free
G Continue with Google
Sign in with email instead
|Insert B Layout Frame Text CMS Untitled FREE @ m
¥ 6ot @ e R - T
Pages
Web +
A Home
/about - 2
. Ui ju i S
: o m ol
/contact FRAMER o) = | s = N
Ja04 - = e
g
cMs + Fard o oraducb
vaint a proal hat
ustomers love and use’
Canvas + ) .
| help digital businesses grow with functional, intuitive, great looking
product design. From apps, SAAS, and websites to Web 3.0. | have 15-
years experience, launched 30+ products, used by millions of people.
Welcome to the nhew Framer
Design and publish beautiful sites in minutes. Get
started right away with our tutorial, or learn all about
the new Framer on our launch page.
See What's New
w U & 50% Upgrade Now
|T
Create Account
Already have an account? Sign in

or

John Smith

jsmith.mobbin@gmail.com

Designer o

| agree to the Terms of Service and Privacy Statement
Send me updates via email. Unsubscribe any time
|Create new team
Create a team to work with other team
members and collaborate.
Mobbin
|T
Create Account
Already have an account? Sign in
or
First Name Last Name
jsmith.mobbin@gmail.com
What kind of work do you do? v
| agree to the Terms of Service and Privacy Statement
Send me updates via email. Unsubscribe any time
|Create new team
Create a team to work with other team
members and collaborate.
Mobbin


Article detail

pageType: Application Application Application Application Application Application Application

screenKeywords:
I Recipes v Tips & Tricks v Shop ~ L Search Tasty
Uy e A SN
- b ,“7 &' ;- .w ’\ b 4
itz ‘ ;.:‘;.v,. z l . N l ' i ‘ "In Some Countries, Schools Have
v S8 e E 1 ’ }~ Them Just Because They Saw Them
N \.‘;‘0.. "4, % i g 1 y
& “‘ » xﬁz:‘.‘é -;{;“.};j,; ‘,_ b 3 1! On American TV:" People Are
i_.ﬁ; NS ’;‘."\, » ‘:;_ : 5 = ! Sharing Specific Aspects Of
e AT e.’.% B R b - ) American Life That Have Have
e — e — T —— e oo . . I \ Gained Surprising Popularity Abroad
i ety et L e S B 0 'Tm ‘ ’l A
i ~ e -7
: = L o ION {"& _
e o7 S : - ‘ = D e
= :;‘5" o T ;. = > 1 x 5%&: Y 7 5
- g ONEEA IR rid BTy =R K is i i
55 ‘%*i" 143 = 'A'?\,..,—_-' : :' b ol %, B d 7 richness without altering the flavor too much."
CrRNex | evmawe SRS i & » S I o /S 3
L e R = W 50
S T \\:,*“ “* i :§1 g SN "They’re Cheaper And I Really Can't
S *’L@?J sty et o R [ Tell The Difference": People Are
. —— - e —— | Sharing The Ingredient Swaps They
e o= — Make All The Time When Cooking At
Home
Fancy / Getty Images
—clarinuit "l Ii\?é alone, and
these hacks help me
. avoid wasting food...'
What popular food or cooking hacks are, in your opinion, L= -
totally worthless, silly, or straight-up extra effort? Tell us in the ‘ "A
e - 2
comments. | > J
Note: Some responses have been edited for length and/or clarity. "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
|TASTY
1. "Using a plastic water bottle to separate egg yolks from the
whites and, by extension, using any tool to separate the yolks.
Just use your hands."
Latest Tasty Guides >
; . B |
. garry ~mearemene ) AN
. T" ) < r S "::"\): ;s
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
I P B n
Elva Etienne / Getty Images 'u,,},o"' _— p “v: ;\ p “;‘:E ’ ;&‘
.'-'°mpl.(.’7';° tells You ¢ R Y TN 4
— Stualy addg ?:o,-,,.,g fho: Yy this is 7]
B // . — ess, lh"., a::‘:’;:tlg o R
= v FW L LA
o o o B S B - - B 5 .,_I’f.. ._\%‘ZW: .vif’d
|T A SI# Recipes v Tips & Tricks v Shop ~ O Search Tasty
P : B s g
/ 7B |
Latest Guides
z \ | .. ’ . 1B [ Nestare \ < S
\ \, 4 £ ’ .. " - — l‘ 1 A Y , A -
| ¥ > i B \
. - " i 5 « ] T— 3 2
; g 'l‘ ’ c::,;?"‘ who ,." v » i | T \; d v ; -
( 3 [/ » et L] gl | <l B% -:
[ 4 - ‘ ’ 'v a""”'y a:'dy ’9"01"!1::;: to try this j, \\ %) S - ~ B ’ &
N & s, time, roct that it [ NN e (I .
= TRt NN \ i 'a:'d etoren o - I T ; I meldolit!
: : t FI Pugh' \ 3 B X
A T P R s o |
- ‘g — 4 o ‘_ @ J
This 10-Minute Breakfast Is Florence Pugh's  People Are Sharing The Most Useless Carrots And Peanut Butter Is Apparently
Go-To When She's Not Working, And It "Hacks" That Actually Make Cooking Way Florence Pugh's Go-To Snack, And After
Deserves To Be Talked About Way More Harder Than It Needs To Be Trying It Myself, I'm Low-Key Obsessed
Than The "Don't Worry Darling" Drama
|T A SI# Recipes v Tips & Tricks v Shop ~ O Search Tasty
==
If you spend time reading about food on the internet or o
watching cooking videos on TikTok, you know there are a Sommer Set Salad With Honey
whole lot of *tricks* out there. But of course, not every cooking Lime Dressing
hack actually works the way it's supposed to. So redditor 3 OC . ,
u/secret-snakes asked, "What cooking 'hack' do you hate?" & ";’,:4 ¥ e W
Here are some food "hacks" that, according to home cooks, X 3 =
just make the job more difficult. i .
j j - ¥ a R . r:"* \
! v ’ - 3 " L ) Blueberry Angel She‘r‘bet
: ‘I‘n' - i ) Overnight Oats Cloud Cake
! | n - g : _
\\ - ‘ ,Q) —. “N-‘ :‘ v >
- Ve @ i 53 S WL
. ‘ A 2 S it
4 Low-Carb Avocado Vegan Lasagna
Chicken Salad Soup
L) _ "
- | The Tasty Newsletter“
Easy recipes and cooking
hacks right to your inbox
cBs Email address (required)
Your email address
|NO. &, 9 W-S2I:s have been edited for length and/or clarity. "This Is A HUGE Cost Saver": People
Are Sharing How They Save Money
On Things Like Food, Baby Products,

G @ 9 o 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 >
More Tasty Guides >
e . B me - Bl I ATETAE e e |
|T As I & Recipes v Tips & Tricks v Shop ~ O Search Tasty
More Tasty Guides >
' N eened” i Afather's secret & &. i e 4 a;- - } \ Onx e "‘s-:-:'__"i
{/| _ that'ssteeped ‘ sweet remix of — 1 . L Y M -
| betweenthehours B |. | Filipino spaghetti pr -, - — >, e J N ' b R 5 i
i\ol10a.m;sfrf'1_zli-/'m\ b —— y e & A P 4 s ko \ ¥ 0 ..."’ — ,; 2 !\“:
, A gy S A - » v A § il ‘;‘“pph ot ~ 8 N R ~f S N
i % » =, [ . - LEERE S“‘“:made\"’ 4 28y DIY cren | &l e
) crg |\ Rt enkat caorie. | |_ciant ey Ee =
::.pt’,}; - 7 i P i heaper th ter. 1 cubed P‘m :% — Sauce 'R . “\‘?‘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
- : : " ' A ”», —

" 4 - Pt ; ’ o, Ay
: ”ﬂzﬁ’ // ‘ ). / 32"5\51 ‘ Mo i N

A‘_..-" nlu“"m-namo:‘“.‘:".‘:. Talhlnlié:,e‘l,ngl: O akehY M s N S Vo N
i 4 molkes gravies and '|:|‘;v-|x .::"ﬂ“’ L gg:'lllccz perfection i) 5 s JREra N — 'r,' O\

3 2 tine overs | ¥ ¥ g1 2 Pl Tal S R e »

] T e P o vl N T y N\

UL e ( D A 2

"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
|TASTY
Easy Dinners Work Lunches Easy Air Fryer Slow Cooker Recipes Latest Recipes Family Dinners
[ ]
People Are Sharing The Most
” ”
Useless "Hacks" That Actually
[ ]
Make Cooking Way Harder
Than It Needs To Be
Sure, you *can* do it this way — it just calls for more effort and basically takes
forever.
% Hannah Loewentheil Trending Recipes
September 04, 2022 \
Q000 fr
: & % 2 - '
If you spend time reading about food on the internet or \A — '/
watching cooking videos on TikTok, you know there are a o S Salnd with Honey
whole lot of *tricks* out there. But of course, not every cooking Lime Dressing
hack actually works the way it's supposed to. So redditor DO I K
u/secret-snakes asked, "What cooking 'hack’ do you hate?" ,“‘ ‘““?*“
Here are some food "hacks" that, according to home cooks, !‘Q' ; GO |
just make the job more difficult. ‘f |
T . YT R e UTTTW™TT R =t


Saving a project as template

screenElements:
Keyboard Key
Dropdown Menu
Badge

screenElements: Banner Icon Button

screenElements:
Banner
Icon
Button
Keyboard Key
Dropdown Menu
Badge

screenPatterns:
Acknowledgement & Success
Action Option

screenKeywords:
T v Insert .= Layout . Frame Text CMS Portfolio - jmobbin.framer.website FREE e o] » m
Pages Layers Assets
Web +
o
A Home . 5
Hello, I'm John Smith )
@ /about ‘
o OF VAR
@ /contact
® /404 iy ‘% '
CMS +
£  Projects Pages 1
o
Vi
7
Canvas + i I
-
6 cCanvas1 W “
; j\J ProjectA
i\t Description
o
Vi
7
. 1/
-
i o
Pr°je ¥ This project has been added to Templates See Templates
Descriptiol
w ¥ @& 50% - Upgrade Now
|T v Insert .= Layout . Frame Text CMS Portfolio - jmobbin.framer.website FREE e o] » m
Pages Layers Assets
Web
A Home
@ /about
@ /contact
@ /404
CMS
£  Projects Pages 1
o Desktop
Canvas
FRAMER About  Contact
& cCanvas1
o
. . N
Hello, I'm John Smith .J
IV
o BRI
a You're viewing a template project = Edit Template
b
, % W e s v
T “
|; A Insert .= Layout . Frame Text CMS Portfolio - jmobbin.framer.website FREE e o » m
Go to Dashboard
Quick Actions... ®K e
=
B
lo, 'm John Smith F
Edit > Duplicate o, John Smit g
. Ryl
View > Save as Template PRO Lo
i TSN
Tool 4 Archive g %’
Layout > e
Text N Publish Update 4¥P
Graphic N Open Site 480
o
Component > B ‘-5;_.*
Upload Image... 88| i
Preview > ‘
-
o
Code ’ New Web Page :‘!)i N
i By
New Canvas Page ,‘ { -
Settings > vf‘\ ! PrOjeCt A
i\ Description
Help ’ Import from Sketch...
Your Account Import from Figma... 481
Invite Collaborators...
Copy Project Link
L,
Copy Remix Link NEW ?ﬁ»"
Vi
Ta |
*‘ d ally
ProjectTitle
!
Description i\
w ¥ @& 50% - Upgrade Now


Recipe detail (Community)

screenElements: Pagination Avatar

screenElements: Photo Icon Link Pagination Avatar

pageType: Application Application Application Application Application Application Application Application

screenKeywords:
NST
‘o A Jbmit your own recipe here!
™ A ~— ~—— / » /
' ; , L 4
=~ 48
¢ A
| ] 2
- . =
) L/
A
Ingredients Preparation
for 24 servings 1 In a mixing bowl, beat eggs. Gradually
4 eggs add sugar. While beating slowly pour in
2 cups granulated sugar oil. Add vanilia.
(400 g) 2 Combine the dry ingredients.
1 cup vegetable oil
(240 mL) 3 Add dry ingredients alternately with
1teaspoon vanilla extract sour cream to the egg mixture.
4 cups flour (500 g) 4  Gently add blueberries.
1teaspoon baking soda
. 5 Spoon into the greased muffin tin or
2 teaspoons baking .
powder paper liners
|Ingredients Preparation
for 24 servings 1 In a mixing bowl, beat eggs. Gradually
4 eggs add sugar. While beating slowly pour in
oil. Add vanilla.
2 cups granulated sugar
(400 g) 2 Combine the dry ingredients.
1 cup vegetable oil
(240 mL) 3 Add dry ingredients alternately with
1teaspoon vanilla extract sour cream to the egg mixture.
4 cups flour (500 g) 4  Gently add blueberries.
1teaspoon baking soda
. 5 Spoon into the greased muffin tin or
2 teaspoons baking i
powder paper liners
2 cups sour cream 6 Bake at 400°F (200°C) for 20 minutes.
(490 g)
2 cups blueberry (200 g) 7 Enjoy!
Nutrition Info
View Info +
|T'A s‘ I l& /O Search Tasty
Easy Dinners Work Lunches Easy Air Fryer Slow Cooker Recipes Latest Recipes Family Dinners
O 26 TIPS (£;' 100% WOULD MAKE AGAIN
Kaleb Mayer
Community Member
Q00
This recipe was submitted by a Tasty Community Member, and hasn’t been tested by the
Tasty recipe team. Submit your own recipe here!
' S, > oy \C L
4 i I\‘N » - -
- ’_v'
=~ 48
¢ A
] o~
- —~— -
=) |/
- A
|' ‘ l /O Search Tasty
vou wa < ) ) ) . y s \
AN Ad A put it in for f : T quick. | made mine into mini £ L4 )
less than 20 minutes 3 mufﬂnslahd they were super cute
1year ago Helpful (5) and delicious. | used yogurt
instead of sour cream.
. Erin Conley _ 1year ago Helpful (3)
Instead of sour cream, | used a -
combination of yogurt + half and 4 N 0 Grace Kahil —
Il i S
half. Otherwise | followed the q Awesomel! | made 12, and only did § f“*’f@i"
o i | o as
instructions to the letter. They 15 mins. Came out perfect! Super  f 174 &
turned out amazing! | definitely easy too. L
need to pay attention to balancing 2 months ago Helpful (2)
batter and blueberries next time . ava.._..slay
[=} i set it to 12 servings, but i ended
3 months ago Helpful (4) up having so much spare i could
make 24 more!! might have just
been adding a bit too much
ingredients but it was delicious,
will definitely be trying this again.
1week ago Helpful (1)
Tasty Guides
4 A\
| ' \ . - . 9P
, L B = 2L 4
. - "Anyone 2% ' 2
g 70 4 Com, Who te = i
.\ <K "'}‘i , g actugfnCtely ignopis YOu to try  _
A" J Y adds e "9 the fac) thisis
. 4A esg, tim, act thag i y
3 v . W . ®, ang ggp, It
o - — c ort.” kg " s
ant e trying Florence Pugh's ' \ N o v |
) ’ English Breakfast NE = b s
- e 2 X 37 { L 4
This 10-Minute Breakfast Is Florence Pugh's People Are Sharing The Most Useless
Go-To When She's Not Working, And It "Hacks" That Actually Make Cooking Way
Deserves To Be Talked About Way More Than Harder Than It Needs To Be
|Ingredients Preparation
for 24 servings 1 In a mixing bowl, beat eggs. Gradually
4 eggs add sugar. While beating slowly pour in
oil. Add vanilla.
2 cups granulated sugar
(400 g) 2 Combine the dry ingredients.
1 cup vegetable oil
(240 mL) 3 Add dry ingredients alternately with
1teaspoon vanilla extract sour cream to the egg mixture.
4 cups flour (500 g) 4  Gently add blueberries.
1teaspoon baking soda
. 5 Spoon into the greased muffin tin or
2 teaspoons baking i
powder paper liners
2 cups sour cream 6 Bake at 400°F (200°C) for 20 minutes.
(490 g)
2 cups blueberry (200 g) 7 Enjoy!
Nutrition Info
Hide Info —
Calories 264
Fat 13g
Carbs 32g
Fiber Og
Sugar 13g
Protein 4g
Estimated values based on
one serving size.
|Related Recipes
=N TR
i - 173 o o .. 'F y « " - ;.q —;;.:__ -
y; b a ‘ 4 ol :;‘ ™ l,; B
b7 . | BE S
. 258 B <P, ‘ g al ;
i) & e - e B 4 3 J; : 4
“j:' IR Community - Community ‘ : p :‘ B . LY
3-Ingredient Delicious Banana Oat Nikki's Monster Blueberry Lemon Jiggly And Fluffy Banana Bread Mini
Flourless Chocolate & Muffins Cookie Yogurt Muffins Castella Cake Muffins
Blueberry Banana
Muffins
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 >

Submit a recipe to Tasty
Have a recipe of your own to share? Submit your recipe here.
|Easy Dinners Work Lunches Easy Air Fryer Slow Cooker Recipes Latest Recipes Family Dinners
] ]
Community Recipes 7o: cipes
Our Tasty community has all the recipes you could want to try — from chocolate
chip cookies to beef shawarma fries. Get your chef's hat and let's get cooking!
Interested in submitting a recipe of your own? Submit yours here!
~e= ng N
A | 4
~ . / ’ '
CATT , ” vz >
‘4-’ 3 T \ e
: \ » ) G2 o .‘
A y p N ii' X "I": "' -
3 4 y A - } . A m". o b’{
- - f‘. \ - .« - J
i\ ' :‘.« . v
Community y Community E ) Community Community | ‘ [ 4 o s
Blueberry Cream Muffins Nut-Free Macarons The Best Pumpkin Pancakes Easy 15-Minute Crepes
|TASTY
Tips  Sort: Most helpful v 10f3 >
' earthxangel a Brooke Jones
It was fantastic! | did the following 9N ]‘ | put these mini muffins in for 15-17 32&3
differently: - substituted brown o !5 minutes. | say that because | 3 .‘5’5
sugar for the granulated - added a * “ probably could have browned &9
super ripe mashed banana - =& these a bit more. @ Also made 12 '
vanilla Greek yogurt instead of regular muffins after these went in
sour cream the oven. | used half white and
11 months ago Helpful (12) brown sugar and added 2
@ twenty.one.pilots.fan teaspoons of cinnamon because |
Yum yum! So good! | normally i “S"‘ love cinnamon. ©©
HATE muffins but these are so = 9 months ago Helpful (4)
amazing.@ We didn’t have any I \3;4“ o margieevv
white sugar so, | used brown L ) Love these blueberry muffins! ’4\3
sugar and they obviously turned 1year ago Helpful (4) { S
out great <&
1year ago Helpful (8)
Q Jeryck Tabayoyong . E Voit
Came out really good! Moist, fluffy g < - SO GOOD!! What i did that really
goodness. 2 <= | added that finishing kick of flavor
4 months ago Helpful (7) ﬁ was make a citrus lemon icing to I
go on top of the muffins!! its a
Lauren Moreaux super simple recipe ill put right
@ Very Good! Don’t be alarmed! The batter will down bellow: 5 tbsp powdered
have a somewhat cookie dough consistency. sugar 1 thsp lemon/lime juice
My tip is LOTS of blueberries, and maybe just a Directions: in small bowl add
little more vanilla. This recipe is fairly simple, I'm powdered sugar and whisk
not an adult, and | made it! Definitely together with lemon juice Enjoy!
recommend! -The Fabulous Foodie <23
P, 2 months ago Helpful (3)


Site preview

screenElements:
Text Field
Button
Icon
Segmented Control

screenKeywords:
Responsive Scale to Fit 1200 w 790 H G Reload 2 Hide Ul X
Qﬁ! i,
Nl
b
o7
}/7
i
L\ 0
{ e
\ ‘ {
X ]
Hy Project A
|/
\‘ Description
|Responsive Scale to Fit 1200 w 790 H @ Reload ' Hide Ul X
Project A description
|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,
|L Insert .= Layout . Frame Text CMs Portfolio FREE e o] » m
Pages Layers Assets
Web +
2
A Home - . . ka}
Hello, 'm John Smith »
@ /about ‘
gl
@ /contact i B
i B RS
® /404 ' ?
CMS +
£  Projects Pages 1 %
v
i
Canvas + o ‘
T “
6 canvas1 “ :vj‘
ProjectA
4
\ Description
b
3
o
f :‘j‘
ProjectTitle 1
4
Description \
‘ w . 50% v Upgrade Now


Adding a comment

screenElements:
Button
Side Navigation

screenElements:
Popover
Text Field
Button
Icon

screenPatterns:
Comments
Draw & Annotate

screenElements:
Popover
Text Field
Button
Icon
Side Navigation
Stacked List
Avatar
Button
Divider
Button
Side Navigation
Text Field
Button

screenPatterns:
Comments
Draw & Annotate
Comments
Comments
Empty State
Comments
Draw & Annotate

screenKeywords:
L Insert .= Layout . Frame Text CMs Portfolio FREE e o] » m
Pages Layers Assets Back Replies Resolve
e John Smith
Web + Just now
a o ;s Project archive here
Home =N
Hello, I'm John Smith '3”
@ /about
gl
@ /contact i B
i B RS
® /404 ' j
CMS +
£  Projects Pages 1 %
3
Canvas + 4 \
o ] ®
6 canvas1 “ :vj‘
ProjectA
4
\ Description
R
Vi
i
o
T “
f :‘j‘
ProjectTitle 1
4
Description \
50% v ) de N
k w . ° [ ERDIREL Write a reply... G
|T v Insert .= Layout . Frame Text CMs Portfolio FREE e o] » m
Pages Layers Assets Comments Open v
Web +
2
wo
A Home . ) ka}
Hello, I'm John Smith )
@ /about ‘
Ryl
@ /contact i ‘;_
1404 v %
CMS +
£  Projects Pages 1 %
3
Canvas + ) 5
e o
o Write a comment... X qp .
6 cCanvas1 i ally
N Y . No open comments.
4 PrOjectA Click anywhere on the canvas
\ Description to start a conversation.
%’.’h.
bl
¥
o
i ]
f :‘j‘
ProjectTitle 1
4
Description \
w ¥ @& 50% - Upgrade Now
|L Insert .= Layout . Frame Text CMs Portfolio FREE e o] » m
Pages Layers Assets 1Comment Open v
e John Smith
Web + Just now
o 2 Project archive here
A Home . ) k;)
Hello, I'm John Smith ) )
® Jabout ’ 0 replies
Ryl
@ /contact i ;J,:».'r'*
@ /404 L
CMS +
£  Projects Pages 1 %
3
Canvas + o ‘
7 ®
& cCanvas1 *‘ :'II
o ProjectA
!
\ Description
™
Wi
7
o
f :‘j‘
ProjectTitle -
!
Description \
w ¥ @& 50% - Upgrade Now
|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 Comments Open v
Web +
2
wo
A Home . . ka}
Hello, I'm John Smith U
@ /about ‘
eyl
@ /contact i (o
W CERN
® /404 ' "3
CMS +
£  Projects Pages 1 %
3
Canvas + ) o
Vit b
o2 ®
6 canvas1 i A
o ! . No open comments.
4 PrOjectA Click anywhere on the canvas
{ Description to start a conversation.
s
b
o
I .‘v““
ProjectTitle 1
4
Description \
w ¥ @& 50% - Upgrade Now
|T v Insert .= Layout . Frame Text CMs Portfolio FREE e o] » m
Pages Layers Assets Comments Open v
Web +
2
o
A Home . ) ka}
Hello, I'm John Smith )
@ /about J
gl
@ /contact G i
@ /404 "
CMS +
£  Projects Pages 1 %
b
3
Canvas + 5
Ay
g*’i | . Project archive here X ° [
& cCanvas1 i\ 0
N Y . No open comments.
\¢ Click anywhere on the canvas
el ProjectA
\ Description to start a conversation.
@
5
i o,
f :‘j‘
ProjectTitle 1
4
Description \
w ¥ @& 50% - Upgrade Now
|L Insert .= Layout . Frame Text CMs Portfolio FREE e o] » m
Pages Layers Assets Back Replies Resolve
e John Smith
Web + Just now
D 2
A Home k;} Project archive here
Hello, I'm John Smith A
@ /about ’
LV |
@ /contact i w“_
@ /404 1y %
CMS +
£  Projects Pages 1 %
3
Canvas + i \
o ®
6 canvas1 “ :vj‘
o ProjectA
!
| Description
™
v
) 1/
f .‘v““
ProjectTitle 1
!
Description \
w ¥ @& 50% - Upgrade Now It should only display 3
projects °
|L Insert .= Layout . Frame Text CMs Portfolio FREE e o] » m
Pages Layers Assets
Web +
2
A Home - . . ka}
Hello, 'm John Smith »
@ /about ‘
gl
@ /contact i B
i B RS
® /404 ' ?
CMS +
£  Projects Pages 1 %
v
i
Canvas + o ‘
T “
6 canvas1 “ :vj‘
ProjectA
4
\ Description
b
3
o
f :‘j‘
ProjectTitle 1
4
Description \
‘ w . 50% v Upgrade Now


Toolbar menu

screenElements:
Dropdown Menu
Keyboard Key
Dropdown Menu
Badge

screenPatterns:
Action Option
Action Option

pageType: Application Application Application Application Application Application

screenKeywords:
; A Insert .= Layout . Frame Text CMS Portfolio - jmobbin.framer.website FREE e o » m
Go to Dashboard
Quick Actions... ®K e
File > o J '}
Eait . Hello, I'm John Smith .J
) IV
View > o
Tool > ns {f’ /
e
Layout > B
Text >
X v Use Direct Selection
Graphic > N
Auto Switch to Layers
Component >
Use Smart Layout Stacks
Preview > . .
v Reverse Zoom Direction
Code > .
v Animate on Zoom
v Notify When Content Is Out of View i
Description
Help > Domains i
Reset Default Frame Fill
Your Account Versions i
Reset Video Banners
Analytics
Plans Nudge Amount
L,
7
i o,
T “
ProjectTitle -
!
Description i\
w ¥ @& 50% - Upgrade Now
|® ~ Insert .= Layout . Frame Text CMS Portfolio - jmobbin.framer.website FREE e o] » m
Go to Dashboard
Quick Actions... ®K e
2
File > - §3}
Eait . Hello, I'm John Smith '3”
View > 1;‘.”
B
Tool > Y ‘:}
Layout > S
Text >
Graphic >
Component > 'gfr:f'
v
Preview > ‘
Code > g‘%
.;:j‘ :‘j‘
Settings > : II\“ PrOjeCtA
\ Description
Help >
Your Account
b
i
) 1/
T “
f :‘j‘
ProjectTitle 1
4
Description \
‘ w . 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 > - !ﬁ;
fait . Hello, I'm John Smith '3”
. > 41 l;,,
View > 5
W R
Tool > ! ‘3’
Layout > e
Text >
Graphic >
Component > 'gfr:f'
v
Preview > ‘
Ry Sk
Code > %?*s’l
e ally
\ Description
Help > Domains
Your Account Versions
Analytics
Plans
Preferences > %:f,
\V‘ 7
i o,
*‘ o
ProjectTitle o
4
Description \
‘ w . 50% v Upgrade Now
|T v Insert .= Layout . Frame Text CMS Portfolio - jmobbin.framer.website FREE e o] » m
Pages Layers Assets
Web +
2
o
A Home . ) ka}
Hello, 'm John Smith »
@ /about ‘
gl
@ /contact i B
i B RS
® /404 ' j
CMS +
£  Projects Pages 1 %
v
i
Canvas + o ‘
T “
6 canvas1 “ :vj‘
ProjectA
4
\ Description
b
3
o
T “
f :‘j‘
ProjectTitle 1
4
Description \
w ¥ @& 50% - 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
|; A Insert .= Layout . Frame Text CMS Portfolio - jmobbin.framer.website FREE e o » m
Go to Dashboard
Quick Actions... ®K e
=
B
lo, 'm John Smith F
Edit > Duplicate o, John Smit g
. Ryl
View > Save as Template PRO Lo
i TSN
Tool 4 Archive g %’
Layout > e
Text N Publish Update 4¥P
Graphic N Open Site 480
o
Component > B ‘-5;_.*
Upload Image... 88| i
Preview > ‘
-
o
Code ’ New Web Page :‘!)i N
i By
New Canvas Page ,‘ { -
Settings > vf‘\ ! PrOjeCt A
i\ Description
Help ’ Import from Sketch...
Your Account Import from Figma... 481
Invite Collaborators...
Copy Project Link
L,
Copy Remix Link NEW ?ﬁ»"
Vi
Ta |
*‘ d ally
ProjectTitle
!
Description i\
w ¥ @& 50% - Upgrade Now


Adding a project name

screenElements:
Popover
Text Field
Select

screenElements:
Top Navigation Bar
Editable Text
Button
Avatar
Side Navigation
Stacked List
Toolbar
Icon
Logo
Segmented Control
Badge
Toast
Popover
Text Field
Select

screenPatterns:
Canvas
Acknowledgement & Success
Edit

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
|[} "
v . Insert Layout Frame Text CMsS Portfolio FREE
Fv Qe B @ e e >
Pages Layers Assets
Name Portfolio
Web +
Folder Mobbin / All v
A Home
° Desktopv 1200 Breakpoint +
@ Jabout
@ /contact FRAMER About  Contact
® /404
CMS +
Canvas +
¥ Updated project name
w U ® 50% - Upgrade Now
|] ) -
v B msert Layout F @ et @ coms Untitled FREE
¥ kg Inser .- ayou . rame b Tex ntitle e o] » m
Pages Layers Assets
Name Untitled
Web +
Folder Mobbin / All v
A Home
o Desktop v 1200 Breakpoint <+
@ /about
@ /contact FRAMER About  Contact
@ /404
CMS +
Canvas +
w ¥ @& 50% - Upgrade Now
|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


Roadmap

pageType: Marketing Marketing

screenKeywords:
Join TechCrunch+
Login
Search Q
TC Sessions:
Robotics o

#h
Startups Framer, the interactive design
TechCrunch+ platform, scores $24M SeriesBled |
Podeasts by Atomico v
Newsletters .
Startup Battlefield Steve O'Hear @sohear / 8:00 PM GMT+8 * November 12,2018 T comment o
Advertise == - =
Events Jr— B N : — p— &

e - Sk -
— ','
W i3
=
: w/ r- :
- - y
\‘ i g - | .
\ /8 3 . = N B 2d
|& Framer Usecasesv Templates Plugins Learn Gallery Support+  Pricing
Ideds every step or tne way.
S \E e O @G ¥
2015 2017 2018 2018 2020 Today
Framer Studio Framer Design Framer X Framer Motion Framer Web Framer Sites
(o] O o o o O o (o] o (o]
® ¥ - W
FramerJS Seed Series A Series B
Come work with us on building the


Live preview

screenElements:
Button
Hero Image

pageType: Marketing Marketing Marketing Marketing

screenKeywords:
-
A simple Framer template for
your store. Embed products
from services like Gumroad.
° Click to live preview
v :A
TE T
. LI
~sCavs
|‘ Framer Use cases v Plugins Learn Gallery Support v Pricing
/
1m0
4 & o 8
@ v 0 s
4+ 0, ©
e GRS
o a’
g o & O
iOS Icons Taklobo Baybayin
Traf 528 John David Maza S10+
Q&\@‘!!"'A%
A )|
“uie . . =
|*
A simple Framer template for
your store. Embed products
from services like Gumroad.
-~
|4
A simple Framer template for
your store. Embed products
from services like Gumroad.
m Follow
. Cayey


Logging in

screenElements:
Logo
Top Navigation Bar
Button

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

screenPatterns: Login Home Login Login

pageType: Marketing Application Application Application Application Application Application

screenKeywords:
¥ Framer Usecases  Templates Plugins Learn  Gallery Support+  Pricing
You’ve never made
a website this fast
before. Really.
Try for free >
|Welcome to Framer
Don’t have an account? Sign up for free
G Continue with Google
or
jsmith.mobbin@gmail.com
|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...
|Welcome to Framer
Don’t have an account? Sign up for free
G Continue with Google
or
jsmith.mobbin@gmail.com
|Welcome to Framer
Don’t have an account? Sign up for free
G Continue with Google
Sign in with email instead
|Welcome to Framer
Don’t have an account? Sign up for free
G Continue with Google
or
Email
|]
Check your inbox
We sent you an activation link. Please be sure to check your
spam folder too.


Creating a component

screenElements: Accordion Tree

hotspotType: Right Click

screenElements:
Context Menu
Keyboard Key

screenElements:
Dialog
Text Field
Button

screenElements:
Text Field
Button

screenElements: Link Divider

screenElements:
Context Menu
Keyboard Key
Dialog
Text Field
Button
Text Field
Button
Link
Divider
Accordion
Tree

screenPatterns:
Action Option
Add & Create
Add & Create
Canvas
Canvas

screenKeywords:
T v Insert .= Layout . Frame Text CMs Portfolio FREE e o] » m
Pages Layers Assets |- + -l [T L |.| =
e Sticky +
~ & Desktop Primary
uxo -‘
2t Topbar &}} Link +
» 0 Columns Hello, 'm John Smith y
A & Si +
v & Features 2 1;'" ize
B Image i § Span 1 Column o
» & Content il
1 Row v
> & Content
B Image Width Auto Fill v
O e
'?ﬁ:fr Create Component 3£ K Height Auto Fil v
ﬁ/.»v Fit Content
i Sl Min Max Add...
-
g["‘éz Select >
e ol ;
i b Replace With...
B Feature Layout @ -
\ You've never made a Copy >
website this fast before. Type Stack Grid
Paste >
Move > Direction « T
Duplicate $D
Distribute Center v
Delete <
o
Align |® L] |
Rename
. Lock #L Wrap Yes No
by
‘ Hide ®;
/ G 20 -
% = Overflow > a
V 7 ('{va i _
Feature ~‘ﬁ | Add Frame ®e Padding b o
N 7
You've never made a ‘\"’ o Add Stack A )
website this fast before. W b
Remove Frames Effects +
w ¥ @& 50% - Upgrade Now
Intrinsic Size Styles +
|] ) i
v B msert Layout F @ et @ coms Portfolio FREE
¥ B Inser .. ayou . rame T RIS ortfolio e o] » m
Pages Layers Assets
e Sticky +
v & Desktop Primary
2 Topbar e 5) Link +
» 0 Columns Hello, 'm John Smith Y
A & Si +
v & Features 2 / ize
@ Image # g" / Span 1 Column v
» & Content il G
1 Row v
> & Content
® Image Width Auto Fill v
o New Component o
Height Auto Fill v
Title
J Min Max Add...
gz‘”éi Components can be edited in their own
:;{‘“' canvas. Double-click on any instance to
o add visual variants and interactions.
o Layout ©@ -
u‘\"
fore. Type Stack Grid
Direction « T
Distribute Center v
o, O
Align |® L] |
; Wrap Yes No
3
4
.y Gap 20 -
i
W h . -
Feature .?é i Padding 40 o o
You've never made a \ 4
website this fast before. W .
Effects +
w ¥ @& 50% - Upgrade Now
Styles +
|L Insert .= Layout . Frame Text CMs Portfolio FREE e o] » m
Pages Layers Assets |- + -l ¢ & L |.| =
e Sticky +
~ & Desktop Primary
2 Topbar e 5) Link +
» B Columns Hello, 'm John Smith Y
S & Si +
v & Features 2 / ize
@ Image # ,gf ) Span 1 Column v
» & Content il G
1 Row v
> & Content
® Image Width Auto Fill v
O o) [
Ly, : . y
"?ﬁ, Height Auto Fill
A
i o Min Max Add...
T ‘
“‘:,'“ ally
Feature Layout @ -
l\ ’ You've never made a
website this fast before. Type Stack Grid
Direction « T
Distribute Center v
o, O
Align |® L] |
; Wrap Yes No
3
i
4 % &*_,‘1: Gap 20 -
Feature .‘tﬁ ) Padding 40 o O
o
You've never made a ‘\"’ W
website this fast before. W .
Effects +
w ¥ @& 50% - Upgrade Now
Styles +
|] ) i
v B msert Layout F @ et @ coms Portfolio FREE
¥ B Inser .. ayou . rame T RIS ortfolio e o] » m
Pages Layers Assets
e Sticky +
v & Desktop Primary
22 Topbar - 5) Link +
» 0 Columns Hello, 'm John Smith Y
S & Si +
v & Features & jas ize
B Image # ‘# S = Span 1 Column v
> @& Content R
1 Row v
> & Content
® Image Width Auto Fill v
o New Component o
Height Auto Fill v
Project ltem
J Min Max Add...
gz‘”éi Components can be edited in their own
:;{‘“' canvas. Double-click on any instance to
o add visual variants and interactions.
B Layout ©@ -
'«‘l"
fore. Type Stack Grid
Direction « T
Distribute Center v
o, O
Align |® L] o|
; Wrap Yes No
3
14 G 20
.n*_,iv, ap -
‘\\‘/ ::,V’ . -
Feature .?i y Padding 40 o o
N
You've never made a J"’ o g
website this fast before. W .
Effects +
w ¥ @& 50% - Upgrade Now
Styles +
|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 -
|] ) i
v B msert Layout F @ et @ coms Portfolio FREE
¥ kg Inser .- ayou . rame b Tex ortfolio e o] » m
Pages Layers Assets
~ & Desktop Primary
22 Topbar - 5)
» 0 Columns Hello, 'm John Smith Y
- & Features 0 ‘J'.l'/'
B Image W '{;{ :"é:"::}
» & Content )
> & Content
@ Image
@
i o
A
i o,
Ta |
»;:f 4 2y
Feature
l\ ’ You've never made a
website this fast before.
W
; )
i
Feature W )
N
You've never made a ‘\"’ W
website this fast before. W .
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


Careers

screenKeywords:
‘ Framer Usecases v  Templates Plugins Learn Gallery Support v Pricing
VIOKE UOU Wekn S v v
‘ Framer Resources Templates Company
Try For Free Templates New About
Download Components Marketing Careers
Use Cases Plugins Design Discord
Gallery Figma Plugin Blog Contact
Learn Experts Changelog
Updates Developers Docs
Pricing Entertainment
Photography
Personal
Premium
Free
Submit
© 2022 Framer BV. DO0OY S
|? Perks Gallery Company Website Employees ¥ in §
:
n View Openings ,,
Framer helps you design professional
websites without a frontend team. Use the &  Framer Sitgs Betayy Sigaup for earlyaccess g, o0
freeform unlimited canvas to express creative CDN
ideas and ship with a single click. Perfect for AT
startups, scale-ups, agencies and freelancers =
that need to ship the highest quality sites on a = com » - amer.app
deadline. Rendering i
Take a look at some of the sites that were > —m S—
created with Framer. | P - /\/\/


Upgrading a site plan

screenElements: Dialog Button

screenPatterns:
Subscription & Paywall
Confirmation

screenElements: Button Dialog Button

screenKeywords:
& 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
|Upgrade to Pro
Your payment method will be charged
monthly at a rate of $30/mo (excl. VAT)
starting July 25th, 2022
Your plan will be activated immediately
Only the difference will be charged for the
rest of the current billing cycle
Editor charges will remain as-is

Dismiss


Analytics

screenPatterns:
Settings & Preferences
Dashboard
Charts

screenElements:
Select
Button
Side Navigation
Icon
Text Field
Text Field
Divider

screenPatterns:
Filter & Sort
Filter & Sort
Settings & Preferences
Dashboard
Charts
Settings & Preferences

screenKeywords:
& Portfolio - advocate-keep-426177.framer.app FREE e e [ d m
Site Settings
& General
© Domains Overview v 30 Days
1 Week
© Versions Last updated: 1 minute ago e
advocate-keep-426177.framer.app
B Analytics
© Plans Unique Visitors Total Pageviews
Page Settings
6
A Home
5
@ /about
4
@ /contact 3
@ /404 2
@ Projects Pages 1 /
0
Jun 26 Jul 3 Jul10 Jul17 Jul 24
Top Sources Top Pages
Top Sources Visitors Top Pages Visitors
® https://framer.com 1 ® / 1
|& Portfolio - advocate-keep-426177.framer.app FREE e a [ d m
Site Settings
& General
© Domains Overview 1Week
© Versions Last updated: less than a minute ago
advocate-keep-426177.framer.app
B Analytics
© Plans Unique Visitors Total Pageviews
Page Settings
6
A Home
5
@ /about
4
@ /contact 3
@ /404 2
@ Projects Pages 1 _—~
0
Jul18 Jul 19 Jul 20 Jul 21 Jul 22 Jul 23 Jul 24 Jul 25
Top Sources Top Pages
Top Sources Visitors Top Pages Visitors
® https://framer.com 1 ® / 1
|Portfolio - advocate-keep-426177.framer.app FREE [ d
+
Site Settings
& General
© Domains Overview 30 Days~
© Versions Last updated: 1 minute ago
advocate-keep-426177.framer.app
B Analytics
© Plans Unique Visitors Total Pageviews
Page Settings
6
A Home
5
@ /about
4
@ /contact 3
@ /404 2
@ Projects Pages 1 /
0
Jun 26 Jul 3 Jul10 Jul17 Jul 24
Top Sources Top Pages
Top Sources Visitors Top Pages Visitors
® https://framer.com 1 ® / 1
|& Portfolio - advocate-keep-426177.framer.app FREE e e [ d m
Site Settings
& General
© Domains Slte Settlngs
© Versions
B Analytics Site Title Site Language
© Plans My Framer Site
Site Description
Page Settings
Made with Framer
A Home
@ /about
@ /contact
Preview
@ /404
yoursite.url :
® Projects Pages My Framer Site
Made with Framer
Accessibility
Disable transform and layout animations if the user prefers reduced motion
Danger Zone
Unpublish
Unpublish your website from all domains.
Site Imaaes


Browse

screenElements:
Thumbnail
Grid List

screenElements:
Grid List
Badge

screenElements:
Thumbnail
Grid List
Animation & Video

screenElements:
Avatar
Card
Grid List

screenElements:
Animation & Video
Thumbnail

pagePatterns:
Newsletter Section
Footer Section

screenElements:
Thumbnail
Grid List
Grid List
Grid List
Animation & Video
Thumbnail
Animation & Video
Thumbnail
Thumbnail
Grid List
Animation & Video
Text Field
Button
Avatar
Card
Grid List
Top Navigation Bar
Logo
Searchbar
Thumbnail
Grid List
Badge

screenPatterns:
Browse & Discover
Browse & Discover
Browse & Discover
Browse & Discover
Browse & Discover
Browse & Discover
Browse & Discover
Browse & Discover
Browse & Discover

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

screenKeywords:
Recipes v Tips & Tricks v Shop L Search Tasty
J \ P T T a oo
Them Through The Summer Without Fail,
And I'm Making A Whole Checklist
Summer Snacks >
T AL N e
o, > A n ol
— \ —:},\; % 3 /") \
» KIwi ~. @fjﬁ(”f e &
EoN N - Ve 2
STRAWBERRY’ o & *1{ :1\_) Vi
/ w2 . ' R
"N ‘\\J/' 4§ é%:\;
- Kiwi Strawberry How To Make A
A r 4 . i Popsicles Fresh Seacuterie
; @ za Board
4 X - classic party guacamole
- w2 = ” - ..4- v . - i v ‘.
&2 z’ :{‘z ; ’z‘ :‘ :"";l __d
*} Tl AW = |
-
Classic Party Brownie Ice Cream
Guacamole Sandwiches
|T A SI# Recipes v Tips & Tricks v Shop ~ O Search Tasty
Join the Tasty Community!
Have a recipe of your own to share? Submit it here
L 4 e AL e .‘ 5 i A/ CTIS 56, e T RN
# , Y f‘; ) > 4\ & [ o W B o ] :?’ ((\ < :}?3:\;1* "::: ., ! L % & ./ \;. / b, ‘; (\a
iy }‘ P M, | = ﬁh BINESTA L Q\. R A By R
sl TN TV g R U &7 R T
I D ) Ty " . " A R < A Pozaces o e
. 4 \( i — N, TN o i ’*%&*' 5 . f v, L el ‘e |
Community " 7 °¥ P Community * 4 Community . Community \’,3 Community g A Community } ‘!
Light Sweet Potato Honey Butter Glazed Creamy Lemon Pasta Basil Lemongrass Mango Salsa Fish Milky Way Cookies
Cake Carrots Curry Tacos
Shop Tasty Cookbooks Shop all Shop Tasty Cookware Shop all
4 gl < M el Tasty Ceramic
o \ vﬁ‘: ¥ Y ) ST 3 y
{ 5'@,7’ ‘@ - @ Al W _ - Non-Stick 16-Piece
E w . o ,‘4‘~ Ll o\ { ; J‘I\ Cookware Set
=8 "‘?"’g 3 ~
[NEAE gl Nl - [If — v
avrin: SEPRIDE |y 0 (il iy
atlgeowndh greatest ~— ' et X
e L R o s k% . : s
e s e gt R P -_— S
557 L Lyl ‘ |
< r ‘\ N\ \‘ l. e 4
= W ke X \
Tasty Adulting Tasty Pride Tasty Latest & Greatest
|T A s I & Recipes v Tips & Tricks v Shop ~ O Search Tasty
Summer Produce Recipes Smoothies
- e — - —a—y = =
. N G .
‘&Qw . - . 3 iy | : .
AN ;} w . ”1,',‘:*‘)‘ » E 4 : l ’ o
4 . L N R 1 J 8 e
:‘ \’ ; - :ﬂ : ‘{“'Ql‘. £ GREEN Y Fﬂ(-‘
a— S - .1“ ‘T'* A MACHINE ‘ Z!' \ (
' . ’ O O Q - e = \i\
Shrimp & Cheesy Eggplant Farro Salad With  Fried Zucchini Vanilla Matcha Green Machine Peanut Butter Vanilla Berry
Avocado Pizza Cucumber And Blossoms Caffeinated Freezer-Prep Banana Protein Smoothie
Tostadas Yogurt-Dill Smoothie Smoothie Caffeinated
Dressing Smoothie
Dinner Later? Easy Breakfast Food
QU e e LA - 4 . ,,".,'-::"3:'“; R, 0 _— 1l
7o Ve 8 - e 3 TR, i s e ; {
k-5 ™ > M) ’ Tl o LgS S z Ay }‘fh b ) '_v,'..‘ £
) ~ - y
Flatbread Pizza Slow Cooker Garlic Veggie Tomato Pesto Broccoli Cheddar Eggs In A Cloud Broccoli Cheddar Healthy Peanut
With Pesto And Coconut Curry Rotini Pasta Parchment- Brunch Bake Quiche Butter Chocolate
Burrata baked Chicken Chip Pancakes
More Guides >
BRI . ; - 0. Ty S~ d # 77 P | & | ) E »ﬁ‘ Y w‘
v gl P —~— = T
9 5 S GRS ~ AR e - LA a8\, A
"\} —N *-:,;j\ i R\ ‘-{‘ M*i‘?f, - .N — W | | e\,egg‘;e g
\ [l oy 4 ol ) TSR s
|T A SI& Recipes v Tips & Tricks ~ Shop ~ O Search Tasty
Tasty Shows See all shows
THE BEST OF
-
- P e o 1 N
ONE'BOWL FUDGY BROWNIES TASTY
b N R ' The Best Chewy
fﬁh # - v’k}:‘_&gx\ N Chocolate Chip
/-\.,, A e ‘ ,‘i v “‘ Sisa:s | Cookies
! 2! ! ‘ v' S
‘ '.7‘ \ - X%\'\‘ ’g%
- sy i Ny
- . o \ o _ S
. ad il c‘l!‘ .': :J;i How To Make
S A '\\i »ﬁ‘ g %7_"_{‘;_;;“ | Macarons
g N RN
AS MADE BY™, & -~ ¥
ALEXISIBEBOSCHNEK
The Best Fudgy
One-Bowl Salted Walnut Brownies As Made By Alexis ¢ Fonud K Brownies
DeBoschnek G ol
P < °
Tasty Story g 3
<o ") GRA‘NDMA’S DUMPLINGS : ‘ Ratatouille
- 4 , 2 - ’,.f/.- ; 7% 'v* I“
o~ Vg \ ,, %g ‘.b ’ ’/1/(“”""' :"‘
S PN S o'W
. - ‘ AR R, o
|ACT
_ . ce oae - S R,
Ce=@®:¥nnY g ol
PO % [}
Tasty Story ..
o~ GRI‘ANDMA’S DUMPLINGS \ﬁ e | Ratatouille
, \ ,',’ ~
pv., > \“\ g > 7T\ " ?:‘ ' spi »
____—=_ \4 LA \ .
4B e | . ; Creamy Tuscan
{/ 4 ,‘ — Liaa 7Y 1 K Chicken
3-ingredient vs. 6-ingredient vs. 12- Chinese Grandmas Try Other = ¥ >
ingredient Grilled Cheese Chinese Grandma's Dumplings t,;‘);f,;..'..l' w\.«_"” %
3-ingredient vs. 6-ingredient vs. 12- Chinese Grandmas Try Other Chinese : £ &
ingredient Grilled Cheese Grandma's Dumplings
|T As I & Recipes v Tips & Tricks v Shop ~ O Search Tasty
Latest Guides > Tasty Stories
I - 3 A\ | 5
» o ¥ /, "Any;n; — W = ‘_' T >
Y 4‘5." ‘N S n:t‘:,'"”"’"';'t';,,"”' You tg —i Py
- A - A :‘- p -~ & = ."yadd. °l"n9 “'Qf "yth'. is '
; Eo T E “a . ~ Mess, tim, .“'hagl L
=" - '& = : B ";7 L) 'ﬂd.f'o B
= . — v ¥ iy » &
—— - trying Florence Pugh’s' \ = i\ | 2 ¥4 '
¥ - * ¥ English Breakfast ¥/ 4 I~ L ¥ 53 3 >
: e ..‘,ﬁ e AN —
— e T SR 2 WS L K NN \ .‘ |
This 10-Minute Breakfast Is Florence Pugh's  People Are Sharing The Most Useless . Y ,
Go-To When She's Not Working, And It "Hacks" That Actually Make Cooking Way ) &
Deserves To Be Talked About Way More Than Harder Than It Needs To Be / =
The "Don't Worry Darling" Drama @ %
.2, NEsStaFe ] i T = @ T} t ‘
3 L E ) S
R N R i y AN
b, the Fr AR = ~2 By ~ e > » D ;\‘$\\)\l "oy, P p gmw >
=0l [ e < B ow A
[ X — v Sk 3 ) ,g,/’/g}‘\
\ O R w =N . R Y add|]to hot waterz=
ancolPuahinias ~ HOT TODDY A eck) FRER 7 = Q
Floregpugh made mgrdo & HOMVLEM?""fTﬁE, ad ta Whlskey /
% (g ng « e - .
e _ - & ‘ \
" | ) B f
| . 3 Rk
Carrots And Peanut Butter Is Apparently 16 Alcoholic And Nonalcoholic Beverages
Florence Pugh's Go-To Snack, And After That Scream "It's Fall, Y'all"
Trying It Myself, I'm Low-Key Obsessed / - ., P
& Y R
s _?{‘g;;; » mushy ™ w‘ b / : “,&-éb::.v ’ - N @majgrtraeger answers all pfyour food
f;:, qa“{«;; -1 N gelatinous . V4 9 ~!{f s '_ " *ﬁm > questions with our new series
b "‘%;4_ B I "old water” taste ; P ';;ﬁ"’"» - 2 4 ;{. #TastyEmergencyHotline! Today's question is
[t - ey e ' pa— g LN . 95N Ry - . S, P B N o
|- : : | HOT TODDY4 G = &
-~ no»zj,‘hg:(z,:;ﬂ:;:“ VAer: d y
} = e Tl i =
[ 4 T i\ - y \
ki . s )
Carrots And Peanut Butter Is Apparently 16 Alcoholic And Nonalcoholic Beverages
Florence Pugh's Go-To Snack, And After That Scream "It's Fall, Y'all"
Trying It Myself, I'm Low-Key Obsessed
(s Al B I N - : i j
& ﬁ-‘\'wt«\‘ « mushy '." RS .y L . M @majortraeger answers all of your food
'\; gg%;' . '?elatinous 2 V) S R " 9 questions with our new series
AR ° “old water" taste Mol ¥} },':,»“..‘ ‘.% Ol B #TastyEmergencyHotline! Today's question is
\ W \ s _ ™ > O\ D et X  from @sabrinachat. Why do my chocolate
QT gy - & g5\ B G : chip cookies come out so dry? Let's find out!
A y g ) e \ : 4 ' e aate.  THESLe el !
_— N g‘] TS Dt — - A oL A S &
AN -'; 4 = aded W o »nJ: S | —— 2 Tude® , i 22 9 - 3 v%{ ‘} M‘NMQM
on ) AL I 1 NN v STISIENEY N
";‘:::f‘h’r o 2 m?f‘\m - ox A -— -4 ' S e ; .el:dz
Pickles Are As Popular As Ever, So | Taste- Fluffy Apple Cinnamon Pancakes, Goat
Tested All The Fan-Favorite Pickle Brands Cheese Pizza With Arugula, And More
(And There Was A Very Clear Winner) Seasonal Recipes To Cook In September
|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
®®© @
|T’A S‘Il# —/O Search Tasty
What You're Making
4 ﬁé Taylor Wilson . (o P N\ thetastychef { j A chrisreyes
@~ = o e 0-- |
"These were SO good "These were sooo il "Didn’t make the E
- and super easy." good and oh so h ‘ meringue but boy oh
gooey." boy these guys were
delicious! Followed
the recipe exactly and
they came out of
perfect! Very tasty!"
Air Fryer Doughnuts The Best Chewy Chocolate Chip Cookies Lemon Meringue Bars
Tasty Shows See all shows
‘ ; "AQCTY
YONE'BOWL FUDGY BROWNIES TASTY
M ’ SR The Best Chewy
- » o S "‘ Chocolate Chip
- —7 4 B, N R S S,
|T As I & Recipes v Tips & Tricks v Shop ~ O Search Tasty
Easy Dinners Work Lunches Easy Air Fryer Slow Cooker Recipes Latest Recipes Family Dinners
What We're Cooking What We’re Reading >
. 4
Microwave Meals Because P ¥
Cooking Isn't Happening o0\
e — "853
Tod a about sweat, you [P .y wespathe Sl
might need to use an 1a;and it 3"""“1“ 5 &
an!lp:rsplram instead I % ¢o more SO M
People Are Sharing The One Hack That Gets
Them Through The Summer Without Fail,
And I'm Making A Whole Checklist
Summer Snacks >
3 i r. i =
G, e
B @ -
KIWI R >
STRAWBERRY' > G&' 1.{%%\) "”f.
» i S é%
’ Kiwi Strawberry How To Make A
" Popsicles Fresh Seacuterie
.
. Board
- -
o' Seia —
|T A s I & Recipes v Tips & Tricks v Shop ~ O Search Tasty
Latest Recipes >
3 . B/ LN L %" et v ay
. (it AN Q;\‘;“:‘,’ﬁ n & .:.“’“ - B )™ \
Xy & AT o AT W e T S S _ o
“ %&: Pl (a8 by :«'4’\*“‘% S“AV-\“\ S S e 44 S
| m o St (017 AT o~ N b‘ N AL PG e < Lo yjéj E
5% e A ;‘i‘ ‘ o o< '! o > “‘l\/ ,:\r_ - 2 -~ w , k
I“ ~;/ ;", o : i' f_i,(,“ ":';4"? N \ ‘v\.-‘.; ‘.';}“, S R /. 8 - o | " . ‘
¢ h :ﬁ‘:’gﬁ’i:’ﬁ C —_—m T ™ —d Community
Back-To-School Sheet Red Dragon Cupcakes Friday Night Lights Kid-Friendly Weeknight = Steak Eggs Benedict Orange And Cranberry
Pan Pancake Dinners That Won't Presented by the Daily Chia Pudding
Presented by Planet Oat Break The Bank Skimm
Popular Recipes This Week
= B ‘r . y_) » 3 - " -
< (/'f = " o o ) M :2 )&' - m .
LN A e N ,.' S bg’ . WV \ {
\ U~ - : . . AT el g - F e
S aNe 7 W o  — ,»;s LW ?‘ﬂ\ e R P
§ et :: - 173 SNACKS Bl W X
B e ol : . w FEROMETASTYTN I L | Af"ﬁ i B .
qir ISRy | N - ‘ = 3 = ) % _»1 5 i
-_U/; \vQ':-' ey 4 ,-:«‘t Ty (‘5 & . ./' f I e e .»’:;,"
&) AR it - ; \o# ' - i K
e :.‘" : —_— S e :\ ¢
Ratatouille The Best One-Bowl Fluffy Pancakes 73 Snacks From Tasty How to Make Cinnamon Homemade Chicken
Brownies Rolls Tikka Masala
Latest Guides > Tasty Stories
TN EETES a R0
j B VIR .
B Sl B N A WO PRSPy


Editing a component

screenKeywords:
] ) 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 -
|] ) i
v B msert Layout F @ et @ coms Portfolio FREE
¥ kg Inser .. ayou . rame b Tex ortfolio e o] » m
pages Layers P @ Home > 22 Project ltem <> Handshake + Library A Variables @ o @ § 4 0 |8 =
Sticky +
~ 88 Variant 2 Instance
~ & Content Link +
T Project Title
Si +
T You've never made ... ze
@ Image Width Auto Fit v
~ 88 Variant1 Primary
Height Auto Fit v
v~ @& Content
T Project Title Variant 1 - Primary Variant 2 Grow > =l =
T You've never made ... %:f,
i ! |
B Image V 1 1 Styles +
o Jf i :
i , | | .
il i ! ! © Opacity 1 —
i o , |
i i Project Title! i ProjectTitle Voo "
\ ’ i You've never made a You've never made a
i website this fast before. ! website this fast befc -
! ! Overflow Visible v
© Rotation 0°
S Text
Styles Select...
© Content Project Title
Font Manrope v
o Weight Extra Bold v
© Color @ #333333
w ¥ @& 50% - Upgrade Now
Shadows Add...
|T v Insert .= Layout . Frame Text CMs Portfolio FREE e o] » m
pages Layers P @ Home > 22 Project ltem <> Handshake + Library A Variables @ o @ § 4 0 |8 =
Sticky +
~ 88 Variant 2 Instance
~ & Content Link +
T Project Title
ioti Size +
T Description
@ Image Width Auto Fit v
~ 88 Variant1 Primary
Height Auto Fit v
v~ @& Content
T Project Title Variant 1 - Primary Variant 2 Grow > =l =
b i i
B Image ‘ 1 1 Styles +
o Jf i :
il i ! ! © Opacity 1 —
i o , :
i ProjectTitle ProjectTitle < visivie Yes No
! H H
\7 . : Description
! ! Overflow Hidden v
© Rotation 0°
S Text
Styles Select...
© Content Description
Font Inter v
o Weight Regular v
© Color ) #sssses
w ¥ @& 50% - Upgrade Now
Shadows Add...
|] ) i
v B msert Layout F @ et @ coms Portfolio FREE
¥ kg Inser .- ayou . rame b Tex ortfolio e o] » m
pages Layers P @ Home > 22 Project ltem <> Handshake + Library A Variables @ o @ § 4 0 |8 =
Sticky +
~ 88 Variant 2 Instance
~ & Content Link +
T Feature
Si +
T You've never made ... ze
8 Image Width Auto Fit v
~ 88 Variant1 Primary
Height Auto Fit v
v~ @& Content
T You've never made ... %:f,
i ! |
B Image V 1 1 Styles +
o Jf i :
% J 5 | .
il i ! ! © Opacity 1 —
it i i i
) Feature © Visible Yes No
\ ’ i You've never made a You've never made a
i website this fast before. ! website this fast befc -
! ! Overflow Visible v
© Rotation 0°
S Text
Styles Select...
© Content Feature
Font Manrope v
o Weight Extra Bold v
© Color @ #333333
w ¥ @& 50% - Upgrade Now
Shadows Add...
|L Insert .= Layout . Frame Text CMs Portfolio FREE e o] » m
Pages Layers Assets @ Home > & Project ltem <> Handshake < Library A Variables
~ @8 Variant 2 Instance
v~ @& Content
T Project Title
T Description
@ Image
~ 88 Variant1 Primary
v~ @& Content
T Project Title Variant 1 - Primary Variant 2
T Description ?{/’r:f,
@ Image V
A
‘I;II o
-1 Project Title Project Title
\I Description Description
‘ w . 50% v Upgrade Now


Accessibility statement

screenElements:
Link
Text Field
Button

pagePatterns:
Misc
Newsletter Section
Footer Section

pageType: Marketing Application

screenKeywords:
Easy Dinners Work Lunches Easy Air Fryer Slow Cooker Recipes Latest Recipes Family Dinners

Website and Techonology
Accessbility Statement
Tasty values audience diversity and inclusion, and to that end, we are actively working to further enhance the accessibility of our websites to visitors
who use digital assistive technologies like screen readers, screen magnifiers, or voice recognition software. We view accessibility as an ongoing
effort.
We are:

¢ Implementing measures to ensure we meet Levels A and AA of the Web Content Accessibility Guidelines (WCAG) version 2.0;

e Engaging with accessibility and usability specialists to advise us on our efforts and provide regular third-party testing of our websites; and

¢ Reviewing existing measures for potential improvements in performance, speed, and accessibility.
If you have any questions, comments, or concerns, please contact support@buzzfeed.com.
|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
®®© @


Download

pagePatterns:
Hero Section
Downloads Page

screenElements: Button Link

screenElements:
Link
Hero Image
Button
Link

pagePatterns:
Footer Section
Landing Page
Downloads Page
Hero Section
Downloads Page

pageType: Marketing Marketing Marketing

screenKeywords:
‘ Framer Usecases v  Templates Plugins Learn Gallery Support v Pricing
VIOKE UOU Wekn S v v
‘ Framer Resources Templates Company
Try For Free Templates New About
Download Components Marketing Careers
Use Cases Plugins Design Discord
Gallery Figma Plugin Blog Contact
Learn Experts Changelog
Updates Developers Docs
Pricing Entertainment
Photography
Personal
Premium
Free
Submit
© 2022 Framer BV. DO0OY S
|‘ Framer Usecases v  Templates Plugins Learn Gallery Support v Pricing
Pages
Web +
A Home
i : e o ‘
@ /blog
@ /support
@ /support/sharing —| S . it Dotaliid
@ /support/getting-started Detail in 3"99°nua. r
B i = ¢
@ /support/troubleshooting 2 l\‘
- 3 el
CMS + A
® /Iblog [:][:]E H
- W — = ‘ : °
[:+)) /updates Inem
| made
Canvas +
~ H .d R iand am F
ecord and stream hig
& icons Cinematic video
i made simple
Record and stream high-quality video with your
Mac. Detail works with your iPhone, iPad, built-
webcam or gny other camerg
|‘ Framer Usecases v  Templates Plugins Learn Gallery Support v Pricing Try for free
d Wind
an INAOWS.
& Download for Mac
Download for Mac with Apple M1 or Windows.
[ XN} LS o startup W Newsletter +¢ Detail.co Portfolio +
? Insert '= Layout . Frame Text g CMS Detail.co
Pages Layers sse
Web + — —
O Deskiop - 1200 Breakpoint + [d Tablet - 1199 - 810
. A Home T —=———. [


Changing nudge amount

pageType: Application

screenElements:
Dialog
Text Field
Keyboard Key

screenElements:
Dropdown Menu
Dialog
Text Field
Keyboard Key

screenPatterns:
Action Option
Set

screenKeywords:
v Insert Layout Frame hl Text S M ortfolio FREE
+ = = CMsS Portfoli +
Pages Layers Assets
Web +
ES
A Home . . & i
Hello, 'm John Smith E
@ /about J
IV
@ /contact . i
® /404 o k
gk 1 5
CMS +
£  Projects Pages 1
b,
b
7
Canvas + i I
Ta ]
B Canvas1 “‘;,'“ i
Project A
!
¢ Description
Zoom z
Zoom In 8+
Zoom Out 8-
-
Zoom to 100% #0 %’,@
Vi
Zoom to Fit %1 b
Zoom to Selection &2 /
Reverse Zoom Direction oy
Project Title Nudge Amount
Description
w ¥ @& 50% - Upgrade Now
|] ) i
v B msert Layout F @ et @ coms Portfolio FREE
¥ kg Inser .- ayou . rame b Tex ortfolio e o] » m
Pages Layers Assets
Web +
uxo *
A Home . ) §§)
Hello, I'm John Smith k'
@ /about J
Ryl
@ /contact =y
@ /404 -u;g’w
CMS +
£  Projects Pages 1
Nudge Amount X
Canvas + d
Ly .
’)"5« Use « v , tomove layers by 1 [28
& cCanvas1 e
‘ Additionally, hold 4 to move by 10 px
4
\ uounpuun
g
3
i o,
Ta |
f ¢ ol
ProjectTitle o
!
Description i\
w ¥ @& 50% - Upgrade Now


Inviting collaborators

screenElements:
Text Field
Popover
Text Field
Button
Stacked List
Avatar
Divider

screenPatterns:
Invite Teammates
Invite Teammates
Invite Teammates

screenKeywords:
T v Insert .= Layout . Frame Text CMs Portfolio FREE e o] » m
Invite Collaborators
Pages Layers Assets
e jdoe.mobbin@gmail.com Can edit v
Web +
Lo = Mobbin Can access
A Home " s ka} All team members
Hello, 'm John Smith »
H
@ Jabout J . John Smith Owner
L ! fa” Viewing now
@ /contact i B
i B
CMS +
£  Projects Pages 1
%,
by
3
Canvas + o I
T “
& Canvas1 *‘ :"I“
A PrOjeCt A Anyone with the link can view v Copy Link
\ Description
i
ot
T “
*‘ ally
ProjectTitle o
4
Description \
w ¥ @& 50% - Upgrade Now
|L Insert .= Layout . Frame Text CMs Portfolio FREE e o] » m
Pages Layers Assets
Web +
2
A Home - . . ka}
Hello, 'm John Smith »
@ /about ‘
gl
@ /contact i B
i B RS
® /404 ' ?
CMS +
£  Projects Pages 1 %
v
i
Canvas + o ‘
T “
6 canvas1 “ :vj‘
ProjectA
4
\ Description
b
3
o
f :‘j‘
ProjectTitle 1
4
Description \
‘ w . 50% v Upgrade Now
|T v Insert .= Layout . Frame Text CMs Portfolio FREE e o] » m
Invite Collaborators
Pages Layers Assets
e Email address Can edit v
Web +
Lo = Mobbin Can access
A Home " s ka} All team members
Hello, 'm John Smith »
H
@ Jabout J . John Smith Owner
L ! fa” Viewing now
@ /contact i B
i B
CMS +
£  Projects Pages 1
%,
b
3
Canvas + o ‘
T “
& Canvas1 *‘ :'II
A PrOjeCt A Anyone with the link can view v Copy Link
\ Description
o
i
w
T “
*‘ ally
ProjectTitle o
4
Description \
w ¥ @& 50% - Upgrade Now
|] ) i
v B msert Layout Fr. @ et @ coms Portfolio FREE
¥ kg Inser .- ayou . ame [y Tex ortfolio e o] » m
Invite Collaborators
Pages Layers Assets
e Email address Can edit v
Web +
Lo = o Mobbin Can access
A Home ka} All team members
Hello, I'm John Smith )
@ Jabout J . John Smith Owner
o ' fa” Viewing now
@ /contact i B
W ';E%;‘?\\ . . i
Tl SRS jdoe.mobbin@gmail.com _—
@ /404 ‘_'}"’l . Pending Can edit
CMS +
£  Projects Pages 1
b,
by
3
Canvas + o ‘
i ]
& Canvas1 *‘ :'f‘
A PrOjeCt A Anyone with the link can view v Copy Link
\ Description
Vi
v
i o,
i ]
*‘ ol
ProjectTitle o
4
Description \
w ¥ @& 50% - Upgrade Now


Browse all plugins

pagePatterns:
Integrations Page
Hero Section

screenElements:
Side Navigation
Photo
Button

screenPatterns:
Article Detail
Article Detail
Article Detail
Article Detail

pagePatterns:
Integrations Page
Integrations Page
Integrations Page
Integrations Page
Hero Section

pageType: Marketing Marketing Marketing Marketing Marketing

screenKeywords:
‘ Framer Usecases v  Templates Plugins Learn Gallery Support v Pricing Try for free

Overview

Formspark

Google Optimize

Intercom orms

Logo )

to your site

Mailchimp

Typeform

routeee Overview
Drag and drop your Formspark forms into your Framer site. You can decide which
inputs to show or hide, then tweak the look and feel and customize inputs so they
match your brand perfectly. Send form submissions straight to your email or connect
with Slack, Zapier, Integromat, and more to manage lead forms, contact requests,
support tickets, and more.
|‘ Framer Usecases v  Templates Plugins Learn Gallery Support v Pricing Try for free
L
e Favorite use cases for

Formspark in Framer

You have complete control over the look and feel of your forms in Framer. And with no

servers to manage or APIs to learn, Formspark gives you the power to start collecting

valuable info from visitors to your Framer site in seconds.

Give your audience a way to get in touch with a custom form on your Framer website.

« Connect with leads and clients by adding a contact us form to your site. (Add placeholder text
with helpful examples or hints to get more valuable information.)

«  Grow your email list by adding a subscribe form to your blog or homepage.

» Manage support requests with a lightweight system that can help you organize tickets all in
one place.
|‘ Framer Usecases v  Templates Plugins Learn Gallery Support v Pricing Try for free
with Slack, Zapier, Integromat, and more to manage lead forms, contact requests,
support tickets, and more.
Formspark
Name Email
Message
74
|‘ 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 Plugins Learn Gallery Support v Pricing Try for free
Overview H
your website
Formspark
Open a new or existing HTML form in Formspark. Co our unique form ID from the
Google Optimize P 9 P Py 4
form settings.
Hubspot
Intercom
Logo i -
. eeoe M- < > [)] @ dashboard formspark.io (4
Lottie
4 =
Mailchim P My Workspace = Contact form
Tgpeform % Settings Form id:
“& Members Submissions  Analytics  Settings  How-to
YouTube ™ Purchase submissions Name+
s 450 Contact form
Forms s .
Description
# Contact form
Email notifications
Email threading
«©
Enabled: grouping notifications from the same form in one email thread
Next, open a project in Framer. On the left of your Framer canvas, you’ll find the Insert
panel. Find Formspark in the Integrations section. Drag the Formspark component onto


Preview in browser

screenElements: Button Divider

screenKeywords:
s 4w L
iOS Icons Taklobo Baybayin
Traf 528 John David Maza S10+
o Sy,
T %
LY
P & . //
29 Pl ¥
33 / N =
T3 (e \\ i =
2o L W\ e
o | N\ YeR( Y =
g = ‘5
= \ E
s AN
» I\ /
e = B A FUN WEIRD DISPLAY TYPEFACE WITH NO RULES,
4 e A MIX OF RANDOM HAND DRAWN LETTERS
s — ant WITH THEIR OWN PERSONALITY
+ b
Chrome Style Template Bundle $2 Random Typeface o
Design Syndrome = Other Side Store =
Remix Twitter Framer
By Benjamin
|‘ 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~
|*

A simple Framer template for

your store. Embed products

from services like Gumroad.

& 8 o .Ia-

. LI
N 7 ® = + .. °
m « SCR TR
4 o & o


Resolving a comment

pageType: 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
|L Insert .= Layout . Frame Text CMs Portfolio FREE e o] » m
Pages Layers Assets Back Replies Reopen
e John Smith
Web + 2 mins
2
A Home o " s k;} Project archive here
Hello, 'm John Smith »
H
@ /about ’
Ryl
@ /contact i John Smith
”ﬁ' :’%:}\ Justnow - Edited
@ /404 1y k{
ik 5 It should only display 5 projects
CMS +
£  Projects Pages 1
¥,
b
3
Canvas + 4 I
Ta ]
6 canvas1 “ 'ﬂ‘“
o ProjectA
4
\ Description
b
ot
Ta ]
*‘ ally
ProjectTitle o
4
Description \
w ¥ @& 50% - Upgrade Now