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

npm i -D simple-ui-components-in-svelte

You need to import the dist/index.css into your bundle. There are many ways to do that. I specifically didn't use any css-to-js imports as these restrict the tools & the setup you may want to have.

The easiest way is probably to add a postinstall script into your package.json that will just copy the file into your dist folder:

...
"postinstall": "cp node_modules/simple-ui-components-in-svelte/dist/index.css ./dist/ui.css"
...

From there - you can just add it directly to the index.html.

Just import them from the module, as normal:

import { Button } from 'simple-ui-components-in-svelte';

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

git clone [email protected]:tborychowski/simple-ui-components-in-svelte.git
cd simple-ui-components-in-svelte
npm i
npm start

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

Deprecated in favour of simple-ui-components-in-svelte.

• add code samples

• icons: https://tablericons.com