SakaniUI

SakaniUI is an MIT-licensed React design system distributed as the npm package @sakaniui/react. Its 126 components and 42 blocks are described as 1:1 exports of a maintained Sakani Figma file, so tokens, spacing and states in the design file match what ships in code; blocks are meant to be copied and edited rather than configured by props.

Surface styling works as a theme layer: data-surface="glass" gives frosted glassmorphism and the LiquidGlass component adds Apple-style refraction that bends the backdrop like a lens. Refraction renders in Chromium browsers, while Safari and Firefox get a frosted fallback, and reduced transparency turns glass opaque. Dark mode is included, every colour traces to a CSS variable, and the package ships manifest.json, an MCP server and an agent skill so assistants validate props instead of inventing them.