-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
1134 lines (1038 loc) · 105 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
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!doctype html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8" />
<title>NocoBase - Open source, self-hosted, lightweight no-code & low-code development platform</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="NocoBase is a lightweight, extremely scalable open source no-code and low-code development platform. Instead of investing years of time and millions of dollars in research and development, deploy NocoBase in a few minutes and you'll have a private, controllable, and extremely scalable no-code development platform!" />
<meta name="keywords" content="nocobase,low-code,no-code,self-hosted,open source,open-source,no-code development,low-code development,workflow management software,business process management,collaboration software,enterprise process management,enterprise management system,no-code system,no-code platform,free no-code development platform" />
<!-- favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="./images/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./images/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./images/favicon/favicon-16x16.png">
<link rel="manifest" href="./images/favicon/site.webmanifest">
<!-- Bootstrap -->
<link href="./css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!-- Icons -->
<link href="./css/materialdesignicons.min.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v3.0.6/css/line.css">
<!-- Balloon css -->
<link href="./css/balloon.min.css?v3" rel="stylesheet" type="text/css" />
<!-- Slider -->
<link rel="stylesheet" href="./css/tiny-slider.css"/>
<!-- Main Css -->
<link href="./css/style.css?v1.4" rel="stylesheet" type="text/css" id="theme-opt" />
<!-- <link href="./css/colors/default.css" rel="stylesheet" id="color-opt"> -->
<!-- Language -->
<script type="text/javascript">
function setLanguagePreference(lang) {
document.cookie = "preferredLang=" + lang + "; path=/; domain=.nocobase.com; max-age=31536000";
}
// 从 Cookie 读取语言偏好
function getLanguagePreference() {
var match = document.cookie.match(/(^|;) ?preferredLang=([^;]*)(;|$)/);
return match ? match[2] : null;
}
// 点击切换语言按钮
function changeLanguage(lang) {
setLanguagePreference(lang);
if (lang === 'en') {
window.location.href = 'https://www.nocobase.com';
} else if (lang === 'zh') {
window.location.href = 'https://cn.nocobase.com';
}
}
// document.addEventListener('DOMContentLoaded', function() {
// var preferredLang = getLanguagePreference();
// var currentHost = window.location.host;
// // 判断当前访问的是否为英文站点（包括带www和不带www的情况）
// var isEnglishSite = currentHost === 'www.nocobase.com' || currentHost === 'nocobase.com';
// if (preferredLang) {
// // 根据偏好执行跳转
// if (preferredLang === 'zh' && isEnglishSite) {
// window.location.href = 'https://cn.nocobase.com';
// } else if (preferredLang === 'en' && !isEnglishSite) {
// window.location.href = isEnglishSite ? window.location.href : 'https://www.nocobase.com';
// }
// } else {
// // 如果没有设置语言偏好，根据浏览器语言进行一次性跳转
// var userLang = navigator.language || navigator.userLanguage;
// if (userLang.startsWith('zh') && isEnglishSite) {
// setLanguagePreference('zh'); // 设置语言偏好并跳转
// window.location.href = 'https://cn.nocobase.com';
// } else if (!userLang.startsWith('zh') && !isEnglishSite) {
// setLanguagePreference('en'); // 设置语言偏好并保持当前英文站点
// // 不执行跳转，因为已经在英文站点
// }
// }
// });
</script>
<!-- Begin Brevo Form -->
<style>
#sib-container input:-ms-input-placeholder {
text-align: left;
color: #c0ccda;
}
#sib-container input::placeholder {
text-align: left;
color: #c0ccda;
}
#sib-container textarea::placeholder {
text-align: left;
color: #c0ccda;
}
</style>
<link rel="stylesheet" href="https://sibforms.com/forms/end-form/build/sib-styles.css">
<!-- END Brevo Form -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-237XXSVYHE"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-237XXSVYHE');
</script>
<!-- Baidu Analytics -->
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?acfb678ac7bbc9df89e1aa4327e47907";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</head>
<body>
<!-- Loader -->
<!-- <div id="preloader">
<div id="status">
<div class="spinner">
<div class="double-bounce1"></div>
<div class="double-bounce2"></div>
</div>
</div>
</div> -->
<!-- Loader -->
<!-- Navbar Start -->
<header id="topnav" class="defaultscroll sticky">
<!-- <div class="producthunt" style="background: #2f55d4; text-align: center; padding: 8px 0;"><a href="https://www.producthunt.com/posts/nocobase" target="_blank" style="color: #adb5bd; ">🎉 NocoBase has launched on <span style="color: #FFF">Product Hunt</span> . We'd love your support! <span style="color: #FFF">Vote for NocoBase <i class="uil uil-arrow-right"></i></span></a></div> -->
<div class="container">
<!-- Logo container-->
<a class="logo" href="https://www.nocobase.com">
<span class="logo-light-mode">
<img src="https://static-docs.nocobase.com/logo-nocobase.png" class="logo-light-mode" height="24" alt="NocoBase Logo">
</span>
</a>
<div class="demo">
<a href="https://demo.nocobase.com/new" target="_blank" class="btn btn-outline-primary btn-sm">Live demo<i class="uil uil-angle-right-b"></i></a>
</div>
<div class="lang">
<a href="javascript:void(0);" onclick="changeLanguage('en')" class="text-reset">EN</a> | <a href="javascript:void(0);" onclick="changeLanguage('zh')" class="text-reset">中文</a>
</div>
<!-- End Logo container-->
<div class="menu-extras">
<div class="menu-item">
<!-- Mobile menu toggle-->
<a class="navbar-toggle" id="isToggle" onclick="toggleMenu()">
<div class="lines">
<span></span>
<span></span>
<span></span>
</div>
</a>
<!-- End mobile menu toggle-->
</div>
</div>
<div id="navigation">
<!-- Navigation Menu-->
<ul class="navigation-menu">
<li><a rel="nofollow" href="https://github.com/nocobase/nocobase" class="sub-menu-item" target="_blank">GitHub <img alt="GitHub Repo stars" src="https://img.shields.io/github/stars/nocobase/nocobase"></a></li>
<li><a href="https://www.nocobase.com/plugins.html" class="sub-menu-item">Plugins</a></li>
<li><a href="https://www.nocobase.com/commercial.html" class="sub-menu-item">Commercial</a></li>
<li class="has-submenu parent-menu-item">
<a href="javascript:void(0)">Resources</a><span class="menu-arrow"></span>
<ul class="submenu">
<li><a href="https://docs.nocobase.com" class="sub-menu-item" target="_blank">Documentation</a></li>
<li><a href="https://blog.nocobase.com" class="sub-menu-item" target="_blank">Blog</a></li>
<li><a href="https://www.nocobase.com/community.html" class="sub-menu-item">Community</a></li>
<li><a href="https://www.nocobase.com/contact.html" class="sub-menu-item">Contact us</a></li>
<li><a href="https://docs.nocobase.com/welcome/release/roadmap" class="sub-menu-item" target="_blank">Roadmap</a></li>
<li><a href="https://docs.nocobase.com/welcome/release/" class="sub-menu-item" target="_blank">Release note</a></li>
<li ><a href="https://www.nocobase.com/agreement.html" class="sub-menu-item">License agreement</a></li>
</ul>
</li>
</ul><!--end navigation menu-->
</div><!--end navigation-->
</div><!--end container-->
</header><!--end header-->
<!-- Navbar End -->
<!-- Hero Start -->
<section class="bg-half-260 bg-light d-table w-100">
<!-- <div class="bg-overlay"></div> -->
<div class="container">
<div class="row">
<div class="col-12">
<div class="title-heading text-center mt-4">
<h1 class="display-4 fw-bold mb-3">Scalability-first<br>open-source<br>no-code platform</h1>
<p class="para-desc mx-auto text-muted">
Total control, infinite scalability, empower your team to swiftly adapt to changes and significantly reduce costs. Skip years of development and millions in investment<br>- just deploy NocoBase in minutes.
</p>
<div class="mt-4 pt-2">
<a href="#section-for-you" class="btn btn-primary mb-2">Is it for you? <i class="uil uil-arrow-down"></i></a>
<a href="https://demo.nocobase.com/new" target="_blank" class="btn btn-outline-primary mb-2">Experience online<i class="uil uil-angle-right-b"></i></a>
</div>
</div>
</div><!--end col-->
</div><!--end row-->
</div><!--end container-->
</section><!--end section-->
<!-- Hero End -->
<!-- Shape Start -->
<div class="position-relative">
<div class="shape overflow-hidden text-color-white">
<svg viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 48H1437.5H2880V0H2160C1442.5 52 720 0 720 0H0V48Z" fill="currentColor"></path>
</svg>
</div>
</div>
<!--Shape End-->
<!-- For you Start -->
<section class="section pb-0" id="section-for-you">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 text-center">
<div class="section-title mb-4 pb-2">
<h3 class="title mb-4">Who NocoBase is for</h3>
<p class="text-muted para-desc mx-auto mb-0">
Your development team is facing these serious <span class="text-primary fw-bold">challenges</span> as they deliver various business systems for either internal or client use.
</p>
</div>
</div><!--end col-->
</div><!--end row-->
<div class="row">
<div class="col-lg-3 col-md-6 col-6">
<div class="d-flex features feature-primary pt-4 pb-4">
<div class="icon text-center rounded-circle text-primary me-3 h5 mb-0">
<i class="uil uil-silent-squint text-primary text-warning"></i>
</div>
<div class="flex-1">
<p class="para mb-0">Frequent changes in business needs</p>
</div>
</div>
</div><!--end col-->
<div class="col-lg-3 col-md-6 col-6">
<div class="d-flex features feature-primary pt-4 pb-4">
<div class="icon text-center rounded-circle text-primary me-3 h5 mb-0">
<i class="uil uil-silent-squint text-primary text-warning"></i>
</div>
<div class="flex-1">
<p class="para mb-0">Tight and urgent delivery deadlines</p>
</div>
</div>
</div><!--end col-->
<div class="col-lg-3 col-md-6 col-6">
<div class="d-flex features feature-primary pt-4 pb-4">
<div class="icon text-center rounded-circle text-primary me-3 h5 mb-0">
<i class="uil uil-silent-squint text-primary text-warning"></i>
</div>
<div class="flex-1">
<p class="para mb-0">Slow and lengthy development processes</p>
</div>
</div>
</div><!--end col-->
<div class="col-lg-3 col-md-6 col-6">
<div class="d-flex features feature-primary pt-4 pb-4">
<div class="icon text-center rounded-circle text-primary me-3 h5 mb-0">
<i class="uil uil-silent-squint text-primary text-warning"></i>
</div>
<div class="flex-1">
<p class="para mb-0">High personnel costs</p>
</div>
</div>
</div><!--end col-->
</div><!--end row-->
<div class="row justify-content-center">
<div class="col-12 text-center">
<div class="section-title mt-5 mb-4 pb-2">
<p class="text-muted para-desc mx-auto mb-0">
Your team has realized the need to abandon traditional development methods, and introducing a no-code development approach could be a good option. However, after research or experimentation, your team has <span class="text-primary fw-bold">numerous concerns</span> regarding the no-code platform.
</p>
</div>
</div><!--end col-->
</div><!--end row-->
<div class="row justify-content-center">
<div class="col-lg-7 col-md-6 order-2 order-md-1 mt-4 mt-sm-0 pt-2 pt-sm-0">
<ul class="list-unstyled">
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-sad-dizzy align-middle text-warning"></i></span>Limited no-code capabilities, primarily for forms or tables</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-sad-dizzy align-middle text-warning"></i></span>Clumsy and inflexible, leaving users helpless when faced with unmet requirements</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-sad-dizzy align-middle text-warning"></i></span>Without access to the underlying source code and with data hosted on third-party servers, both privacy and security are difficult to guarantee</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-sad-dizzy align-middle text-warning"></i></span>System instability, coupled with challenges in tracking and troubleshooting</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-sad-dizzy align-middle text-warning"></i></span>Difficult to integrate seamlessly with existing systems</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-sad-dizzy align-middle text-warning"></i></span>Being held hostage by user or application-based pricing models, resulting in purchased products not truly belonging to yourselves</li>
</ul>
</div><!--end col-->
</div><!--end row-->
<div class="row justify-content-center">
<div class="col-12 text-center">
<div class="section-title mt-4 mb-4 pb-2">
<p class="text-muted para-desc mx-auto mb-0">
No need to worry! Give NocoBase a try. <br>
NocoBase is the <span class="text-primary fw-bold">tailored infrastructure</span> designed specifically for your development team!
</p>
</div>
<div class="mt-4 pt-2 text-center">
<a href="#section-how" class="btn btn-primary">How? <i class="uil uil-arrow-down"></i></a>
</div>
</div><!--end col-->
</div><!--end row-->
</div><!--end container-->
</section><!--end section-->
<!-- For you End -->
<!-- How Start -->
<section class="section pb-0" id="section-how">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 text-center">
<div class="section-title mb-4 pb-2">
<h3 class="title mb-4">How NocoBase gets it done</h3>
<p class="text-muted para-desc mx-auto mb-0">
"No code" is very helpful for rapid development of business systems, but it is not possible to fulfill all the needs. The design principle of NocoBase is:
</p>
</div>
</div><!--end col-->
</div><!--end row-->
<div class="row justify-content-center">
<div class="col-lg-7 p-4 bg-light rounded shadow text-center">
<p class="mb-0">
<span class="text-primary fw-bold" style="font-size: 20px;">80%</span> of requirements are achieved through no-code solutions, <br><span class="text-primary fw-bold" style="font-size: 20px;">20%</span> are implemented through extended development.
</p>
</div>
</div><!--end row-->
<div class="row align-items-top mt-100">
<div class="col-lg-5 col-md-5">
<div class="section-title">
<h5 class="mb-4"><span class="text-primary">Data model-driven</span>, separate "user interface" from "data structure"</h5>
<p class="text-muted">Compared to form and table-driven approaches, data model-driven development offers uncapped development capabilities.</p>
<ul class="list-unstyled text-muted">
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>Decouple data and UI</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>Multiple blocks and actions can be created for the same table and record in any quantity and form</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>Support main database, external databases, and third-party APIs as data sources</li>
</ul>
</div>
</div><!--end col-->
<div class="col-lg-7">
<div class="card rounded border-0 shadow ms-lg-5">
<div class="card-body feature-card-img">
<img src="https://static-docs.nocobase.com/model.png" alt="">
</div>
</div>
</div><!--end col-->
</div><!--end row-->
<div class="row align-items-top mt-100">
<div class="col-lg-5 col-md-5">
<div class="section-title">
<h5 class="mb-4"><span class="text-primary">What you see is what you get</span>, incredibly easy to use</h5>
<p class="text-muted">NocoBase can develop complex and distinctive business systems, yet its usage is remarkably simple.</p>
<ul class="list-unstyled text-muted">
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>One-click switch between usage mode and configuration mode</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>Pages serve as a canvas where various blocks and actions are placed to compose suitable interfaces, much like Notion</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>The UI configuration mode is designed for ordinary users, not programmers</li>
</ul>
</div>
</div><!--end col-->
<div class="col-lg-7 col-md-7">
<div class="card rounded border-0 shadow ms-lg-5">
<div class="card-body feature-card-img">
<img src="https://static-docs.nocobase.com/wysiwyg.gif" alt="">
</div>
</div>
</div><!--end col-->
</div><!--end row-->
<div class="row align-items-top mt-100">
<div class="col-lg-5 col-md-5">
<div class="section-title">
<h5 class="mb-4">Everything is implemented as <span class="text-primary">plugins</span>, designed for extension development</h5>
<p class="text-muted">Facing complex and ever-changing business scenarios, relying solely on stacking no-code capabilities to exhaust all requirements is futile. NocoBase is designed for extension development, freely expanding plugins to meet various needs. </p>
<ul class="list-unstyled text-muted">
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>Adopts a microkernel architecture where all functionalities are plugins, much like Wordpress</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>Plugins are ready to use upon installation</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>Whether they are pages, blocks, actions, APIs, or data sources, new plugins can be developed to meet new requirements</li>
</ul>
</div>
</div><!--end col-->
<div class="col-lg-7 col-md-7">
<div class="card rounded border-0 shadow ms-lg-5">
<div class="card-body feature-card-img">
<img src="https://static-docs.nocobase.com/plugins.png" alt="">
</div>
</div>
</div><!--end col-->
</div><!--end row-->
<div class="row align-items-top mt-5">
<div class="col-lg-6 col-md-6 mt-5">
<div class="section-title">
<h5 class="mb-4"><span class="text-primary">Open source</span>, using mainstream technology stacks</h5>
<p class="text-muted">NocoBase's core and foundational plugins are entirely open-source, ensuring absolute transparency and controllability.</p>
<ul class="list-unstyled text-muted">
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>Written in TypeScript</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>Utilizes mainstream technology stacks such as Node.js, React, Koa, and more</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>Defines only standard interfaces, avoiding private DSLs</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>Extremely simple and lightweight, capable of running on a single low-spec server and scalable with just one person managing the development</li>
</ul>
</div>
</div><!--end col-->
<div class="col-lg-6 col-md-6 mt-5">
<div class="section-title">
<h5 class="mb-4">Logging & <span class="text-primary">Monitoring</span></h5>
<p class="text-muted">NocoBase is not a black box; it provides detailed logging and monitoring alert infrastructure.</p>
<ul class="list-unstyled text-muted">
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>The logging plugin offers interface request logs and system operation logs</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>Supporting configurations such as log levels, rolling policies, size, and print formats</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>A series of telemetry plugins integrate facilities like OpenTelemetry and Prometheus, enabling developers to monitor any metric</li>
</ul>
</div>
</div><!--end col-->
<div class="col-lg-6 col-md-6 mt-5">
<div class="section-title">
<h5 class="mb-4"><span class="text-primary">Integrate</span> with third-party systems</h5>
<p class="text-muted">NocoBase offers multiple ways to integrate with third-party systems:</p>
<ul class="list-unstyled text-muted">
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>Using third-party databases as data sources</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>Utilizing APIs from other systems as data sources</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>Single Sign-On (SSO) for seamless authentication</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>Integrate seamlessly with third-party systems, becoming one entity</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>Implement multi-applications and parent-child applications among multiple NocoBase applications</li>
</ul>
</div>
</div><!--end col-->
<div class="col-lg-6 col-md-6 mt-5">
<div class="section-title">
<h5 class="mb-4"><span class="text-primary">Free</span>, or one-time payment for lifetime usage</h5>
<p class="text-muted">NocoBase is freely available for open-source use, with commercial license and plugins offered on top of the open-source version. Commercial license and plugins are purchased once and remain valid for a lifetime.</p>
<ul class="list-unstyled text-muted">
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>No subscription required</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>No consideration for the number of users</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>No consideration for the number of applications</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-smile-beam align-middle"></i></span>No consideration for the amount of data</li>
</ul>
</div>
</div><!--end col-->
</div><!--end row-->
<div class="row justify-content-center">
<div class="col-12 text-center">
<div class="mt-4 pt-2 text-center">
<a href="#section-right" class="btn btn-primary">What's not? <i class="uil uil-arrow-down"></i></a>
</div>
</div><!--end col-->
</div><!--end row-->
</div><!--end container-->
</section><!--end section-->
<!-- For you End -->
<!-- Right way Start -->
<section class="section pb-0" id="section-right">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 text-center">
<div class="section-title mb-4 pb-2">
<h3 class="title mb-4">The right way to use NocoBase</h3>
<p class="text-muted para-desc mx-auto mb-0">
No-code is not omnipotent, and neither is NocoBase.
</p>
</div>
</div><!--end col-->
</div><!--end row-->
<div class="row">
<div class="col-md-6 col-12">
<ul class="list-unstyled text-muted">
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-silent-squint align-middle text-warning"></i></span>NocoBase is not a low-code platform and does not support coding directly in the interface</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-silent-squint align-middle text-warning"></i></span>NocoBase is not a code generator and does not offer code export</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-silent-squint align-middle text-warning"></i></span>NocoBase is not a tool designed for teams without a technical background</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-silent-squint align-middle text-warning"></i></span>NocoBase is not a SaaS, no subscription or pay-as-you-go offerings</li>
</ul>
</div><!--end col-->
<div class="col-md-6 col-12">
<ul class="list-unstyled text-muted">
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-grin align-middle"></i></span>Technical teams use NocoBase as infrastructure to dramatically improve delivery speed and efficiency</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-grin align-middle"></i></span>Technical teams can extend the capabilities of NocoBase with extension plugins, and non-developers can build on top of it without code</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-grin align-middle"></i></span>Use NocoBase to develop business systems and internal tools ranging from simple to complex</li>
<li class="mb-1 concerns-li"><span class="text-primary h5 me-2 concerns-span"><i class="uil uil-grin align-middle"></i></span>Deploy NocoBase on your own servers, use it, and take full control</li>
</ul>
</div><!--end col-->
</div><!--end row-->
<div class="row justify-content-center">
<div class="col-12 text-center">
<div class="mt-4 pt-2 text-center">
<a href="#section-try" class="btn btn-primary">Have a try <i class="uil uil-arrow-down"></i></a>
</div>
</div><!--end col-->
</div><!--end row-->
</div><!--end container-->
</section><!--end section-->
<!-- End -->
<!-- Try Start -->
<section class="section pb-0" id="section-try">
<div id="how-it-works"></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-12 text-center">
<div id="steps-guide">
<div class="section-title">
<h3 class="title mb-4">Try it out: 3 steps to create a CRM</h3>
</div>
<div class="row">
<div class="col-md-4">
<div class="card features feature-clean work-process bg-transparent process-arrow border-0 text-center">
<div class="card-body steps-title guide1" id="guide1">
<h6 class="text-dark"><span class="h2 fw-bold step">01. </span>Collections and fields</h6>
</div>
</div>
</div><!--end col-->
<div class="col-md-4">
<div class="card features feature-clean work-process bg-transparent process-arrow border-0 text-center">
<div class="card-body steps-title guide2" id="guide2">
<h6 class="text-dark"><span class="h2 fw-bold step">02. </span>Menus and pages</h6>
</div>
</div>
</div><!--end col-->
<div class="col-md-4">
<div class="card features feature-clean work-process bg-transparent d-none-arrow border-0 text-center">
<div class="card-body steps-title guide3" id="guide3">
<h6 class="text-dark"><span class="h2 fw-bold step">03. </span>Blocks & actions</h6>
</div>
</div>
</div><!--end col-->
</div>
</div>
<div class="" id="demo-wrap">
<img src="https://static-docs.nocobase.com/1-home-steps.png" alt="" class="img-fluid rounded-md shadow-lg" style="z-index: 0;">
<div id="steps-wrap">
<div id="step25" class="demo_step">
<img src="https://static-docs.nocobase.com/1-home-steps.png" alt="NocoBase no-code DEMO">
<div class="button demo_tooltip" id="button25" aria-label="Now, let's get started with NocoBase!" data-balloon-length="medium" data-balloon-pos="down">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
</div>
<div id="step24" class="demo_step">
<img src="https://static-docs.nocobase.com/21-home-steps.png" alt="NocoBase lightweight no-code platform">
<div class="button demo_tooltip" id="button24" aria-label="Okay, let's exit UI Editor mode" data-balloon-length="medium" data-balloon-pos="left">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
</div>
<div id="step23" class="demo_step">
<img src="https://static-docs.nocobase.com/20-home-steps.png" alt="NocoBase open-source no-code platform">
<div class="button demo_tooltip" id="button23" aria-label="Each block and even each element can be configured" data-balloon-length="medium" data-balloon-pos="right">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
</div>
<div id="step22" class="demo_step">
<img src="https://static-docs.nocobase.com/19-home-steps.png">
<div class="button demo_tooltip" id="button22" aria-label="Drag and drop these blocks to adjust the layout" data-balloon-length="medium" data-balloon-pos="left">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
</div>
<div id="step21" class="demo_step">
<img src="https://static-docs.nocobase.com/18-home-steps.png" alt="NocoBase open-source low-code platform">
<div class="button demo_tooltip" id="button21" aria-label="We can add as many blocks as we want within a page" data-balloon-length="medium" data-balloon-pos="left">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
</div>
<div id="step20" class="demo_step">
<img src="https://static-docs.nocobase.com/17-home-steps.png" alt="NocoBase lightweight, open-source low-code & no-code platform">
<div class="button demo_tooltip" id="button20" aria-label="Continue" data-balloon-length="medium" data-balloon-pos="down">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
</div>
<div id="step19" class="demo_step">
<img src="https://static-docs.nocobase.com/16-home-steps.png" alt="NocoBase lightweight no-code platform">
<div class="button demo_tooltip" id="button19" aria-label="Go to the next tab and add a block of association data to make it easy to view this customer's orders" data-balloon-length="medium" data-balloon-pos="right">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
</div>
<div id="step18" class="demo_step">
<img src="https://static-docs.nocobase.com/15-home-steps.png" alt="NocoBase lightweight no-code platform">
<div class="button demo_tooltip" id="button18" aria-label="Drag and drop combination fields to adjust the layout" data-balloon-length="medium" data-balloon-pos="left">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
</div>
<div id="step17" class="demo_step">
<img src="https://static-docs.nocobase.com/14-home-steps.png" alt="NocoBase open-source no-code platform">
<div class="button demo_tooltip" id="button17" aria-label="Rich blocks can be added in each tab. Let's add a details block" data-balloon-length="medium" data-balloon-pos="down">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
</div>
<div id="step16" class="demo_step">
<img src="https://static-docs.nocobase.com/13-home-steps.png" alt="NocoBase open-source no-code platform">
<div class="button demo_tooltip" id="button16" aria-label="We can add some tabs" data-balloon-length="medium" data-balloon-pos="left">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
</div>
<div id="step15" class="demo_step">
<img src="https://static-docs.nocobase.com/12-3-home-steps.png" alt="NocoBase open-source low-code platform">
<div class="button demo_tooltip" id="button15" aria-label="Click 'View' and we go to configure the details page for each record" data-balloon-length="medium" data-balloon-pos="right">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
</div>
<div id="step14" class="demo_step">
<img src="https://static-docs.nocobase.com/12-2-home-steps.png" alt="NocoBase open-source low-code platform">
<div class="button demo_tooltip" id="button14" aria-label="We can also decide which actions to enable" data-balloon-length="medium" data-balloon-pos="left">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
</div>
<div id="step13" class="demo_step">
<img src="https://static-docs.nocobase.com/12-1-home-steps.png" alt="NocoBase lightweight, open-source low-code & no-code platform">
<div class="button demo_tooltip" id="button13" aria-label="We can decide which fields to display" data-balloon-length="medium" data-balloon-pos="left">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
</div>
<div id="step11" class="demo_step">
<img src="https://static-docs.nocobase.com/11-home-steps.png" alt="NocoBase lightweight, open-source low-code & no-code platform">
<div class="button demo_tooltip" id="button11" aria-label="We add a table block to display companies data" data-balloon-length="medium" data-balloon-pos="down">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
<div class="steps-groups">
<div class="steps-group-name"><span>03</span><br>Lay out blocks within a page</div>
</div>
</div>
<div id="step10" class="demo_step">
<img src="https://static-docs.nocobase.com/10-home-steps.png" alt="NocoBase lightweight, open-source low-code & no-code platform">
<div class="button button10 demo_tooltip" id="button10" aria-label="Now, it's time to add blocks within the page" data-balloon-length="medium" data-balloon-pos="right">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
</div>
<div id="step9" class="demo_step">
<img src="https://static-docs.nocobase.com/9-home-steps.png" alt="NocoBase lightweight, open-source low-code & no-code platform">
<div class="button demo_tooltip" id="button9" aria-label="It is also possible to add unlimited levels of submenus" data-balloon-length="medium" data-balloon-pos="right">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
</div>
<div id="step8" class="demo_step">
<img src="https://static-docs.nocobase.com/8-home-steps.png" alt="NocoBase lightweight, open-source low-code & no-code platform">
<div class="button demo_tooltip" id="button8" aria-label="Now, the configure buttons appears on the interface. Let's add some menus" data-balloon-length="medium" data-balloon-pos="right">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
</div>
<div id="step7" class="demo_step">
<img src="https://static-docs.nocobase.com/7-home-steps.png" alt="NocoBase lightweight, open-source low-code & no-code platform">
<div class="button demo_tooltip" id="button7" aria-label="Back to the blank canvas, let's go into UI Editor mode" data-balloon-length="medium" data-balloon-pos="left">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
<div class="steps-groups">
<div class="steps-group-name"><span>02</span><br>Configure menus and pages</div>
</div>
</div>
<div id="step6" class="demo_step">
<img src="https://static-docs.nocobase.com/6-home-steps.png" alt="NocoBase lightweight, open-source low-code & no-code platform">
<div class="button button6 demo_tooltip" id="button6" aria-label="Complete, exit the collection manager page" data-balloon-length="medium" data-balloon-pos="down">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
</div>
<div id="step5" class="demo_step">
<img src="https://static-docs.nocobase.com/5-home-steps.png" alt="NocoBase lightweight, open-source low-code & no-code platform">
<div class="button demo_tooltip" id="button5" aria-label="Choose from dozens of field types as needed" data-balloon-length="medium" data-balloon-pos="left">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
</div>
<div id="step4" class="demo_step">
<img src="https://static-docs.nocobase.com/4-home-steps.png" alt="NocoBase lightweight, open-source low-code & no-code platform">
<div class="button demo_tooltip" id="button4" aria-label="Next, we add some fields to the collection" data-balloon-length="medium" data-balloon-pos="left">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
</div>
<div id="step3" class="demo_step">
<img src="https://static-docs.nocobase.com/3-home-steps.png" alt="NocoBase lightweight, open-source low-code & no-code platform">
<div class="button demo_tooltip" id="button3" aria-label="Let's create the Companies, Orders collections" data-balloon-length="medium" data-balloon-pos="left">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
</div>
<div id="step2" class="demo_step">
<img src="https://static-docs.nocobase.com/2-home-steps.png" alt="NocoBase lightweight, open-source low-code & no-code platform">
<div class="button demo_tooltip" id="button2" aria-label="Enter the collection manager screen" data-balloon-length="medium" data-balloon-pos="left">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
<div class="steps-groups">
<div class="steps-group-name"><span>01</span><br>Create collections and fields</div>
</div>
</div>
<div id="step1" class="demo_step demo_step_start">
<img src="https://static-docs.nocobase.com/1-home-steps.png" alt="NocoBase lightweight no-code platform">
<div class="button button1 demo_tooltip" id="button1" aria-label="Click, 3 steps to create a CRM" data-balloon-length="medium" data-balloon-pos="up">
<svg width="80" height="80" viewBox="0 0 45 45" xmlns="http://www.w3.org/2000/svg" stroke="#fa541c" aria-label="audio-loading">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)" stroke-width="2">
<circle cx="22" cy="22" r="6" stroke-opacity="0"><animate attributeName="r" begin="1.5s" dur="3s" values="6;22" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-opacity" begin="1.5s" dur="3s" values="1;0" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="stroke-width" begin="1.5s" dur="3s" values="2;0" calcMode="linear" repeatCount="indefinite"></animate></circle>
<circle cx="22" cy="22" r="8"><animate attributeName="r" begin="0s" dur="1.5s" values="6;1;2;3;4;5;6" calcMode="linear" repeatCount="indefinite"></animate></circle>
</g>
</svg>
</div>
</div>
</div><!--end sptes-wrap-->
</div>
</div><!--end col-->
</div><!--end row-->
<div class="row justify-content-center">
<div class="col-12 text-center">
<div class="mt-4 pt-2 text-center">
<a href="#section-feedback" class="btn btn-primary">Happy users <i class="uil uil-arrow-down"></i></a>
</div>
</div><!--end col-->
</div><!--end row-->
</div><!--end container-->
</section><!--end section-->
<!-- End -->
<!-- Feedback Start -->
<section class="section pb-0" id="section-feedback">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 text-center">
<div class="section-title">
<h3 class="title mb-4">It's important to hear what users say</h3>
</div>
</div><!--end col-->
</div><!--end row-->
<div class="row justify-content-center">
<div class="col-lg-9 mt-4 pt-2">
<div class="tiny-single-item text-center">
<div class="tiny-slide client-testi text-center">
<p class="text-muted fst-italic">As a company dedicated to the legal technology field, we face challenges due to the breadth of services and the diversity of demands. In order to effectively reduce development costs and improve efficiency, we once considered developing an internal no-code/low-code system. However, during exploration, we discovered NocoBase. Its architectural design is not only flexible but also powerful, perfectly meeting our dual needs for rapid development and deep customization.</p>
<p class="text-muted fst-italic">Since NocoBase came into our sight, we have started experimenting with it in several business projects. Its ease of use and scalability quickly proved its value, making our development work more efficient and agile. With the continuous iteration of NocoBase versions and the continuous enhancement of features, our confidence in it is growing day by day.</p>
<p class="text-muted fst-italic">We greatly appreciate the innovation and responsiveness of the NocoBase team. They not only provide an excellent low-code solution but also ensure that users can keep pace with technological developments through continuous optimization and updates. We are very satisfied with our experience with NocoBase and look forward to seeing more exciting progress from them in the future.</p>
<a rel="nofollow" href="https://www.bestone.com/" target="_blank"><img src="https://nocobase-docs.oss-cn-beijing.aliyuncs.com/bestone.jpg" class="mt-4 mb-4" width="160" alt=""></a>
<h6 class="text-primary"> Zhang Zhipeng <small class="text-muted">CTO</small></h6>
</div>
<div class="tiny-slide client-testi text-center">
<p class="text-muted fst-italic">I cannot emphasize enough the great experience we've had with NocoBase as a no-code/low-code platform. It stands out as exceptionally user-friendly, making our development process both smooth and efficient. What impressed me most was how easy it was to work on development of the user experience once the data model was in place. This streamlined approach allowed us to develop a full-fledged system, designed to be used by several hundred organizations, in just a matter of weeks. </p>
<p class="text-muted fst-italic">NocoBase has effectively shattered the common misconception that powerful systems require months or even years of work. I highly recommend it for any organization looking to fast-track their development cycle without sacrificing quality.</p>
<a rel="nofollow" href="https://sambruk.se/" target="_blank"><img src="https://nocobase-file.oss-cn-beijing.aliyuncs.com/Sambruk.png" class="mt-4 mb-4" width="160" alt=""></a>
<h6 class="text-primary"> Thomas Wennersten <small class="text-muted">CTO</small></h6>
</div>
<div class="tiny-slide client-testi text-center">
<p class="text-muted fst-italic">The core purpose of the digital transformation in traditional industries is to reduce costs and increase efficiency, enhance corporate competitiveness, and expand market share. However, implementation often faces three major challenges: difficulty in business integration, technical support, and cost control. No-code/low-code platforms, with their wide range of applicable scenarios, ease of use, and controllable iteration costs, have become the best choice.</p>
<p class="text-muted fst-italic">After trying dozens of commercial and open-source low-code platforms, our company finally chose NocoBase as our business support platform. Employees from the marketing and archives departments, who have no IT background, were able to develop and set up three systems - CRM, RMS (Record Management System), and MES (Manufacturing Execution System) - by themselves after just about a week of self-learning, and then began trial operations. Later, by utilizing NocoBase's rich plugin functionality, we integrated WMS, ECS (Environmental Control System), and AI-assisted office systems, reducing the cost of digital transformation from millions over six months to hundreds of thousands within a month. Moreover, because business personnel were involved in the system construction, the response time to customer and employee needs could be shortened to just tens of minutes.</p>
<p class="text-muted fst-italic">NocoBase's advanced design concept, round-the-clock technical support, open-source private deployment solution, and reasonable business model will make our company more calm and confident in facing future challenges.</p>
<a rel="nofollow" href="https://cdxcrt.cn/" target="_blank"><img src="https://nocobase-docs.oss-cn-beijing.aliyuncs.com/xiangcheng.png" class="mt-4 mb-4" width="160" alt=""></a>
<h6 class="text-primary"> Sun Xiaofeng <small class="text-muted">CEO</small></h6>
</div>
<div class="tiny-slide client-testi text-center">
<p class="text-muted fst-italic">Our company operates in the ICT industry, where clients face various challenges in enterprise digital transformation. Therefore, we started seeking solutions to enhance development efficiency, reduce costs, and meet diverse customer needs.</p>
<p class="text-muted fst-italic">In the exploration process, we discovered NocoBase, much like Sun Wukong finding the Dragon King of the East Sea. NocoBase's no-code platform, like the golden hoop of Sun Wukong, has endowed us with infinite power. With this powerful tool, our delivery team, like Sun Wukong, possesses endless possibilities.</p>
<p class="text-muted fst-italic">Through the NocoBase no-code platform, our collaboration efficiency has significantly improved. We can rapidly build customized applications to meet different customer needs without spending a lot of time and effort. Like Sun Wukong, our combat effectiveness has exploded, easily solving previously tricky problems.</p>
<p class="text-muted fst-italic">Over time, the NocoBase no-code platform continues to update and optimize, providing customers with more features and flexibility. Our delivery team's confidence has multiplied, looking forward to the future and expecting to continue creating more miracles with NocoBase, offering customers better solutions. Like Sun Wukong, who, after obtaining the golden hoop from the Dragon King of the East Sea, embarked on a wonderful journey, ultimately bringing endless glory and victory.</p>
<a rel="nofollow" href="#"><img src="https://static-docs.nocobase.com/WechatIMG54.jpg" class="mt-4 mb-4" height="80" alt=""></a>
<h6 class="text-primary"> 上海通创信息技术股份有限公司 </h6>
<h6 class="text-primary"> 余毅 <small class="text-muted">CTO</small></h6>
</div>
<div class="tiny-slide client-testi text-center">
<p class="text-muted fst-italic">As the core of data management, API services, and workflows, NocoBase significantly lowers the development difficulty, allowing our developers to focus more on the implementation of business logic, thereby greatly improving development efficiency. </p>
<p class="text-muted fst-italic">NocoBase possesses excellent integration capabilities, enabling seamless interfacing with various third-party services and systems to achieve data sharing and functional integration. This means we do not need to build all functionalities from scratch but can instead make full use of existing services and resources to quickly integrate various functions and services into our applications. This integration capability not only reduces development time and costs but also enriches and diversifies the application's functionalities, meeting the diverse needs of users. </p>
<p class="text-muted fst-italic">In this rapidly evolving digital age, NocoBase is undoubtedly a powerful weapon for us to face challenges and achieve innovation. We are thankful for the NocoBase team's efforts.</p>
<a rel="nofollow" href="https://www.chinaunicom.com/" target="_blank"><img src="https://nocobase-docs.oss-cn-beijing.aliyuncs.com/liantong.png" class="mt-4 mb-4" width="160" alt=""></a>
<h6 class="text-primary"> Xinjiang Unicom's Scientific Innovation Laboratory </h6>
</div>
<div class="tiny-slide client-testi text-center">
<p class="text-muted fst-italic">The block/action system of NocoBase has attracted us. Open-source, fast, and scalable, it provides an excellent solution for us to quickly build business systems. Moreover, the project team is strong, proactive, and highly promising!</p>
<a rel="nofollow" href="http://www.ceairgroup.com/" target="_blank"><img src="https://nocobase-docs.oss-cn-beijing.aliyuncs.com/donghang.jpg" class="mt-4 mb-4" width="160" alt=""></a>
<h6 class="text-primary"> 东航商业保理有限公司 </h6>
</div>
<div class="tiny-slide client-testi text-center">
<p class="text-muted fst-italic">Among the no-code/low-code platforms I have used, NocoBase is the most unique. It is more in line with the logic of traditional software development, starting from data relationships and gradually building upper level applications. It is very easy to learn and master, and it effectively solves the problem of a large amount of time and cost required for building traditional systems. </p>
<h6 class="text-primary">Yunhe Wooden Toy Industry Platform</h6>
<h6 class="text-primary"> Carlos Liu <small class="text-muted">CEO</small></h6>
</div>
</div><!--end owl carousel-->
</div><!--end col-->
</div><!--end row-->
</div><!--end container-->
</section>
<!-- Feedback End -->
<!-- Get Start -->
<section class="section" id="section-get">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 text-center">
<h3 class="title mb-4">Ready for NocoBase?</h3>
<p class="text-muted para-desc mx-auto mb-0">Deploy a personalized live demo in just 1 minute, or deploy NocoBase locally, it's equally simple.</p>
<div class="mt-4">
<a href="https://demo.nocobase.com/new" target="_blank" class="btn btn-primary mt-2 mb-4">Live Demo <i class="uil uil-arrow-right"></i></a>
<a href="https://docs.nocobase.com/welcome/getting-started/installation" target="_blank" class="btn btn-outline-primary mt-2 mb-4">Deploy locally <i class="uil uil-arrow-right"></i></a>
</div>
</div><!--end col-->
</div><!--end row-->
</div><!--end container-->
</section>
<!-- Get End -->
<!-- Shape Start -->
<div class="position-relative">
<div class="shape overflow-hidden text-footer">
<svg viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 48H1437.5H2880V0H2160C1442.5 52 720 0 720 0H0V48Z" fill="currentColor"></path>
</svg>
</div>
</div>
<!--Shape End-->
<!-- Footer Start -->
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-12">
<div class="footer-py-60">
<div class="row">
<div class="col-lg-3 col-12 mb-0 mb-md-4 pb-0 pb-md-2">
<!-- <a href="https://www.nocobase.com" class="logo-footer">
<img src="https://nocobase-file.oss-cn-beijing.aliyuncs.com/logo-white.png" height="24" alt="">
</a> -->
<p><a href="https://github.com/nocobase/nocobase" target="_blank"><img src="https://trendshift.io/api/badge/repositories/4112" alt="nocobase%2Fnocobase | Trendshift" style="width: 250px; height: 55px;" width="250" height="55"/></a></p>
<p><a href="https://www.producthunt.com/posts/nocobase?embed=true&utm_source=badge-top-post-topic-badge&utm_medium=badge&utm_souce=badge-nocobase" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/top-post-topic-badge.svg?post_id=456520&theme=light&period=weekly&topic_id=267" alt="NocoBase - Scalability-first, open-source no-code platform | Product Hunt" style="width: 250px; height: 54px;" width="250" height="54" /></a></p>
<!-- <p class="mt-4">Self-hosted and extremely scalable open-source no-code development platform to make digitalization faster, easier and cheaper.</p> -->
<ul class="list-unstyled social-icon foot-social-icon mb-0 mt-4">
<li class="list-inline-item"><a rel="nofollow" href="https://github.com/nocobase/nocobase" class="rounded" target="_blank"><i data-feather="github" class="fea icon-sm fea-social"></i></a></li>
<li class="list-inline-item"><a rel="nofollow" href="https://twitter.com/NocoBase" class="rounded" target="_blank"><i data-feather="twitter" class="fea icon-sm fea-social"></i></a></li>
<li class="list-inline-item"><a rel="nofollow" href="mailto:[email protected]" class="rounded" target="_blank"><i data-feather="mail" class="fea icon-sm fea-social"></i></a></li>
</ul><!--end icon-->
</div><!--end col-->
<div class="col-lg-1 col-md-4 col-12 mt-4 mt-sm-0 pt-2 pt-sm-0">
</div><!--end col-->
<div class="col-lg-2 col-md-4 col-12 mt-4 mt-sm-0 pt-2 pt-sm-0">
<h5 class="footer-head">Links</h5>
<ul class="list-unstyled footer-list mt-4">
<li><a href="https://github.com/nocobase/nocobase" class="text-foot" target="_blank"><i class="uil uil-angle-right-b me-1"></i> GitHub</a></li>
<li><a href="https://www.nocobase.com/plugins.html" class="text-foot"><i class="uil uil-angle-right-b me-1"></i> Plugins</a></li>
<li><a href="https://www.nocobase.com/commercial.html" class="text-foot"><i class="uil uil-angle-right-b me-1"></i> Commercial</a></li>
<li><a href="https://www.nocobase.com/contact.html" class="text-foot"><i class="uil uil-angle-right-b me-1"></i> Contact</a></li>
</ul>