No Build Step

This is where Maple’s architectural shift becomes incredibly visible. To put a blue rectangle on the screen today, a class like bg-blue must travel through a sophisticated, multi-step build toolchain before the browser ever sees it:

With Sass

bg-blue → Sass → PostCSS → Autoprefixer → Minify → CSS File → Browser
         └─ requires a build step and toolchain configuration

With Tailwind v4

bg-blue → Vite → Oxide Engine → Lightning CSS → CSS File → Browser
         └─ requires a build step and minimal configuration

With Maple

bg-blue → Browser
         └─ no build step, no configuration

To style an application with Maple, all you need is to include the script below in the document head:

<script src="https://cdn.jsdelivr.net/npm/@f12io/maple/dist/maple.js"></script>