\n \n\t ![\"Uix](\"misc/screenshots/logo-colorful.png\"){kind=logo}
\n \n
Make over 120+ components to wear again and again!
\n\n ![](\"https://img.shields.io/travis/com/xizon/uix-kit?style=for-the-badge\"/)
![](\"https://img.shields.io/w3c-validation/html?style=for-the-badge&targetUrl=https%3A%2F%2Fxizon.github.io%2Fuix-kit%2Fexamples%2F\"/)
![](\"https://img.shields.io/npm/v/uix-kit?style=for-the-badge\"/)
![](\"https://img.shields.io/badge/license-MIT-brightgreen.svg?style=for-the-badge\"/){kind=icon}
\n\t \n
\nThe current test environment is `Node 18+`, `npm 9+`. If dependency installation fails ( Usually it is because you have upgraded your Nodejs version, currently tested to Node 18+ ), maybe the new version of npm will conflict with the old version of npm, please use following command to install dependencies:\n\n```sh\n$ npm install --legacy-peer-deps\n```\n\nIf the installation still fails, please use this method: remove **devDependencies** in `package.json`, delete file `package-lock.json` and reinstall dependencies:\n\n```sh\n$ npm install --save-dev @babel/core @babel/plugin-proposal-class-properties @babel/plugin-transform-runtime @babel/polyfill @babel/preset-env @babel/preset-flow @babel/preset-react @babel/preset-typescript babel-loader babel-plugin-module-resolver clean-webpack-plugin cross-env css-loader css-minimizer-webpack-plugin express file-loader glslify-loader html-loader include-file-webpack-plugin json-loader log-timestamp mini-css-extract-plugin moment sass postcss prettier prettier-loader random-string raw-loader react react-dom sass-loader style-loader tar terser-webpack-plugin webpack webpack-cli webpack-concat-files-plugin webpack-dev-middleware webpack-dev-server\n```\n\n\n\n\n\n\n**Step 4.** When you’re ready to deploy to production, create a minified bundle with:\n\n```sh\n$ npm run build\n```\nUsing `Ctrl + C` to stop it.\n\nWhen you have done, this will spin up a server that can be accessed at `http://localhost:8080/examples/`\n\n\n**Step 5.** To preview the page without compiling and packaging, please run the following command:\n\n```sh\n$ npm run preview\n```\n\nAll pages can be previewed via `http://localhost:3000`. \n\n
\nBut there is no way to run PHP or get AJAX request on the pages. You need to visit the link on your server, or build a server via MAMP. Then visit a similar URL: http://localhost:{port}/uix-kit/examples/\n\n\n\n\n### Note:\n \n\n**a) How to use modules?**\n\nYou could custom modules of what to import in `src/components/_app-load.ts` and `src/components/_app-load-rtl.ts`. Because the modules are imported too much, you need to wait at least 5.5 seconds (default value). You can set the compilation wait time in the `webpack.config.js` according to the imported modules you want.\n\n\n**b) Site Info Configuration**\n\nYou can update the Placeholders in Templates by modifying the Site Info configuration of `package.json`. Like this:\n\n```json\n{\n \"author\": \"UIUX Lab\",\n \"name\": \"uix-kit\",\n \"email\": \"uiuxlab@gmail.com\",\n \"version\": \"1.0.0\",\n \"projectName\": \"Uix Kit\",\n \"createdInfo\": \"UIUX Lab (https://uiux.cc)\",\n \"projectURL\": \"https://uiux.cc\",\n \"description\": \"A free web kits for fast web design and development, compatible with Bootstrap v5.\",\n ...\n}\n```\n\n\n**c) ERROR: npm update check failed.**\n\nSolution:\n\n```sh\n$ sudo chown -R $USER:$(id -gn $USER) /Users/{username}/.config\n```\n\n**d) ERROR: Node sass version 6.x.x is not compatible with ^ 4.x.x.**\n\nSolution:\n\n```sh\n$ npm install node-sass@4.14.1\n```\n\n\n**e) If you upgrade the version of Node, please execute the following code:**\n\n```sh\n$ sudo npm install\n$ sudo npm rebuild node-sass\n```\n\n\n\n\n* * *\n\n\n## HTML Template\n\n### 1\\. Static HTML code\n\n```html\n\n\n\n\t\n\t