PerfectThings/UI

A set of simple, but perfect, UI components, written in Svelte (the only front-end framework worth learning).

Github pages site with docs

https://ui.perfectthings.dev

Install & Setup

Firstly, install the module as a dev dependency:

npm i -D @perfectthings/ui

Svelte components

Just import them from the module, as normal:

import { Button } from '@perfectthings/ui';

Usage with SvelteKit

Available from v6.4.0..

Because this is a purely front-end framework and requires browser to work, it will not work with SSR so you need to disable it. Create a file: src/routes/+layout.js and add this:

export const ssr = false;

Once that's done, you can import the components as normal.

Development

You need node & npm (obviously). Run these:

git clone [email protected]:perfect-things/ui.git perfectthings-ui
cd perfectthings-ui
npm i && npm start

A browser window should open with the demo of the components.

Resources

• Human Interface Guidelines from Apple
• Icons from Tabler Icons
• Prime Light font from Fontfabric

Support