Browser Support

Quanta CSS is designed to work smoothly on all modern browsers with full CSS variable and custom property support.

• Chrome (latest 3 versions)
• Firefox (latest 3 versions)
• Safari 13+
• Edge 90+

Device Support

The framework is fully responsive and works great on phones, tablets, laptops, and 4K screens.

<div class="d-flex flex-col md-flex-row">
<!-- Responsive layout using Quanta utilities -->
</div>

Build Tool Compatibility

Works well with all modern build systems including:

• Vite
• Webpack
• Parcel
• Rollup

// Example with Vite
import 'quanta-css/dist/quanta.css';

Framework Integrations

You can use Quanta CSS with any frontend framework. Here's how it works with some popular ones:

// React
function App() {
    return <h1 className="font-s-24 font-w-bold color-primary">Hello</h1>;
}

<template>
    <h1 class="font-s-24 font-w-bold color-primary">Hello</h1>
</template>

<?php
    echo '<h1 class="font-s-24 font-w-bold color-primary">Hello</h1>';
?>