How Atomix Works

Class-Based System

Atomix is a fully class-based CSS framework, meaning all styles and utilities are applied exclusively through class names. You don’t need to modify CSS files manually—just add the appropriate classes to your HTML elements.

Body Class Requirement

Some Atomix features require adding a specific class to the <body> tag to function properly. Make sure to check the documentation for any components or utilities that depend on this.

Example:

<body class="body">
  <div class="flex flex-center">
    Atomix is now in action!
  </div>
</body>

This ensures that Atomix applies styles correctly across your entire webpage.

📖 Continue exploring the documentation to learn more about Atomix utilities and components.

PreviousUse AtomixNextAlerts

Last updated