To install Stratox, simply execute the following command:
npm create stratox@latest
Next, follow the prompted instructions to complete the installation process. If you're a first-time user, I highly recommend reading through the entire guide.
The installation choises
Tailwind
Tailwind CSS is a utility-first framework with low-level classes for building custom designs directly in HTML. It simplifies responsive design with a comprehensive set of pre-built classes.
Stratox Tailwind design system
Stratox Tailwind is a super lightweight design system that simplifies CSS and HTML programming. It keeps code minimal by loading only essential Tailwind styles. The system includes normalizations, typography, wrappers, forms, and spacing classes, all responsive for any device.
Alpine.js
Alpine.js is a lightweight JavaScript framework providing declarative and reactive data-binding directly in HTML. It can be used as a modern alternative to jQuery for interacting with the DOM, adding interactivity with minimal code.
ESlint
ESLint is a static code analysis tool for identifying and fixing problematic patterns in JavaScript code. It helps developers maintain consistent coding styles and improve code quality by enforcing configurable rules.
Updating the framework
To update Stratox, use the following command:
npm update
This command will ensure that you have the latest version of the framework installed.