DaisyUI for Lynx#

The DaisyUI-flavored component library for native apps — the same ~61-component surface as web DaisyUI (@sigx/daisyui), rendered to real native views with a stylesheet and Tailwind preset for Lynx.

27k weekly v0.4.1 iOS · Android MIT

Installation#

pnpm add @sigx/lynx-daisyui

Use components#

import { Button, Card, Modal } from '@sigx/lynx-daisyui';

export const Hello = component(({ signal }) => {
    const state = signal({ open: false });
    return () => (
        <Card title="Welcome">
            <Button color="primary" onPress={() => (state.open = true)}>
                Open modal
            </Button>
            <Modal open={state.open} onClose={() => (state.open = false)}>
                Native modal, DaisyUI theme.
            </Modal>
        </Card>
    );
});

Theming#

Themes are shared with web DaisyUI — the same theme tokens drive native colors, radii and typography, so a brand theme written once applies on both targets.

Web parity#

DaisyUI exists on two targets: @sigx/daisyui (web) and this package (native). Components, props and themes mirror each other — browse the full component catalog or jump to the web DaisyUI docs for the sibling.

Next steps#

Browse Components, or see Usage for theming setup.