Installation

Users can download Judiciary Design System's HTML (boilerplate template), CSS and JavaScript files and host them in their development environment.

Ready to get started? Download the package now!

Users can download Judiciary Design System's HTML (boilerplate template), CSS and JavaScript files and host them yourself in your development environment.

Version	Release Date	Download here
Beta 2.1 (Bootstrap 5.2.0)	30-Mar-2023	Download Beta 2.1
Beta 1.2.1	20-Mar-2023	Download Beta 1.2.1
Beta 1.2	13-Sep-2022	Download Beta 1.2
Beta 1.1	29-Nov-2021	Download Beta 1.1
Beta 1.0	31-Mar-2021	Download Beta 1.0

The package zip file contains HTML pages, images, CSS and JS files. CSS and JS files are as shown below.

<!--  CSS --> 
all.min.css <!-- Font Awesome Minified CSS -->
bootstrap.min.css <!-- Bootstrap v5.2 Minified CSS -->
cluxp.css <!-- CL UX Practice R2-S2 Foundation CSS -->
datatables.css <!-- DataTables CSS -->
animate.min.css <!-- Animate Minified CSS -->
aos.min.css <!-- AOS: Animate on Scroll Minified CSS --> 
css/nouislider.css <!-- Range Slider CSS -->
jds.css <!-- JDS specific CSS -->


<!--  JS  --> 
jquery.min.js <!-- jQuery Minified JS --> 
bootstrap.bundle.min.js <!-- Bootstrap Bundle Minified JS --> 
cluxp.js <!-- CL UX Practice R2-S2 Foundation JS --> 
datatables.min.js <!-- DataTables Minified JS --> 
aos.min.js <!-- AOS: Animate on Scroll Minified JS --> 
faqs.js <!-- CL UX Practice R2-S2 Searchable FAQs JS --> 
nouislider.js <!-- Range Slider JS-->
wNumb.js<!-- Range Slider JS-->
jds.js <!-- JDS specific JS -->

Templates

After including the package in development environment, users can start building pages from scratch by using the following templates available in the package and add necessary components from the code snippets available at components section.

Header + Body (Empty) + Footer	[ Preview ]
Header + Body with Content + Footer	[ Preview ]
Header + Body with Form + Footer	[ Preview ]
My Info	[ Preview ]
FAQ	[ Preview ]