Null JS

Installation

Installing Null JS:

1- Download the Framework Files: you can simply download the framework files from GitHub.

2- Include the Framework Files in Your Project : Once you have downloaded the Null JS framework files, you will need to include "null-main.css" and "null-components.css" or the minified versions in the head section of your HTML document, and "null-components.js" or the minifed version at the end of your document, just before the closing </body> tag. This can be done using the following code:

Unminifed version:

<head>
  <link rel="stylesheet" href="path/to/null-main.css">
  <link rel="stylesheet" href="path/to/null-components.css">
</head>

<body>
  <!-- Your HTML code goes here -->
  <script src="path/to/null-components.js"></script>
</body>

Minified version:

<head>
  <link rel="stylesheet" href="path/to/null-main.min.css">
  <link rel="stylesheet" href="path/to/null-components.min.css">
</head>

<body>
  <!-- Your HTML code goes here -->
  <script src="path/to/null-components.min.js"></script>
</body>

JS functions:

If you want to use our JS functions then you can inculde the minified or unminified file to your project as below:

  <script src="path/to/null-functions.js"></script>
  <script src="path/to/null-functions.min.js"></script>

Form Validate:

If you want to use our form validate then you can inculde the minified or unminified file to your project as below:

  <script src="path/to/null-form-validate.js"></script>
  <script src="path/to/null-form-validate.min.js"></script>

Import what you need!

To import a component into your project, simply browse the folder "Modules" in CSS/JS folders and copy the component files that you want to be inculded to your project. For example, if you want to use the "alert" component, you would copy the "alert.css" and "alert.js" files into your project directory.

Note that all components require the "null-main.css" file, which should be included before any other component files.

The table below shows all the components and thier files:

Component Name CSS File JS File
Pagination Yes No
Breadcrumb Yes No
Timeline Yes No
Quote Yes No
Progress Bar Yes No
Search Bar Yes No
Card Yes No
Table Yes No
Orderd List Yes No
Unordered List Yes No
Flash List Yes No
Alert Yes Yes
Tree Yes Yes
Modal Yes Yes
Tabs Yes Yes
Circular Progress Yes Yes
Toast Yes Yes
List Yes Yes
Dropdown Yes Yes
Scroll To Top Yes Yes
Accordion Yes Yes
Navbar Yes Yes
Sidebar Yes Yes
Countdown No Yes
Branding