Focusing on a better development experience.

With a single command, lomer-ui provides a simple, good-looking design and easy-to-customize component code.

Using YOUR components (copy-pasted code) should be straightforward and intuitive.

What do I mean by "straightforward and intuitive"?

For example, let's say you need to use a Dialog Component.

Your code might looks like this:

import * as Dialog from '$lib/components/ui/dialog';

<Dialog.Root>
	<Dialog.Trigger>Open</Dialog.Trigger>
	<Dialog.Content>
		<Dialog.Header>
			<Dialog.Title>Are you sure absolutely sure?</Dialog.Title>
			<Dialog.Description>
				This action cannot be undone. This will permanently delete your account
				and remove your data from our servers.
			</Dialog.Description>
		</Dialog.Header>
	</Dialog.Content>
</Dialog.Root>

Using Svelte offers a cleaner and more concise approach, so I want my code to look like this:

import { Button, Dialog } from '$lib/components/ui'
let isOpen = $state(false)

<Button onclick={() => (isOpen = true)}>Open dialog</Button>
<Dialog title="Are you sure absolutely sure?" bind:isOpen>
	This action cannot be undone. This will permanently delete your account
	and remove your data from our servers.
</Dialog>

What if you need to tweak it further?

Your code. Your rules. Customize It.

Please don't get me wrong as this is just my opinionated way of coding.

Feel free to share your thoughts!

Clios, lomer-ui dev.