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