Maple
An engine that instantly creates CSS from utility classes in the DOM without a build step or configuration
SITE CAPTUREBased on information published on the service's website. Selection and review policy
WHAT IT DOES
What does it do?
Maple is a variable-first CSS engine that turns only the utility classes found in the DOM into atomic styles. It works with WordPress, Rails, React, Angular, and plain HTML without a configuration file or build step. It also provides an OKLCH color palette, dark mode with both system and manual switching, motion aliases, and shorthand syntax for CSS Grid.
KEY FEATURES
Key features
- Generate atomic CSS only for utility classes present in the DOM
- Use without a build pipeline or configuration file
- Convert CSS colors into an OKLCH shade palette
- Hybrid dark mode with system settings and a manual toggle
- Adjust motion duration, delay, and keyframe variables in markup
- CSS Grid tools with shorthand syntax for columns, rows, and areas