According to the official Tailwind CSS website, it is a highly adaptable, low-level CSS framework that provides all the essential building blocks for creating custom designs without the burden of restrictive, opinionated styles that require overriding.

In simple terms, Tailwind offers utility classes for nearly every available CSS rule. Singularity incorporates Tailwind by default, allowing its use throughout the theme.

Styling in Material-UI

Singularity React is built using Material-UI as its UI library.Material-UI's styling solutionrelies on Emotion at its core. As a result, Singularity React supportsEmotion (a library designed for crafting CSS styles using JavaScript).

Helper Classes with TailwindCSS

While we leverage the benefits of JSS, we also value helper classes for their speed, simplicity, and universal accessibility. Therefore, we incorporate both approaches in our components.

We utilizeTailwindCSSto generate helper classes. It is not a UI kit and is fully customizable. The Tailwind configuration file, named "tailwind.js", can be found in the root directory of Singularity React.