Hydrogen is an open-source, inline CSS framework powered by data-attributes.

With Hydrogen, you can:

• Use any CSS property you already know
• Centrally define and manage design decisions
• Granularly control typography across media queries
• Define and instantly swap site-wide themes
• Define and automatically apply dark mode alternatives for style settings
• Combine and use configured values with CSS units

Website • Documentation • Roadmap