Cards — Auth & Marketing

Auth and marketing cards. The feature card uses --primary for its icon and link accent, so it follows the active theme's brand colour.

Preview

Password Forgot?

Every card is a token-driven shell. Compose, theme and restack them without touching a single hex value.

Learn more

Each card installs on its own:

bun x bosia@latest add block cards/login
bun x bosia@latest add block cards/feature

Each pulls the @lucide/svelte npm package for icons.

<script lang="ts">
	import Feature from "$lib/blocks/cards/feature/block.svelte";
</script>

<Feature />

The login card's inputs are static sample markup — wire them to your own form state and submit handler.