https://github.com/svar-widgets/core

SVAR Core library is a collection of essential UI components written with Svelte.
https://github.com/svar-widgets/core

svelte svelte-components svelte-library svelte-ui svelte-ui-components svelte-uikit ui-components ui-library

Last synced: 1 day ago
JSON representation

SVAR Core library is a collection of essential UI components written with Svelte.

• Host: GitHub
• URL: https://github.com/svar-widgets/core
• Owner: svar-widgets
• License: mit
• Created: 2023-11-13T12:54:36.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-12-23T13:16:50.000Z (about 1 month ago)
• Last Synced: 2025-01-17T05:04:49.200Z (9 days ago)
• Topics: svelte, svelte-components, svelte-library, svelte-ui, svelte-ui-components, svelte-uikit, ui-components, ui-library
• Language: Svelte
• Homepage: https://svar.dev/svelte/core/
• Size: 624 KB
• Stars: 68
• Watchers: 3
• Forks: 4
• Open Issues: 2
• Metadata Files:
  • Readme: readme.md
  • License: license.txt

Awesome Lists containing this project

• awesome-svelte - SVAR Core for Svelte - A collection of 20+ Svelte UI components for building fast-performing, interactive and responsive web apps. (UI Libraries / Mobile)

README

        


	

# SVAR Svelte Core | UI Library






:globe_with_meridians: [Website](https://svar.dev/svelte/core/) • :bulb: [Getting Started](https://docs.svar.dev/svelte/core/getting_started/) • :eyes: [Demos](https://docs.svar.dev/svelte/core/samples/#/calendar/willow)





[![npm](https://img.shields.io/npm/v/wx-svelte-core.svg)](https://www.npmjs.com/package/wx-svelte-core)

[![License](https://img.shields.io/github/license/svar-widgets/core)](https://github.com/svar-widgets/core/blob/main/license.txt)

[![npm downloads](https://img.shields.io/npm/dm/wx-svelte-core.svg)](https://www.npmjs.com/package/wx-svelte-core)



SVAR Core library offers a set of 20+ ready-made Svelte UI components: form controls, popups, date and time picker, toast notifications, and more.

All components are lightweight, responsive, fast-performing, and available in light and dark skins.



In addition to the Core library, you can use the following SVAR components to build unified app UIs:

-   [Menu](https://github.com/svar-widgets/menu)

-   [Toolbar](https://github.com/svar-widgets/toolbar)

-   [File uploader](https://github.com/svar-widgets/uploader)

### :hammer_and_wrench: How to Use

To use any of the Core components, simply import the package and include the desired component in your Svelte file:

```svelte

	import { Button } from "wx-svelte-core";

Click me

```

See the [getting started guide](https://docs.svar.dev/svelte/core/getting_started/) to quickly set up and begin using SVAR Core components in your Svelte projects.

### :computer: How to Modify

Typically, you don't need to modify the code. However, if you wish to do so, follow these steps:

1. Run `yarn` to install dependencies. Note that this project is a monorepo using `yarn` workspaces, so npm will not work

2. Start the project in development mode with `yarn start`

### :white_check_mark: Run Tests

To run the test:

1. Start the test examples with:

    ```sh

    yarn start:tests

    ```

2. In a separate console, run the end-to-end tests with:

    ```sh

    yarn test:cypress

    ```

### :speech_balloon: Need Help?

[Post an Issue](https://github.com/svar-widgets/core/issues/) or use our [community forum](https://forum.svar.dev).