@immich/ui

@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.

mise install
pnpm install
pnpm build
cd packages/ui
pnpm start

Technology

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