Open Source CSS
CSS for the post-build-tool era.
Stride is a modern CSS framework built entirely on oklch color, @property animations, color-mix(), and container queries. No PostCSS. No config. Just link the stylesheet and go.
@property Animations
Animate anything.
Even colors.
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.
- Registered custom property animations
- Smooth oklch channel transitions
- Zero JavaScript required
color-mix()
Native color blending.
Every hover state, focus ring, and gradient in Stride uses color-mix(in oklch, ...) for perceptually uniform blending. No preprocessor needed. No color palette explosion. Just clean, mathematical color relationships.
- Perceptually uniform mixing
- No preprocessor required
- Dynamic theme generation
Open Source
Start building with Stride.
MIT licensed. Zero dependencies. Drop it in and go.