@immich/ui

A component library for Immich, written in Svelte.

Install

npm i -D @immich/ui

Usage

Import components from @immich/ui. For example:

<script lang="ts">
    import {
        Card,
        CardBody,
        CardHeader,
        CardTitle,
        CardDescription,
        Heading,
        Text,
    } from '@immich/ui';
</script>

<Card>
    <CardHeader>
        <CardTitle>@immich/ui</CardTitle>
        <CardDescription>A component library</CardDescription>
    </CardHeader>
    <CardBody>
        <Lorem />
    </CardBody>
    <CardFooter>Privacy should not be a luxury</CardFooter>
</Card>

Documentation

To view the examples located at src/routes/examples, run npm start and navigate to http://localhost:5173/.

Contributing

PR's are welcome! Also feel free to reach out to the team on Discord.

Technology

• Svelte
• tailwindcss
• Material Design icons (@mdi/js)