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 prompt will also offer to install examples. While you can choose to install them, the step-by-step guide will build something similar to the examples. It is better to install the examples alongside your current setup to switch between them and receive helpful hints.
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 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.
Examples
The installation prompt will also offer to install examples. While you can choose to install them, the step-by-step guide will build something similar to the examples. It is better to install the examples alongside your current setup to switch between them and receive helpful hints.
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.
Help Shape Stratox
Stratox is a new framework with much still to be done. Our next milestone is connecting view components to AJAX requests. We welcome your thoughts and suggestions for improvement. Contact us at daniel.ronkainen@wazabii.se.
