Installation

Install the @dapper-ui/core package with your prefered package manager:

npm install @dapper-ui/core

yarn add @dapper-ui/core

pnpm add @dapper-ui/core

Fonts

Dapper UI's default font for regular text is Open Sans and Fira Mono is used for code. You can choose any font you like for Dapper UI, but if you want to use the default fonts, the recommended method is to install them via Fontsource . To do this, first use your preferred package manager to install the fonts:

npm install @fontsource/open-sans @fontsource/fira-mono

yarn add @fontsource/open-sans @fontsource/fira-mono

pnpm add @fontsource/open-sans @fontsource/fira-mono

Then import the fonts at a central place in your app. If you are using SvelteKit, you can import the fonts in your +layout.svelte file:

<script>
    // Import fonts. You can import only the weights you need.
    import "@fontsource/open-sans/400.css";
    import "@fontsource/open-sans/500.css";
    import "@fontsource/open-sans/600.css";
    import "@fontsource/open-sans/700.css";
    import "@fontsource/fira-mono/400.css";
</script>

Dapper UI will automatically use these fonts unless you specify a different font in your theme. Learn more about theming in the Theming section.