-
Notifications
You must be signed in to change notification settings - Fork 16
/
ecosystem.html
executable file
·792 lines (697 loc) · 29.6 KB
/
ecosystem.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Ecosystem - Thymeleaf</title>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="icon" href="images/favicon.ico"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Ubuntu:400,400italic,700,700italic"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic,700italic"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/2.1.3/normalize.min.css" media="screen"/>
<link rel="stylesheet" href="styles/thymeleaf.css" media="screen"/>
<script src="https://unpkg.com/[email protected]/dumb-query-selector.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/prism.min.js" data-manual
defer integrity="sha256-HWJnMZHGx7U1jmNfxe4yaQedmpo/mtxWSIXvcJkLIf4=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/plugins/unescaped-markup/prism-unescaped-markup.js"
defer integrity="sha256-THYQfN3ZkC8QQ5I4JxslpEaXIT7tUakaV9/e69MYEuU=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/plugins/normalize-whitespace/prism-normalize-whitespace.min.js"
defer integrity="sha256-abVQckxqXkWO8NiZk8TBPHzv3/LObzIqzzQWz0kV0F0=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/plugins/line-numbers/prism-line-numbers.js"
defer integrity="sha256-ISWqAwOAxClmLCu22st3+xU4+kVYHrE8jdn6ONzjg5Q=" crossorigin="anonymous"></script>
<script src="scripts/thymeleaf.js" defer></script>
</head>
<body id="thymeleaf-ecosystem">
<div class="fluid-container toolbar-container">
<nav class="fluid-block toolbar">
<div class="toolbar-menu">
<div class="toolbar-menu-location">Ecosystem</div>
<button id="site-menu-button" type="button" class="toolbar-menu-button">Site Menu</button>
</div>
<div id="site-menu" class="toolbar-menu-items">
<ul class="toolbar-links">
<li><a href="index.html" class="toolbar-link">Home</a></li>
<li><a href="download.html" class="toolbar-link">Download</a></li>
<li><a href="documentation.html" class="toolbar-link">Docs</a></li>
<li class="selected"><a href="ecosystem.html" class="toolbar-link">Ecosystem</a></li>
<li><a href="faq.html" class="toolbar-link">FAQ</a></li>
</ul>
<ul id="site-nav-links" class="toolbar-links">
<li><a href="https://bsky.app/profile/thymeleaf.org" class="toolbar-link">Bluesky</a></li>
<li><a href="https://github.com/thymeleaf" class="toolbar-link">GitHub</a></li>
</ul>
</div>
</nav>
</div>
<div class="hero-container fluid-container">
<header class="hero-header fluid-block">
<div class="hero-header-text">
<h1 class="hero-header-title">Thymeleaf</h1>
</div>
<div class="hero-header-image">
<img src="images/thymeleaf.png" alt="Thymeleaf logo" class="hero-header-logo"/>
</div>
</header>
</div>
<div class="fluid-container">
<main class="fluid-block">
<section class="description">
<p>The <strong>Thymeleaf ecosystem</strong> is composed of tools and extensions of two types:
</p>
<ul>
<li><em>Official extensions</em> (a.k.a. <em>Thymeleaf Extras</em>): created by the
<a href="team.html">Thymeleaf Team</a> and supported as a part of the project.</li>
<li><em>Unofficial</em> or <em>Community extensions</em>: linked from this page but
developed and maintained by Thymeleaf users outside of the Thymeleaf
Project and distributed under their own license and support terms.</li>
</ul>
</section>
<section>
<header>
<h2>
<a id="official-tools-extensions" href="#official-tools-extensions" class="anchor"></a>
Official Tools & Extensions
</h2>
</header>
<section class="subsection">
<header>
<h3>
<a id="thymeleaf-testing-library" href="#thymeleaf-testing-library" class="anchor"></a>
Thymeleaf Testing Library
</h3>
</header>
<p><a href="https://github.com/thymeleaf/thymeleaf-testing">https://github.com/thymeleaf/thymeleaf-testing</a></p>
<p>The Thymeleaf Testing library allows developers to create automated
tests for Thymeleaf applications and extensions in a very easy and
declarative way. Among its features:</p>
<ul>
<li>
Works as an independent library, <strong>callable from multiple
testing frameworks</strong> like e.g. JUnit.
</li>
<li>
<strong>Tests only the view layer</strong>: template processing
and its result.
</li>
<li>
Allows specifying test input as markup fragments and also as links
to the template files of a Thymeleaf-based application being
developed, in order to <strong>easily test its view layer</strong>.
</li>
<li>
Versatile testing artifacts: test sequences, iteration, concurrent
execution...
</li>
<li>
<strong>Spring Framework</strong> and <strong>Spring Security</strong>
integration.
</li>
</ul>
<p>Test specifications can be as simple as this:</p>
<pre><code class="language-html"><!--
%TEMPLATE_MODE HTML5
# ------------ separator comment -----------
%CONTEXT
onevar = "Goodbye,"
# ------------------------------------------
%MESSAGES
one.msg = Crisis
# ------------------------------------------
%INPUT
<!DOCTYPE html>
<html>
<body>
<span th:text="${onevar}">Hello,</span>
<span th:text="#{one.msg}">World!</span>
</body>
</html>
# ------------------------------------------
%OUTPUT
<!DOCTYPE html>
<html>
<body>
<span>Goodbye,</span>
<span>Crisis</span>
</body>
</html>
--></code></pre>
</section>
<section class="subsection">
<header>
<h3>
<a id="thymeleaf-eclipse-plugin" href="#thymeleaf-eclipse-plugin" class="anchor"></a>
Thymeleaf Eclipse Plugin
</h3>
</header>
<p><a href="https://github.com/thymeleaf/thymeleaf-extras-eclipse-plugin">https://github.com/thymeleaf/thymeleaf-extras-eclipse-plugin</a></p>
<p>The Thymeleaf plugin for Eclipse IDE adds <strong>content
assist</strong> features that make working in Thymeleaf templates
nicer and much more comfortable.</p>
<ul>
<li>
Code completion of <strong>Thymeleaf attribute processors</strong>.
</li>
<li>
Detailed explanations for each attribute.
</li>
<li>
Content assist inside expressions: <strong>expression utility objects</strong>.
</li>
</ul>
<figure>
<img src="images/ecosystem_official_image_eclipse_plugin.png" alt="example"/>
</figure>
</section>
<section class="subsection">
<header>
<h3>
<a id="thymeleaf-apache-tiles-2" href="#thymeleaf-apache-tiles-2" class="anchor"></a>
Thymeleaf + Apache Tiles 2
</h3>
</header>
<p><a href="https://github.com/thymeleaf/thymeleaf-extras-tiles2">https://github.com/thymeleaf/thymeleaf-extras-tiles2</a></p>
<p>The Thymeleaf Extras Tiles 2 library provides a dialect that allows
using Apache Tiles 2 as the layout method of Thymeleaf-based
applications. Features:</p>
<ul>
<li>
Use <strong>Thymeleaf templates in Tiles definitions</strong>.
</li>
<li>
Use Thymeleaf template fragments in layout definitions,
<strong>natural templates</strong> possible with Tiles!
</li>
<li>
<strong>Mix JSP and Thymeleaf</strong> templates in the same
layout if required.
</li>
<li>
Optional <strong>Spring MVC 3</strong> and <strong>Spring Web
Flow 2.3</strong> integrations.
</li>
</ul>
<p>With this library, Tiles definitions can specify Thymeleaf
templates, or even only fragments of them (in the usual
<code>th:include</code> notation):</p>
<pre><code class="language-xml"><!--
<tiles-definitions>
...
<definition name="main" template="basic_layout">
<put-attribute name="content">
<definition template="basic_contentlayout :: content">
<put-attribute name="text" value="main :: text" />
</definition>
</put-attribute>
<put-attribute name="side" value="${config.sideColumnTemplate}" />
</definition>
...
</tiles-definitions>
--></code></pre>
<p>...and templates can call the Thymeleaf Tiles Dialect to include
other parts of the layout:</p>
<pre><code class="language-html"><!--
<html xmlns:th="http://www.thymeleaf.org" xmlns:tiles="http://www.thymeleaf.org">
...
<body>
...
<div tiles:include="side">
some prototyping markup over here...
</div>
...
</body>
</html>
--></code></pre>
</section>
<section class="subsection">
<header>
<h3>
<a id="thymeleaf-spring-security" href="#thymeleaf-spring-security" class="anchor"></a>
Thymeleaf + Spring Security
</h3>
</header>
<p><a href="https://github.com/thymeleaf/thymeleaf-extras-springsecurity">https://github.com/thymeleaf/thymeleaf-extras-springsecurity</a></p>
<p>The Thymeleaf Extras Spring Security library provides a dialect
that allows integrating several authorization and authentication
aspects of Spring Security (versions 3.x, 4.x and 5.x) into Thymeleaf-based
applications. Features:</p>
<ul>
<li>
<strong>Thymeleaf-based equivalent to the Spring Security JSP tag
library</strong>.
</li>
<li>
Adds new expression utility objects like <code>#authentication</code>
and <code>#authorization</code> for <strong>integrating Spring
Security capabilities into Thymeleaf expressions</strong>.
</li>
<li>
Adds new attributes like <code>sec:authentication</code> and
<code>sec:authorized</code> for easier configuration of security.
</li>
</ul>
<p>With this library, role-based access restrictions defined in Spring
Security can be easily used:</p>
<pre><code class="language-xml"><!--
<div sec:authorize="hasRole('ROLE_ADMIN')">
This will only be displayed if authenticated user has role ROLE_ADMIN.
</div>
--></code></pre>
<p>The security-related objects can also be included in your normal
Thymeleaf expressions:</p>
<pre><code class="language-html"><!--
<div th:text="${#authentication.name}">
The value of the "name" property of the authentication object should appear here.
</div>
--></code></pre>
</section>
<section class="subsection">
<header>
<h3>
<a id="thymeleaf-conditional-comments" href="#thymeleaf-conditional-comments" class="anchor"></a>
Thymeleaf + IE Conditional Comments
</h3>
</header>
<p><a href="https://github.com/thymeleaf/thymeleaf-extras-conditionalcomments">https://github.com/thymeleaf/thymeleaf-extras-conditionalcomments</a></p>
<p>The Thymeleaf Extras Conditional Comments library provides support
for Internet Explorer <em>conditional comments</em> in Thymeleaf
templates.</p>
<ul>
<li>
Process Thymeleaf <strong>attribute processors inside conditional
comments</strong>.
</li>
<li>
Supports the whole syntax of conditional comments.
</li>
</ul>
<p>IE Conditional comments look like this:</p>
<script type="text/plain" class="language-html">
<!--[if lt IE 8]>
<link rel="stylesheet" th:href="@{/resources/blueprint/ie.css}"
type="text/css" media="screen, projection">
<![endif]-->
</script>
<p>...and thanks to this library, they are correctly executed like:</p>
<script type="text/plain" class="language-html">
<!--[if lt IE 8]>
<link rel="stylesheet" href="/myapp/resources/blueprint/ie.css"
type="text/css" media="screen, projection">
<![endif]-->
</script>
</section>
</section>
<section>
<header>
<h2>
<a id="community-dialects" href="#community-dialects" class="anchor"></a>
Community Dialects
</h2>
</header>
<p>Developed and maintained by Thymeleaf users outside of the Thymeleaf
Project and distributed under their own license and support terms.</p>
<section class="subsection">
<header>
<h3>
<a id="thymeleaf-layout-dialect" href="#thymeleaf-layout-dialect" class="anchor"></a>
Thymeleaf Layout Dialect
</h3>
</header>
<p class="community-authors">by Emanuel Rabina</p>
<p><a href="https://github.com/ultraq/thymeleaf-layout-dialect">https://github.com/ultraq/thymeleaf-layout-dialect</a></p>
<p>A dialect for Thymeleaf that allows you to <strong>use
layout/decorator templates to style your content</strong>, as well as
pass entire fragment elements to included pages, all to help improve
code reuse. If you've ever used SiteMesh for your JSPs, or Facelets
with JSFs, then the concepts of this library will be very familiar to
you.</p>
</section>
<section class="subsection">
<header>
<h3>
<a id="dandelion" href="#dandelion" class="anchor"></a>
Dandelion Project
</h3>
</header>
<p class="community-authors">by Thibault Duchateau and Romain Lespinasse</p>
<p><a href="https://dandelion.github.io">https://dandelion.github.io</a></p>
<p>Dandelion is a free and Open Source Java framework aimed at making
web development simpler in JVM-based environments.</p>
<p>It helps to <strong>manipulate the web assets (JS, CSS)</strong> in
many ways: good organization and classical optimizations like
minification, merging, compression or caching. It also facilitates the
integration of powerful JavaScript libraries thanks to a set of
extensible components.</p>
</section>
<section class="subsection">
<header>
<h3>
<a id="pages-dialect" href="#pages-dialect" class="anchor"></a>
PagesDialect
</h3>
</header>
<p class="community-authors">by José Samper</p>
<p><a href="http://pagesdialect.sourceforge.net/">http://pagesdialect.sourceforge.net/</a></p>
<p>PagesDialect is a custom dialect that provides some Collection
processing utilities, like pagination, sorting or exporting.</p>
</section>
<section class="subsection">
<header>
<h3>
<a id="thymeleaf-with-dialect" href="#thymeleaf-with-dialect" class="anchor"></a>
Thymeleaf With Dialect
</h3>
</header>
<p class="community-authors">by Martin Frey</p>
<p><a href="https://github.com/Antibrumm/thymeleaf-extras-with-dialect">https://github.com/Antibrumm/thymeleaf-extras-with-dialect</a></p>
<p>A dialect for Thymeleaf that allows you to use attributes with a
"with" prefix to avoid having long <code>th:with</code> expressions.</p>
</section>
<section class="subsection">
<header>
<h3>
<a id="thymeleaf-cache-dialect" href="#thymeleaf-with-dialect" class="anchor"></a>
Thymeleaf Cache Dialect
</h3>
</header>
<p class="community-authors">by Martin Frey</p>
<p><a href="https://github.com/Antibrumm/thymeleaf-extras-cache-dialect">https://github.com/Antibrumm/thymeleaf-extras-cache-dialect</a></p>
<p>Some parts of our webpage will not change often during the lifetime
of the application or is dependent only on a usersession.</p>
<p>This dialect will cache the resulting output of the element it is
declared on and will replace the element on a cache hit.</p>
</section>
<section class="subsection">
<header>
<h3>
<a id="html5-validation-dialect" href="#html5-validation-dialect" class="anchor"></a>
HTML5 Validation Dialect
</h3>
</header>
<p class="community-authors">by Francisco Pérez and José Samper</p>
<p><a href="http://html5valdialect.sourceforge.net/">http://html5valdialect.sourceforge.net/</a></p>
<p>This dialect reads <em>JSR-303</em> annotations and modifies the
HTML code introducing HTML5 form validation code matching the
annotations.</p>
</section>
<section class="subsection">
<header>
<h3>
<a id="wuic-dialect" href="#wuic-dialect" class="anchor"></a>
WUIC Dialect
</h3>
</header>
<p class="community-authors">by Guillaume Drouet</p>
<p><a href="https://wuic.github.io/">https://wuic.github.io/</a></p>
<p>WUIC is a Java project that helps developers manage their web
statics. JS/CSS minification and aggregation, sprites computation,
server/browser cache with eviction on any changes, etc. The dialect
helps Thymeleaf users use WUIC features when writing their templates.</p>
</section>
<section class="subsection">
<header>
<h3>
<a id="data-attribute-dialect" href="#data-attribute-dialect" class="anchor"></a>
Data Attribute Dialect
</h3>
</header>
<p class="community-authors">by Max Bruchmann</p>
<p><a href="https://github.com/mxab/thymeleaf-extras-data-attribute">https://github.com/mxab/thymeleaf-extras-data-attribute</a></p>
<p>Thymeleaf Data Attributes dialect evaluates thymeleaf expressions
in <code>data:*</code> attributes and sets the result as
<code>data-*</code> attribute of the HTML tag.</p>
</section>
<section class="subsection">
<header>
<h3>
<a id="thymeleaf-spring-data-dialect" href="#thymeleaf-spring-data-dialect" class="anchor"></a>
Thymeleaf Spring Data Dialect
</h3>
</header>
<p class="community-authors">by Javier Pena</p>
<p><a href="https://github.com/jpenren/thymeleaf-spring-data-dialect">https://github.com/jpenren/thymeleaf-spring-data-dialect</a></p>
<p>
This dialect uses the Spring Data pagination elements to create pagination and sorting components in the Bootstrap style.
</p>
</section>
<section class="subsection">
<header>
<h3>
<a id="thymeleaf-shiro-dialect" href="#thymeleaf-shiro-dialect" class="anchor"></a>
Thymeleaf Shiro Dialect
</h3>
</header>
<p class="community-authors">by Thebora Kompanioni</p>
<p><a href="https://github.com/theborakompanioni/thymeleaf-extras-shiro">https://github.com/theborakompanioni/thymeleaf-extras-shiro</a></p>
<p>
A Thymeleaf dialect for Apache Shiro tags.
</p>
</section>
</section>
<section>
<header>
<h2>
<a id="community-integrations" href="#community-integrations" class="anchor"></a>
Community Integrations
</h2>
</header>
<section class="subsection">
<header>
<h3>
<a id="thymeleaf-jsr371" href="#thymeleaf-jsr371" class="anchor"></a>
Thymeleaf integrations for MVC 1.0 (JSR371)
</h3>
</header>
<p class="community-authors">by Tamás Pálfalvi</p>
<p>
<a href="https://github.com/inbuss/thymeleaf-mvc">https://github.com/inbuss/thymeleaf-mvc</a><br />
<a href="https://github.com/inbuss/thymeleaf-cdi">https://github.com/inbuss/thymeleaf-cdi</a><br />
<a href="https://github.com/inbuss/thymeleaf-jersey">https://github.com/inbuss/thymeleaf-jersey</a>
</p>
<p>An extension providing Thymeleaf as a view engine in <strong>JavaEE MVC 1.0 (JSR371)</strong>
environments. Includes CDI integration that exposes named beans to expressions, and extends
the Thymeleaf Conversion Service using the JAX-RS ParamConverter facility (on Jersey only);
these functions are also available as separate extensions for use in non-MVC environments.</p>
</section>
<section class="subsection">
<header>
<h3>
<a id="hdiv-thymeleaf" href="#hdiv-thymeleaf" class="anchor"></a>
HDIV + Thymeleaf
</h3>
</header>
<p class="community-authors">by The HDIV Project</p>
<p><a href="https://www.hdiv.org">https://www.hdiv.org</a></p>
<p>HDIV is a <strong>web application security framework</strong> that
helps to avoid most common web security risks (<em>OWASP top ten</em>).
HDIV controls the data flow between the server and the client side,
applying security validations transparently and without updating
applications source code.</p>
<p>HDIV applies integrity checks (avoiding for instance parameter
tampering and URLs manipulation) to all the data that is sent to the
client from the server and generic input validations to the data that
come from text fields. In addition to that HDIV adds aleatory tokens
to each link and form in order to avoid CSRF web risk.</p>
</section>
<section class="subsection">
<header>
<h3>
<a id="thymeleaf-play-12" href="#thymeleaf-play-12" class="anchor"></a>
Thymeleaf module for Play Framework 1.2
</h3>
</header>
<p class="community-authors">by Satoshi Takata</p>
<p><a href="https://github.com/choreo/play-thymeleaf">https://github.com/choreo/play-thymeleaf</a></p>
<p>This module allows you to use Thymeleaf as a substitute for the
Groovy templates in the view layer of Play Framework 1.2.</p>
</section>
<section class="subsection">
<header>
<h3>
<a id="thymeleaf-play-2" href="#thymeleaf-play-2" class="anchor"></a>
Thymeleaf module for Play Framework 2 (Scala)
</h3>
</header>
<p class="community-authors">by Dmitry Avershin</p>
<p><a href="https://github.com/dmitraver/scala-play-thymeleaf-plugin">https://github.com/dmitraver/scala-play-thymeleaf-plugin</a></p>
<p>A module for Play Framework (Scala) to use Thymeleaf template
engine as an alternative to Twirl, which is a standard Play Framework
template engine.</p>
</section>
</section>
<section>
<header>
<h2>
<a id="community-tools" href="#community-tools" class="anchor"></a>
Community Tools
</h2>
</header>
<section class="subsection">
<header>
<h3>
<a id="bootify" href="#bootify" class="anchor"></a>
Bootify.io
</h3>
</header>
<p><a href="https://bootify.io/">https://bootify.io/</a></p>
<p>Bootify.io is a code generator for Spring Boot. Three options can be selected for the frontend - all based
on Thymeleaf, together with an optional Webpack, Bootstrap or Tailwind CSS. The user gets a customized Spring
Boot app in the latest version, with Thymeleaf setup including plugins, live reload of Thymeleaf templates
during development and a CRUD frontend.</p>
</section>
<section class="subsection">
<header>
<h3>
<a id="thymol" href="#thymol" class="anchor"></a>
Thymol
</h3>
</header>
<p class="community-authors">by Jim Benson</p>
<p><a href="https://www.thymoljs.org/">https://www.thymoljs.org/</a></p>
<p>Thymol is a useful JavaScript library that allows developers to
<strong>apply their <code>th:include</code>/<code>th:replace</code>
fragment inclusions statically</strong> (without executing the
application).</p>
<p>Additionally, it provides a lot of powerful features for static
prototyping like allowing developers to statically evaluate
conditional fragments (<code>th:if</code>/<code>th:unless</code>) on
their prototypes, improving the experience of Natural Template
development.</p>
</section>
<section class="subsection">
<header>
<h3>
<a id="thymeleaf-fragment" href="#thymeleaf-fragment" class="anchor"></a>
thymeleaf-fragment.js
</h3>
</header>
<p class="community-authors">by <a href="https://www.blackpepper.co.uk/">Black Pepper Software</a></p>
<p><a href="https://github.com/BlackPepperSoftware/thymeleaf-fragment.js">https://github.com/BlackPepperSoftware/thymeleaf-fragment.js</a></p>
<p>thymeleaf-fragment.js provides a simple script that only processes <code>th:include</code>,
<code>th:insert</code> and <code>th:replace</code> attributes using jQuery. This allows natural
templates that use fragments to be viewed in the browser as static prototypes.</p>
</section>
<section class="subsection">
<header>
<h3>
<a id="thymus" href="#thymus" class="anchor"></a>
Thymus
</h3>
</header>
<p class="community-authors">by Will Hoover</p>
<p><a href="https://ugate.github.io/thymus">https://ugate.github.io/thymus</a></p>
<p>thymus.js is a Thymeleaf inspired JQuery plug-in that can be used
as a Thymeleaf client-side controller for fragmented model/view
updates via the client's browser. thymus.js is flexible enough to be
run independent of Thymeleaf, but can also be used as a powerful
production companion to Thymeleaf and/or as an offline protoyping
engine.</p>
</section>
<section class="subsection">
<header>
<h3>
<a id="spring-mvc-quickstart-maven-archetype" href="#spring-mvc-quickstart-maven-archetype" class="anchor"></a>
Spring MVC Quickstart Maven Archetype
</h3>
</header>
<p class="community-authors">by Rafał Borowiec</p>
<p><a href="https://github.com/kolorobot/spring-mvc-quickstart-archetype">https://github.com/kolorobot/spring-mvc-quickstart-archetype</a></p>
<p>A maven archetype for web applications including Thymeleaf, Spring
MVC, Spring Security, Bootstrap, JPA (Hibernate / HSQLDB / Spring Data
JPA), mongoDB and JUnit.</p>
</section>
<section class="subsection">
<header>
<h3>
<a id="thymeleaf-spring-mvc-maven-archetype" href="#thymeleaf-spring-mvc-maven-archetype" class="anchor"></a>
Thymeleaf + Spring MVC Maven Archetype
</h3>
</header>
<p class="community-authors">by Álex Soto</p>
<p><a href="http://www.lordofthejars.com/2012/01/once-upon-time-and-long-ago-i-heard.html">http://www.lordofthejars.com/2012/01/once-upon-time-and-long-ago-i-heard.html</a></p>
<p>A maven archetype for bootstrapping web applications using Spring
MVC and Thymeleaf.</p>
</section>
<section class="subsection">
<header>
<h3>
<a id="thymesheet" href="#thymesheet" class="anchor"></a>
Thymesheet
</h3>
</header>
<p class="community-authors">by Adam Perry</p>
<p><a href="https://connect-group.github.io/thymesheet/">https://connect-group.github.io/thymesheet/</a></p>
<p>Thymesheet is an extension for Thymeleaf which allows you to move
attributes such as <code>th:if</code>, <code>th:text</code> etc, into
an external CSS3 file. This means that absolutely no Java/server
logic is embedded in the HTML at all - taking natural templating one
step further! Compatible with Tiles, Spring, Conditional Comments,
and any Thymeleaf dialect.</p>
</section>
<section class="subsection">
<header>
<h3>
<a id="thymeleaf-jawr-extension" href="#thymeleaf-jawr-extension" class="anchor"></a>
Thymeleaf JAWR Extension
</h3>
</header>
<p class="community-authors">by Danny Trunk</p>
<p><a href="https://github.com/dtrunk90/thymeleaf-jawr-extension">https://github.com/dtrunk90/thymeleaf-jawr-extension</a></p>
<p>A dialect for Thymeleaf template engine enabling the use of Jawr (a
tunable packaging solution for Javascript and CSS which allows for
rapid development of resources in separate module files).</p>
</section>
</section>
<section>
<header>
<h2>
<a id="demos" href="#demos" class="anchor"></a>
Demos
</h2>
</header>
<section class="subsection">
<header>
<h3>
<a id="sql-dialect-standalone-servlet" href="#sql-dialect-standalone-servlet" class="anchor"></a>
SQL dialect and standalone servlet
</h3>
</header>
<p class="community-authors">by José Samper</p>
<p><a href="https://github.com/jmiguelsamper/thymeleaf-extras-sqldialect">https://github.com/jmiguelsamper/thymeleaf-extras-sqldialect</a></p>
<p>This example web application introduces a way of doing PHP-like web pages using Thymeleaf
with zero Java code.
For that, a new SQL dialect and a servlet for standalone execution of templates are introduced.</p>
</section>
</section>
</main>
</div>
<div class="fluid-container footer-container">
<footer class="footer fluid-block">
<div class="footer-sections">
<h5>On this site</h5>
<ul class="footer-sections-links">
<li><a href="index.html">Home</a></li>
<li><a href="download.html">Download</a></li>
<li><a href="documentation.html">Docs</a></li>
<li><a href="ecosystem.html">Ecosystem</a></li>
<li><a href="faq.html">FAQ</a></li>
<li id="footer-issue-tracking"><a href="issuetracking.html">Issue Tracking</a></li>
<li><a href="team.html">The Thymeleaf Team</a></li>
<li><a href="whoisusingthymeleaf.html">Who's using Thymeleaf?</a></li>
</ul>
</div>
<div>
<h5>External links</h5>
<ul class="footer-sections-links">
<li><a href="https://bsky.app/profile/thymeleaf.org">Follow us on Bluesky</a></li>
<li><a href="https://github.com/thymeleaf">Fork us on GitHub</a></li>
</ul>
</div>
</footer>
<div class="copyright fluid-block">Copyright © Thymeleaf</div>
<div class="license fluid-block">
Thymeleaf is <strong>open source</strong> software distributed under the
<a href="https://www.apache.org/licenses/LICENSE-2.0.html">Apache License 2.0</a><br/>
This website (excluding the names and logos of Thymeleaf users) is licensed under the <a href="http://creativecommons.org/licenses/by-sa/3.0/">CC BY-SA 3.0 License</a>
</div>
</div>
</body>
</html>