-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
947 lines (876 loc) · 59.1 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NMHZDF7');</script>
<!-- End Google Tag Manager -->
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>GuardianUI</title>
<!-- Favicon -->
<link
rel="shortcut icon"
href="./assets/images/favicon.png"
type="image/x-icon"
/>
<!-- Meta -->
<!-- Primary Meta Tags -->
<title>GuardianUI - Frontend testing and monitoring for web3 apps</title>
<meta name="title" content="GuardianUI - Frontend testing and monitoring for web3 apps">
<meta name="description" content="Provide users with a safer and more robust experience. Testing, monitoring, and alerts in one platform.">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://www.guardianui.com/">
<meta property="twitter:title" content="GuardianUI - Frontend testing and monitoring for web3 apps">
<meta property="twitter:description" content="Provide users with a safer and more robust experience. Testing, monitoring, and alerts in one platform.">
<meta property="twitter:image" content="assets/images/guardianui_testing_and_monitoring_preview.png">
<meta
name="description"
content="GuardianUI is the E2E monitoring platform for web3 apps and frontends."
/>
<meta name="keywords" content="guardianui, monitoring,web3,testing" />
<meta name="copyright" content="" />
<meta name="url" content="" />
<meta name="author" content="" />
<meta
name="robots"
content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1"
/>
<!-- Open Graph -->
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="GuardianUI" />
<meta
property="og:description"
content="GuardianUI is the E2E monitoring platform for web3 apps and frontends."
/>
<meta property="og:url" content="" />
<meta property="og:site_name" content="" />
<meta property="og:image" content="" />
<meta property="og:image:secure_url" content="" />
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="400" />
<!-- Stylesheets -->
<link rel="stylesheet" href="./assets/css/reset.css" />
<link rel="stylesheet" href="./assets/css/style.css" />
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;700&family=Inter:wght@400;500;700&display=swap"
rel="stylesheet"
/>
</head>
<body>
<!-- Navigation Bar -->
<header>
<div class="nav-container">
<div class="container">
<nav>
<a href="/" class="logo">
<img src="./assets/images/logo.png" alt="GuardianUI" />
</a>
<ul class="nav-list">
<li>
<a href="https://guardianui.com" class="nav-link">Online Browser Testing</a>
</li>
<li>
<a href="https://guardianui.com/ai" class="nav-link">AI Test Automation</a>
</li>
<li>
<a href="https://docs.guardianui.com/overview/readme" class="nav-link">Docs</a>
</li>
<li>
<a href="https://github.com/GuardianUI" class="nav-link">Github</a>
</li>
<li>
<a
href="https://airtable.com/shr5P7WXayIw9zN1R"
target="_blank"
rel="noreferrer noopener"
class="btn"
data-testid="join-waitlist-button">Try for Free</a
>
</li>
</ul>
<div class="hamburger">
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</nav>
</div>
</div>
</header>
<!-- Navigation Bar End -->
<main>
<!-- Hero Section -->
<section class="hero-section alt">
<div class="container">
<div class="hero-content">
<div class="hero-text">
<h1>
Secure your frontend and keep your users safe.
</h1>
<p>
GuardianUI is the E2E monitoring platform for
web3 apps and frontends.
</p>
<a
href="https://airtable.com/shr5P7WXayIw9zN1R"
target="_blank"
rel="noreferrer noopener"
class="btn"
data-testid="join-waitlist-button-hero">Try for Free</a
>
</div>
<div class="hero-img">
<img
src="./assets/images/hero_img.jpg"
alt="Dashboard"
/>
</div>
</div>
</div>
</section>
<!-- Hero Section End -->
<!-- Supporters Section -->
<section class="supporters-section">
<div class="container">
<div class="supporters-content">
<h2>Our Supporters</h2>
<div class="supporters">
<div>
<img
src="./assets/images/supporters/nvidia.png"
alt="NVIDIA Inception Program"
/>
</div>
<div>
<img
src="./assets/images/supporters/awsactivate.png"
alt="AWS Activate"
/>
</div>
<div>
<img
src="./assets/images/supporters/ms_startup.png"
alt="Microsoft Startup Program"
/>
</div>
<div>
<img
src="./assets/images/supporters/auth0.png"
alt="Auth0 for startups"
/>
</div>
<div>
<img
src="./assets/images/supporters/intercom.png"
alt="Intercom"
/>
</div>
</div>
</div>
</div>
</section>
<!-- Supporters Section End -->
<!-- Service Section -->
<section class="service-section">
<div class="anchor" id="monitoring"></div>
<div class="container">
<div class="service-content">
<div class="service-flex">
<div class="service-text">
<h3>Monitoring</h3>
<h2>Web3 Application Monitoring</h2>
<p>
Stop leaving your users vulnerable and
developers blind to frontend attacks or bad
code by monitoring and validating your app’s
critical paths.
</p>
<p>
Test transaction flows and surface frontend
threats with immediate and actionable
insights. Automatically collect error traces
and performance metrics with every browser
check you run.
</p>
<a
href="https://airtable.com/shr5P7WXayIw9zN1R"
target="_blank"
rel="noreferrer noopener"
class="link"
data-testid="join-waitlist-link-monitoring">Try for Free</a
>
</div>
<div class="service-img">
<img
src="./assets/images/test_creation.jpg"
alt="Test Creation"
/>
</div>
</div>
</div>
</div>
</section>
<!-- Service Section End -->
<!-- Video Section -->
<section class="service-section">
<div class="container">
<div class="service-content">
<div class="service-flex">
<div class="service-text">
<h3>Testing Framework</h3>
<h2>Extended Playwright Framework</h2>
<p>
We've extended the popular Playwright framework
to include web3 interactions so you get all the
benefit of testing your critical paths while using
a familiar framework.
</p>
<p>
Using our extended version of Playwright, you can
verify all of your write interactions such as transactions
pointing to the correct contracts and approvals giving
appropriate access to user funds.
</p>
</div>
<div class="video-player">
<iframe width="560" height="315" src="https://www.youtube.com/embed/WsEGNx48mgc" title="GuardianUI Framework Uniswap Demo" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</section>
<!-- Video Section End -->
<!-- Service Section -->
<section class="service-section alt">
<div class="anchor" id="tests"></div>
<div class="container">
<div class="service-content">
<div class="service">
<div class="service-text">
<h3>Custom Test Writing</h3>
<h2>We can write your tests</h2>
<p>
We know developers don’t like writing tests.
Our team can write your tests so your team
can focus on shipping new features.
</p>
<a
href="https://airtable.com/shr5P7WXayIw9zN1R"
target="_blank"
rel="noreferrer noopener"
class="link"
data-testid="join-waitlist-link-tests">Try for Free</a
>
</div>
</div>
</div>
</div>
</section>
<!-- Service Section End -->
<!-- Service Section -->
<section class="service-section">
<div class="anchor" id="alerts"></div>
<div class="container">
<div class="service-content">
<div class="service-flex service-alt">
<div class="service-text">
<h3>Alerts</h3>
<h2>Alerting when and how you want it</h2>
<p>
Immediately notify your team of issues
through email, discord, and telegram or
customize your own using our webhooks.
</p>
<ul class="alerts-icon">
<li>
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 640 512"
>
<path
d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"
/>
</svg>
</li>
<li>
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 496 512"
>
<path
d="M248,8C111.033,8,0,119.033,0,256S111.033,504,248,504,496,392.967,496,256,384.967,8,248,8ZM362.952,176.66c-3.732,39.215-19.881,134.378-28.1,178.3-3.476,18.584-10.322,24.816-16.948,25.425-14.4,1.326-25.338-9.517-39.287-18.661-21.827-14.308-34.158-23.215-55.346-37.177-24.485-16.135-8.612-25,5.342-39.5,3.652-3.793,67.107-61.51,68.335-66.746.153-.655.3-3.1-1.154-4.384s-3.59-.849-5.135-.5q-3.283.746-104.608,69.142-14.845,10.194-26.894,9.934c-8.855-.191-25.888-5.006-38.551-9.123-15.531-5.048-27.875-7.717-26.8-16.291q.84-6.7,18.45-13.7,108.446-47.248,144.628-62.3c68.872-28.647,83.183-33.623,92.511-33.789,2.052-.034,6.639.474,9.61,2.885a10.452,10.452,0,0,1,3.53,6.716A43.765,43.765,0,0,1,362.952,176.66Z"
/>
</svg>
</li>
<li>
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 512 512"
>
<path
d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"
/>
</svg>
</li>
</ul>
<br />
<a
href="https://airtable.com/shr5P7WXayIw9zN1R"
target="_blank"
rel="noreferrer noopener"
class="link"
data-testid="join-waitlist-link-alerts">Try for Free</a
>
</div>
<div class="service-img">
<img
src="./assets/images/alerts.jpg"
alt="Alerts"
/>
</div>
</div>
</div>
</div>
</section>
<!-- Service Section End -->
<!-- Service Section -->
<section class="service-section alt">
<div class="anchor" id="metrics"></div>
<div class="container">
<div class="service-content">
<div class="service">
<div class="service-text">
<h3>Data and insights</h3>
<h2>Insightful dashboard and metrics</h2>
<p>
GuardianUI provides you with real-time
information on how your checks are
performing and contextual data to
investigate and explore.
</p>
<a
href="https://airtable.com/shr5P7WXayIw9zN1R"
target="_blank"
rel="noreferrer noopener"
class="link"
data-testid="join-waitlist-link-metrics">Try for Free</a
>
</div>
<div class="service-image-flex">
<div class="service-img">
<img
src="./assets/images/test.jpg"
alt="Test"
/>
<h5>Individual test metrics</h5>
</div>
<div class="service-img">
<img
src="./assets/images/test_result.jpg"
alt="Result"
/>
<h5>Individual test logs</h5>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Service Section End -->
<!-- Testimonial Section -->
<section class="testimonial-section">
<div class="anchor" id="testimonial"></div>
<div class="container">
<div class="testimonial-content">
<h2>What developers are saying</h2>
<div class="testimonials">
<div class="testimonial">
<div class="testimonial-author">
<img
class="author-img"
src="./assets/images/eddie_ye.jpg"
alt="Eddie Ye"
/>
<div>
<h4>Eddie Ye</h4>
<h5>Integrations Engineer</h5>
</div>
</div>
<p>
“We're big fans for how GuardianUI is
addressing an underserved risk vector and
problem area in our industry: frontend
security”
</p>
<div class="company-img">
<img
src="./assets/images/connext.png"
alt="Connext"
/>
</div>
</div>
<div class="testimonial">
<div class="testimonial-author">
<img
class="author-img"
src="./assets/images/spaceturtleship.jpg"
alt="Spaceturtleship"
/>
<div>
<h4>Spaceturtleship</h4>
<h5>Lead Frontend Developer</h5>
</div>
</div>
<p class="para">
“Frontend testing in general is well
developed, but crypto specific tools have
been sorely lacking. GuardianUI are building
a great platform, helping us to provide our
users with a safer and more robust
experience.”
</p>
<div class="company-img">
<img
src="./assets/images/bond_protocol.jpg"
alt="Bond Protocol"
/>
<h4>Bond protocol</h4>
</div>
</div>
<div class="testimonial">
<div class="testimonial-author">
<img
class="author-img"
src="./assets/images/appleseed.jpg"
alt="Appleseed"
/>
<div>
<h4>Appleseed</h4>
<h5>Lead Frontend Developer</h5>
</div>
</div>
<p class="para">
“Testing and monitoring live applications is
pretty common in web2, but there isn't a
great solution in web3. GuardianUI is
tackling this problem.”
</p>
<div class="company-img">
<img
src="./assets/images/olympusdao.png"
alt="Olympusdao"
/>
<h4>Olympus DAO</h4>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Testimonial Section End -->
<!-- Feature Section -->
<section class="feature-section">
<div class="anchor" id="features"></div>
<div class="container">
<div class="feature-content">
<h2>All features at a glance</h2>
<div class="features">
<!-- Card -->
<div class="feature">
<div class="feature-img">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 26 26"
width="208"
height="208"
>
<path
d="M3 1C1.34375 1 0 2.34375 0 4L0 18C0 19.65625 1.34375 21 3 21L10 21L10 22C10 22.550781 10.449219 23 11 23L15 23C15.550781 23 16 22.484375 16 22L16 21L23 21C24.65625 21 26 19.65625 26 18L26 4C26 2.34375 24.65625 1 23 1 Z M 3 3L23 3C23.550781 3 24 3.449219 24 4L24 16C24 16.550781 23.550781 17 23 17L3 17C2.449219 17 2 16.550781 2 16L2 4C2 3.449219 2.449219 3 3 3 Z M 10.875 4C10.535156 4.042969 10.242188 4.253906 10.09375 4.5625L7.375 10L3 10L3 12L8 12C8.386719 12.003906 8.738281 11.785156 8.90625 11.4375L10.75 7.71875L13.03125 15.28125C13.140625 15.6875 13.492188 15.984375 13.914063 16.019531C14.332031 16.054688 14.730469 15.820313 14.90625 15.4375L16.625 12L23 12L23 10L16 10C15.613281 9.996094 15.261719 10.214844 15.09375 10.5625L14.25 12.28125L11.96875 4.71875C11.832031 4.242188 11.367188 3.933594 10.875 4 Z M 23.28125 18.28125C23.683594 18.28125 24 18.601563 24 19C24 19.398438 23.683594 19.71875 23.28125 19.71875C22.882813 19.71875 22.5625 19.402344 22.5625 19C22.5625 18.597656 22.882813 18.28125 23.28125 18.28125 Z M 6 24C5.449219 24 5 25 5 25L5 26L21 26L21 25C21 24.449219 20.550781 24 20 24Z"
/>
</svg>
</div>
<h4>Web3 Application Monitoring</h4>
<p>
Scripted browser checks using our custom
playwright framework to monitor wallet,
contract, and app interactions.
</p>
</div>
<!-- Card End-->
<!-- Card -->
<div class="feature">
<div class="feature-img">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 48 48"
width="144"
height="144"
>
<path
d="M10.5 6C7.467 6 5 8.467 5 11.5L5 36.5C5 39.533 7.467 42 10.5 42L37.5 42C40.533 42 43 39.533 43 36.5L43 11.5C43 8.467 40.533 6 37.5 6L10.5 6 z M 10.5 9C11.328 9 12 9.672 12 10.5C12 11.328 11.328 12 10.5 12C9.672 12 9 11.328 9 10.5C9 9.672 9.672 9 10.5 9 z M 15.5 9C16.328 9 17 9.672 17 10.5C17 11.328 16.328 12 15.5 12C14.672 12 14 11.328 14 10.5C14 9.672 14.672 9 15.5 9 z M 9 15L39 15L39 36.5C39 37.327 38.327 38 37.5 38L10.5 38C9.673 38 9 37.327 9 36.5L9 15 z M 34.470703 18.986328 A 1.50015 1.50015 0 0 0 33.439453 19.439453L30.5 22.378906L29.560547 21.439453 A 1.50015 1.50015 0 1 0 27.439453 23.560547L29.439453 25.560547 A 1.50015 1.50015 0 0 0 31.560547 25.560547L35.560547 21.560547 A 1.50015 1.50015 0 0 0 34.470703 18.986328 z M 13.5 21 A 1.50015 1.50015 0 1 0 13.5 24L23.5 24 A 1.50015 1.50015 0 1 0 23.5 21L13.5 21 z M 34.470703 27.486328 A 1.50015 1.50015 0 0 0 33.439453 27.939453L30.5 30.878906L29.560547 29.939453 A 1.50015 1.50015 0 1 0 27.439453 32.060547L29.439453 34.060547 A 1.50015 1.50015 0 0 0 31.560547 34.060547L35.560547 30.060547 A 1.50015 1.50015 0 0 0 34.470703 27.486328 z M 13.5 30 A 1.50015 1.50015 0 1 0 13.5 33L23.5 33 A 1.50015 1.50015 0 1 0 23.5 30L13.5 30 z"
/>
</svg>
</div>
<h4>Custom Test Writing</h4>
<p>
Write your own tests or have GuardianUI
write them for you.
</p>
</div>
<!-- Card End-->
<!-- Card -->
<div class="feature">
<div class="feature-img">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="480"
height="480"
>
<path
d="M19 0C16.25 0 14 2.25 14 5C14 7.75 16.25 10 19 10C21.75 10 24 7.75 24 5C24 2.25 21.75 0 19 0 z M 18.253906 2L19.748047 2L19.582031 5.9863281L18.417969 5.9863281L18.253906 2 z M 4 4C2.897 4 2 4.897 2 6L2 16C2 17.103 2.897 18 4 18L0 18L0 20L24 20L24 18L20 18C21.103 18 22 17.103 22 16L22 11.316406C21.378 11.612406 20.707953 11.818922 20.001953 11.919922L20.001953 16L4 16L4 6L12.080078 6C12.033078 5.673 12 5.34 12 5C12 4.66 12.033078 4.327 12.080078 4L4 4 z M 19 6.734375C19.104 6.734375 19.199203 6.7511094 19.283203 6.7871094C19.368203 6.8231094 19.44 6.8725938 19.5 6.9335938C19.559 6.9945937 19.604719 7.0663906 19.636719 7.1503906C19.668719 7.2333906 19.685547 7.3248281 19.685547 7.4238281C19.684547 7.5198281 19.669719 7.6074063 19.636719 7.6914062C19.604719 7.7754062 19.559 7.8472031 19.5 7.9082031C19.44 7.9692031 19.368203 8.0187344 19.283203 8.0527344C19.199203 8.0867344 19.104 8.1035156 19 8.1035156C18.895 8.1035156 18.801797 8.0877344 18.716797 8.0527344C18.633797 8.0197344 18.560953 7.9692031 18.501953 7.9082031C18.442953 7.8472031 18.396281 7.7754063 18.363281 7.6914062C18.330281 7.6074063 18.314453 7.5188281 18.314453 7.4238281C18.314453 7.3248281 18.331281 7.2333906 18.363281 7.1503906C18.396281 7.0663906 18.442953 6.9945938 18.501953 6.9335938C18.560953 6.8725938 18.633797 6.8231094 18.716797 6.7871094C18.801797 6.7511094 18.896 6.734375 19 6.734375 z"
/>
</svg>
</div>
<h4>Alerting</h4>
<p>
Alert your team with actionable insights
immediately when a check fails. No guesswork
needed.
</p>
</div>
<!-- Card End-->
<!-- Card -->
<div class="feature">
<div class="feature-img">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 48 48"
width="144"
height="144"
>
<path
d="M10.5 6C8.0324991 6 6 8.0324991 6 10.5L6 13.5C6 15.967501 8.0324991 18 10.5 18L18.5 18C20.967501 18 23 15.967501 23 13.5L23 10.5C23 8.0324991 20.967501 6 18.5 6L10.5 6 z M 29.5 6C27.032499 6 25 8.0324991 25 10.5L25 23.5C25 25.967501 27.032499 28 29.5 28L37.5 28C39.967501 28 42 25.967501 42 23.5L42 10.5C42 8.0324991 39.967501 6 37.5 6L29.5 6 z M 10.5 9L18.5 9C19.346499 9 20 9.6535009 20 10.5L20 13.5C20 14.346499 19.346499 15 18.5 15L10.5 15C9.6535009 15 9 14.346499 9 13.5L9 10.5C9 9.6535009 9.6535009 9 10.5 9 z M 29.5 9L37.5 9C38.346499 9 39 9.6535009 39 10.5L39 23.5C39 24.346499 38.346499 25 37.5 25L29.5 25C28.653501 25 28 24.346499 28 23.5L28 10.5C28 9.6535009 28.653501 9 29.5 9 z M 10.5 20C8.0324991 20 6 22.032499 6 24.5L6 37.5C6 39.967501 8.0324991 42 10.5 42L18.5 42C20.967501 42 23 39.967501 23 37.5L23 24.5C23 22.032499 20.967501 20 18.5 20L10.5 20 z M 10.5 23L18.5 23C19.346499 23 20 23.653501 20 24.5L20 37.5C20 38.346499 19.346499 39 18.5 39L10.5 39C9.6535009 39 9 38.346499 9 37.5L9 24.5C9 23.653501 9.6535009 23 10.5 23 z M 29.5 30C27.032499 30 25 32.032499 25 34.5L25 37.5C25 39.967501 27.032499 42 29.5 42L37.5 42C39.967501 42 42 39.967501 42 37.5L42 34.5C42 32.032499 39.967501 30 37.5 30L29.5 30 z M 29.5 33L37.5 33C38.346499 33 39 33.653501 39 34.5L39 37.5C39 38.346499 38.346499 39 37.5 39L29.5 39C28.653501 39 28 38.346499 28 37.5L28 34.5C28 33.653501 28.653501 33 29.5 33 z"
/>
</svg>
</div>
<h4>Dashboards and Reporting</h4>
<p>
Get real-time and historical data on the
performance of your tests.
</p>
</div>
<!-- Card End-->
<!-- Card -->
<div class="feature">
<div class="feature-img">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 30 30"
width="480"
height="480"
>
<path
d="M15 6C11.818 6 10.5 8.041 10.5 10.5C10.5 11.328 10.896484 12.160156 10.896484 12.160156C10.737484 12.252156 10.473062 12.544547 10.539062 13.060547C10.662062 14.022547 11.079703 14.265156 11.345703 14.285156C11.446703 15.183156 12.413 16.333 12.75 16.5L12.75 17.841797C12 20.091797 6 19.75 6 25L24 25C24 19.75 18 20.091797 17.25 17.841797L17.25 16.5C17.588 16.333 18.553297 15.183156 18.654297 14.285156C18.920297 14.265156 19.337938 14.022547 19.460938 13.060547C19.526937 12.543547 19.262516 12.252156 19.103516 12.160156C19.103516 12.160156 19.5 11.409 19.5 10.5C19.5 8.679 18.785 7.125 17.25 7.125C17.25 7.125 16.717 6 15 6 z M 22.5 7.9980469C21.988 7.9980469 21.552344 8.0906563 21.152344 8.2226562C21.371344 8.9016563 21.5 9.659 21.5 10.5C21.5 11.032 21.416547 11.519734 21.310547 11.927734C21.455547 12.356734 21.505359 12.8285 21.443359 13.3125C21.302359 14.4135 20.874891 15.161812 20.337891 15.632812C20.181891 16.010813 19.968281 16.368937 19.738281 16.710938C20.022281 17.293937 20.438 17.812969 20.625 17.917969L20.625 17.929688C22.662 18.884688 26 20.49 26 25L30 25C30 20.042 25 20.753906 24.375 18.628906L24.375 17.916016C24.656 17.758016 25.460922 16.672219 25.544922 15.824219C25.765922 15.805219 26.114797 15.576969 26.216797 14.667969C26.271797 14.179969 26.051922 13.905359 25.919922 13.818359C25.919922 13.818359 26.25 13.107 26.25 12.25C26.25 10.53 25.654 9.0625 24.375 9.0625C24.375 9.0625 23.931 7.9980469 22.5 7.9980469 z M 7.5 8C6.069 8 5.625 9.0625 5.625 9.0625C4.346 9.0625 3.75 10.531953 3.75 12.251953C3.75 13.109953 4.0800781 13.818359 4.0800781 13.818359C3.9470781 13.904359 3.7282031 14.179969 3.7832031 14.667969C3.8852031 15.576969 4.2340781 15.807172 4.4550781 15.826172C4.5390781 16.674172 5.344 17.759969 5.625 17.917969L5.625 18.628906C5 20.752906 0 20.042 0 25L4 25C4 20.49 7.338 18.885688 9.375 17.929688L9.375 17.916016C9.562 17.811016 9.9777187 17.294938 10.261719 16.710938C10.031719 16.368938 9.8181094 16.008859 9.6621094 15.630859C9.1251094 15.160859 8.6966406 14.4125 8.5566406 13.3125C8.4936406 12.8225 8.5453594 12.343156 8.6933594 11.910156C8.5853594 11.499156 8.5 11.011 8.5 10.5C8.5 9.673 8.6170781 8.91275 8.8300781 8.21875C8.4350781 8.08975 8.005 8 7.5 8 z"
/>
</svg>
</div>
<h4>Teams and Users</h4>
<p>
Add team members to your account with full
role-based permissions.
</p>
</div>
<!-- Card End-->
</div>
</div>
</div>
</section>
<!-- Feature Section End -->
<!-- FAQ Section -->
<section class="faq-section">
<div class="container">
<div class="faq-content">
<h2 class="faq-heading">Frequently asked questions</h2>
<div class="faq-one">
<!-- faq question -->
<h3 class="faq-page">What is GuardianUI?</h3>
<!-- faq answer -->
<div class="faq-body">
<p>GuardianUI is an end-to-end testing and monitoring platform for web3 apps.<br><br> We automate
end-to-end testing of web3 critical paths, monitor your app, and provide real-time alerting
and observability to ensure deployed apps create the expected smart contract interactions
for users.</p>
</div>
</div>
<hr class="hr-line">
<div class="faq-two">
<!-- faq question -->
<h3 class="faq-page">What does GuardianUI test and monitor for exactly?</h3>
<!-- faq answer -->
<div class="faq-body">
<p>We check that your app’s frontend is creating the expected smart contract write transactions.<br><br>
Specifically, we make sure transactions point to the right contracts and approvals give the
appropriate access to user funds.</p>
</div>
</div>
<hr class="hr-line">
<div class="faq-three">
<!-- faq question -->
<h3 class="faq-page">Why is monitoring and securing our frontend important?</h3>
<!-- faq answer -->
<div class="faq-body">
<p>Users deserve safe and secure experiences, and there are tons of ways users can get rugged
while using your app without you knowing it. <br><br>Whether it’s bad code accidentally getting
pushed to production, supply chain attacks, or middleware attacks - your app’s frontend
has significant risk vectors that’s impossible for you and your team to manually monitor.<br><br>
That’s where we come in. With GuardianUI, you can set it and forget it - by continuously
monitoring that your frontend is working as expected. If it doesn’t, we’ll immediately notify
you of exactly what’s wrong so you can address the issue immediately and keep your users
safe.</p>
</div>
</div>
<hr class="hr-line">
<div class="faq-four">
<!-- faq question -->
<h3 class="faq-page">What does GuardianUI protect against?</h3>
<!-- faq answer -->
<div class="faq-body">
<p>GuardianUI monitors for anything that might cause your frontend to create the wrong smart
contract interactions and rug your users.<br><br> This includes middleware and supply chain attacks
that could compromise your frontend and alter its contract interactions, such as DNS attacks,
Cloudflare attacks, javascript injections, malicious package injections, package name squatting,
malicious minifiers, compromised linters, and more.<br><br> It also includes incorrect code getting
pushed to production.</p>
</div>
</div>
<hr class="hr-line">
<div class="faq-five">
<!-- faq question -->
<h3 class="faq-page">What are examples of hacks GuardianUI would protect against? </h3>
<!-- faq answer -->
<div class="faq-body">
<p>There are countless examples of FE attacks resulting in users getting rugged. Here are a few:</p>
<ul>
<li><a href="https://www.coindesk.com/business/2021/12/02/badger-dao-protocol-suffers-10m-exploit/" class="link--no-arrow">BadgerDAO (Cloudflare)</a> - $120M in user funds lost</li>
<li><a href="https://www.coindesk.com/business/2021/09/17/3m-in-ether-stolen-from-sushiswaps-miso-launchpad/" class="link--no-arrow">Sushiswap’s Miso (Supply Chain)</a> - $3M in user funds lost</li>
<li><a href="https://cointelegraph.com/news/curve-finance-exploit-experts-dissect-what-went-wrong" class="link--no-arrow">Curve Finance (DNS)</a> - $600k in user funds lost</li>
<li><a href="https://twitter.com/ribbonfinance/status/1540250826156871681?lang=en" class="link--no-arrow">Ribbon Finance (DNS)</a> - $500k in user funds lost</li>
<li><a href="https://cryptopotato.com/an-estimated-128-eth-lost-in-the-celer-protocol-dns-attack/" class="link--no-arrow">Celer Protocol (DNS)</a> - $250k in user funds lost</li>
<li><a href="https://www.trendmicro.com/vinfo/es/security/news/cybercrime-and-digital-threats/-attackers-hijack-dns-entry-of-stellar-lumen-wallet-application-blackwallet" class="link--no-arrow">Black Wallet (DNS)</a> - $400k in user funds lost</li>
<li><a href="https://decrypt.co/61431/pancakeswap-hacked" class="link--no-arrow">Pancake Swap (DNS)</a> - prompted users to enter seed phrase</li>
<li><a href="https://thedefiant.io/social-tokens-get-rolled-on" class="link--no-arrow">Cream Finance (DNS)</a> - prompted users to enter seed phrase</li>
</ul>
</div>
</div>
<hr class="hr-line">
<div class="faq-six">
<!-- faq question -->
<h3 class="faq-page">What end-to-end testing framework does GuardianUI use?</h3>
<!-- faq answer -->
<div class="faq-body">
<p>We’ve extended the popular <a href="https://playwright.dev/docs/intro" target="_blank" class="link--no-arrow">Playwright</a> framework to include an injected
wallet for testing interactions between your frontend and your smart contracts.</p>
</div>
</div>
<hr class="hr-line">
<div class="faq-seven">
<!-- faq question -->
<h3 class="faq-page">What blockchains does GuardianUI cover?</h3>
<!-- faq answer -->
<div class="faq-body">
<p>Currently, GuardianUI only monitors apps on Ethereum mainnet, but we plan to expand our coverage
to all EVM compatible chains.<br><br> If your project is not on mainnet, we want to hear from you!
Please <a href="mailto:[email protected]" class="link--no-arrow">email us</a> and let us know more, so we know which chains to prioritize
next!</p>
</div>
</div>
<hr class="hr-line">
<div class="faq-eight">
<!-- faq question -->
<h3 class="faq-page">We already run tests in our development pipeline. Why do we also need GuardianUI?</h3>
<!-- faq answer -->
<div class="faq-body">
<p>GuardianUI monitors your live app to make sure it’s safe for users.<br><br> We continuously check to make sure your app’s
live UI is creating the expected smart contract interactions for your users.<br><br> If a check fails for some reason
(e.g. an attack or simply bad code), we alert you immediately with information to address the root issue so you
can keep your users safe. </p>
</div>
</div>
<hr class="hr-line">
<div class="faq-nine">
<!-- faq question -->
<h3 class="faq-page">What happens when a check fails?</h3>
<!-- faq answer -->
<div class="faq-body">
<p>If a check fails, GuardianUI will immediately send your team an alert via email and/or discord with the exact failure
reason.<br><br> We eliminate the guesswork so you can immediately address the root issue.<br><br> For more about alerts,
please see <a href="https://guardianui.gitbook.io/beta-documentation/alerts/alerts-overview" class="link--no-arrow">our docs</a>.</p>
</div>
</div>
<hr class="hr-line">
<div class="faq-ten">
<!-- faq question -->
<h3 class="faq-page">Does the GuardianUI testing framework also test state change?</h3>
<!-- faq answer -->
<div class="faq-body">
<p>Currently, our framework mocks transactions and approvals to check that contract interactions are correct but
does not submit transactions on chain.</p>
</div>
</div>
<hr class="hr-line">
<div class="faq-eleven">
<!-- faq question -->
<h3 class="faq-page">How many tests should we write for our app?</h3>
<!-- faq answer -->
<div class="faq-body">
<p>Every app is unique with different security needs. As a general rule, you should consider creating tests for
any interaction your frontend has with smart contracts.<br><br> We are happy to write your tests for you if you’d
prefer we do it instead of your team.</p>
</div>
<hr class="hr-line">
<div class="faq-twelve">
<!-- faq question -->
<h3 class="faq-page">We don't have time to write tests. How can you help?</h3>
<!-- faq answer -->
<div class="faq-body">
<p>We'll write your tests for you! Just fill out <a href="https://airtable.com/shrIzrQxUZqBOKabG" class="link--no-arrow">this form</a>.</p>
</div>
</div>
</div>
</div>
</section>
<script src="main.js"></script>
</main>
<!-- Footer -->
<footer class="alt">
<div class="container">
<div class="footer-content">
<div>
<a href="#" class="footer-logo">
<img
src="./assets/images/logo.png"
alt="GuardianUI"
/>
</a>
<p>
GuardianUI is a testing and monitoring <br />
platform for web3 frontends.
</p>
<ul class="social-list">
<li>
<a
href="https://twitter.com/guardian_ui"
target="_blank"
rel="noreferrer noopener"
><svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 512 512"
>
<path
d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"
/></svg
></a>
</li>
<li>
<a
href="https://medium.com/guardianui"
target="_blank"
rel="noreferrer noopener"
><svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 640 512"
>
<path
d="M180.5,74.262C80.813,74.262,0,155.633,0,256S80.819,437.738,180.5,437.738,361,356.373,361,256,280.191,74.262,180.5,74.262Zm288.25,10.646c-49.845,0-90.245,76.619-90.245,171.095s40.406,171.1,90.251,171.1,90.251-76.619,90.251-171.1H559C559,161.5,518.6,84.908,468.752,84.908Zm139.506,17.821c-17.526,0-31.735,68.628-31.735,153.274s14.2,153.274,31.735,153.274S640,340.631,640,256C640,171.351,625.785,102.729,608.258,102.729Z"
/></svg
></a>
</li>
<li>
<a
href="https://www.linkedin.com/company/guardianui/"
target="_blank"
rel="noreferrer noopener"
><svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512"
>
<path
d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"
/></svg
></a>
</li>
<li>
<a
href="https://discord.gg/TkfeTpfYxx"
target="_blank"
rel="noreferrer noopener"
><svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 640 512"
>
<path
d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"
/></svg
></a>
</li>
</ul>
</div>
<ul>
<li><h4>Company</h4></li>
<li>
<a
href="https://docs.guardianui.com/overview/readme"
target="_blank"
rel="noreferrer noopener"
>Documentation</a
>
</li>
<li>
<a
href="https://discord.gg/TkfeTpfYxx"
target="_blank"
rel="noreferrer noopener"
>Support</a
>
</li>
<li>
<a
href="https://guardianui.gitbook.io/beta-documentation/legal/service-terms-and-agreement"
target="_blank"
rel="noreferrer noopener"
>Terms of service</a
>
</li>
<li>
<a
href="https://guardianui.gitbook.io/beta-documentation/legal/privacy-policy"
target="_blank"
rel="noreferrer noopener"
>Privacy policy</a
>
</li>
</ul>
</div>
<p class="copyright">
Copyright © 2023 GuardianUI, LLC. All rights reserved.
</p>
</div>
</footer>
<!-- Footer End -->
<!-- Scripts -->
<script src="./assets/js/script.js"></script>
</body>
</html>