ui - GitLite

KO | EN

gitlite — search

#ai #typescript #llm #golang #machine-learning #linux #nodejs #macos #java #cli #kubernetes #security #mcp #openai

ui

(★ 23)

Perfect UI components

ui Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

PerfectThings/UI
================

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

[![Tests](https://github.com/perfect-things/ui/actions/workflows/node.js.yml/badge.svg)](https://github.com/perfect-things/ui/actions/workflows/node.js.yml)

### Github pages site with docs
https://ui.perfectthings.dev

![Screenshot](https://raw.githubusercontent.com/perfect-things/ui/master/screen.png)

## Install & Setup

### Firstly, install the module as a dev dependency:
```sh
npm i -D @perfectthings/ui
```

### Svelte components
Just `import` them from the module, as normal:
```js
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:
```js
export const ssr = false;
```

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

## Development

You need node & npm (obviously). Run these:
```sh
git clone git@github.com: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](https://developer.apple.com/design/human-interface-guidelines/components/) from Apple
- Icons from [Tabler Icons](https://tablericons.com)
- *Prime Light* font from [Fontfabric](www.fontfabric.com)

## Support

ui

ui Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

ui

ui Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README