Accessible React components.
Typed props. Consistent interactions.
pnpm add @liquidify/reactStart with the React package. Use glass, tokens, and motion directly when building custom components.
Find imports, typed props, keyboard behavior, and working examples for each component.
import { Button, Text } from "@liquidify/react"
import "@liquidify/react/styles.css"
export function SaveAction() {
return (
<Button
variant="glassProminent"
tint="blue"
onPress={save}
>
<Text variant="body" color="inherit">Save changes</Text>
</Button>
)
}