• Introduction
    • Why Liquid
    • Getting started
    • CSS vs. Web Components
    • Component assets
    • Type checking and intellisense
    • Server-side rendering
    • React bindings
    • Tailwind CSS integration
    • Design tokens
    • Sandbox applications
    • FAQ
  • Globals
    • Animations
    • Border-radius
    • Colors
    • Focus
    • Fonts
    • Shadows
    • Spacings
    • Theming
    • Typography
  • Components
    • Background Cells
    • Button
    • Checkbox
    • Header
    • Icon
    • Input
    • Input Message
    • Label
    • Loading Indicator
    • Notification
    • Radio Button
    • Screen Reader Live
    • Screen Reader Only
    • Select
      • Option
    • Tabs
      • Tab
      • Tab List
      • Tab Panel
      • Tab Panel List
    • Toggle
    • Tooltip
    • Typography
  1. Links
  2. Contributing
  3. License
Liquid Oxygen Alpha

Join us on GitHub discussions Join us on Teams semantic-release browser-support Coverage Status

⚠️ Important: Liquid is currently in its early development stage and subject to major changes. If you get stuck, reach out for help in GitHub discussions or our Teams channel.

Looking for the legacy version of the Liquid Design System? Click here.

Liquid is a UI component library based on the Liquid Design System, focusing on accessibility and interoperability. It is built with Stencil.js and contains, inter alia, CSS Components and Web Components, bundled in several bundle formats, which you can use in a wide veriaty of plattforms and projects.

Links #

  • Getting started
  • Sandbox apps
  • Feature backlog
  • Liquid Design System on Figma

Contributing #

If you'd like to contribute to the project, please read our code of conduct. Then proceed to the contributing docs.

License #

Liquid Oxygen is available under a custom license which restricts its usage to applications created for or by Merck KGaA, Darmstadt, Germany as well as its vendors.