@feltjs/felt-ui

styles and UI components for Svelte and SvelteKit 💚 ui.felt.dev

work in progress: pre-alpha

design:

• UI components in Svelte, SvelteKit, and TypeScript
• prefer HTML elements over Svelte components unless the gains are substantial (e.g. use button and a)
• use plain CSS with a small set of utility classes (currently includes a single global importable style.css, see this issue)
• lean heavily on CSS custom properties aka CSS vars
• the roadmap is mostly influenced by the needs of felt-server, and it's not ready for production or many common usecases (see this issue about acccessibility)

usage

npm i -D @feltjs/felt-ui

You can import from the root or to the full paths of the exported modules:

import '@feltjs/felt-ui/style.css';
import {Dialog, PendingAnimation} from '@feltjs/felt-ui';
import Dialog from '@feltjs/felt-ui/Dialog.svelte';
import PendingAnimation from '@feltjs/felt-ui/PendingAnimation.svelte';

See the library for more.

develop

npm i # node >=16.6

# development
npm run dev

# production
npm run build
npm start

credits 🐢_🐢🐢

The Consentful Onboarding Sketch was inspired by consentful.systems and includes design and other contributions from its first author Jane Im (@trusttri)

TypeScript ∙ Svelte ∙ SvelteKit ∙ Vite ∙ esbuild ∙ uvu ∙ Gro ∙ @feltjs/util ∙ ESLint ∙ Prettier & more

license 🐦

MIT