Installation

Install

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 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.

Help Shape Stratox

If you’d like to suggest a feature, feel free to reach out at [e-mail].

Continue to the Quick start guide or jump to the Step by Step Tutorial.