When we started building Gallop, we needed a CSS framework. Not just any framework — one designed from the ground up for AI-generated layouts. So we built Stride. And then we made it MIT-licensed. Here's why.
The Problem with Existing Frameworks
Tailwind is great for developers. Bootstrap is great for prototyping. But neither is designed for machine-generated markup. When an AI agent needs to apply styling, it needs a vocabulary that's semantic, predictable, and constraint-safe.
Utility-first frameworks produce verbose, hard-to-validate output. Component-based frameworks require too much context about state and composition. We needed something in between: a design token system with semantic class presets that an AI could reliably select from.
The best CSS framework for AI isn't the one with the most utility classes. It's the one where every class combination produces a valid, visually coherent result.
What Makes Stride Different
Stride is built on three modern CSS primitives that most frameworks haven't adopted yet:
oklch color space
Every color in Stride is defined in oklch. This means hover states, focus rings, and gradients are all perceptually uniform. When the AI generates a color variation, it's mathematically correct — not a hand-tuned approximation.
@property animations
Stride uses CSS @property to register custom properties with defined syntax. This unlocks smooth transitions on oklch channels — hue shifts, lightness fades, chroma pulses — that are impossible with standard CSS custom properties. And it requires zero JavaScript.
color-mix() blending
Every derived color in Stride uses color-mix(in oklch, ...). No preprocessor needed. No color palette explosion. Just clean, mathematical color relationships that the browser computes natively.
Why MIT License?
We considered keeping Stride proprietary. It's a genuine competitive advantage — the reason Gallop's output looks consistent and professional. But we decided the greater advantage was adoption.
If agencies and developers use Stride in their own projects, they're already familiar with the class system when they adopt Gallop. The framework becomes a shared language between human developers and AI agents. That network effect is worth more than keeping it locked behind a paywall.
No build step required
Stride is a single CSS file. No PostCSS, no Sass, no build pipeline. Just link the stylesheet and start using the classes. This matters for AI workflows where introducing build complexity creates failure points.
Get Started
Stride is available on GitHub right now. Clone the repo, link the CSS, and start building. The documentation covers every class, token, and responsive behavior.