Svelte UX

Collection of Svelte components, actions, stores, and utilities to build highly interactive applications.

Overview:

npm is a project that aims to simplify building highly interactive and visual applications. It provides over 200 components, actions, stores, and utils, with a focus on extensibility and customization. The components are built using Tailwind and offer theming, variants, granule class overrides, and slots. The project also includes a rich design token system and a companion library called LayerChart for composable chart components.

Features:

Over 200 components: npm provides a wide range of components that can be easily integrated into applications.
Tailwind integration: The components are built using Tailwind, allowing for customization and extensibility.
Theming support: npm offers theming options, allowing developers to easily customize the look and feel of their applications.
Variants and granule class overrides: Developers can take advantage of variants and granule class overrides to further customize the components.
Companion library LayerChart: npm includes a companion library called LayerChart, which offers a large collection of composable chart components.
Rich design token system: The project is currently working on a rich design token system to enhance customization options.

Installation:

To install npm, follow these steps:

Install dependencies:
```
npm install
```
Run dev server for svelte-ux package:
```
npm run dev
```
Run tests for svelte-ux package:
```
npm run test
```
Run tests for all packages:
```
npm run test-all
```
Run a script from the root:
```
npm run script
```
Add changeset to include change in changelog and determine next version:
```
npm run changeset
```

Summary:

npm is a project that simplifies the process of building highly interactive and visual applications. It offers over 200 components, theming support, Tailwind integration, and customization options through variants and granule class overrides. The project also includes a companion library called LayerChart for composable chart components. With a rich design token system in the works, npm provides developers with powerful tools to create visually stunning applications.