https://github.com/ubeac/svelte
Accelerate your Svelte development with uBeac's powerful and easy-to-use UI components
https://github.com/ubeac/svelte
svelte svelte-components svelte-js svelte-kit svelte3 sveltejs tabler tabler-io tabler-ui
Last synced: 5 months ago
JSON representation
Accelerate your Svelte development with uBeac's powerful and easy-to-use UI components
- Host: GitHub
- URL: https://github.com/ubeac/svelte
- Owner: ubeac
- License: mit
- Archived: true
- Created: 2022-04-26T16:40:43.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-02-21T16:46:11.000Z (over 2 years ago)
- Last Synced: 2025-01-12T07:07:16.890Z (5 months ago)
- Topics: svelte, svelte-components, svelte-js, svelte-kit, svelte3, sveltejs, tabler, tabler-io, tabler-ui
- Language: CSS
- Homepage: https://svelte.ubeac.io
- Size: 6.74 MB
- Stars: 37
- Watchers: 1
- Forks: 5
- Open Issues: 85
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# uBeac - Svelte UI Component Library
[](https://www.npmjs.com/package/@ubeac/svelte)
[](https://travis-ci.org/ubeac/svelte)
[](https://github.com/ubeac/svelte/blob/master/LICENSE)
[](https://www.npmjs.com/package/@ubeac/svelte)
[](https://github.com/ubeac/svelte/issues)
[](https://github.com/ubeac/svelte/stargazers)
[](https://github.com/ubeac/svelte/network)uBeac is a powerful and flexible Svelte UI component library, designed to help developers build enterprise-grade web applications quickly and easily. With a focus on rapid application development and framework independence, uBeac is the perfect complement to any CSS framework. The component's UI is inspired by [Tabler](https://tabler.github.io/) UI Kit built on top of Bootstrap css.
## Installation
To install uBeac, you can use npm:
```bash
npm install @ubeac/svelte
```## Usage
Once installed, you can import the components and use them in your Svelte application:
```html
import { Button } from '@ubeac/svelte'
Hello uBeac
```## Styles
uBeac components have default styles which is based on tabler. which you can use like this:
```svelte
import {Button} from '@ubeac/svelte'
import '@ubeac/svelte/styles/tabler.css'Hello World!
```## Demo
Check out the [documentation website](https://svelte.ubeac.io/) for live demos of each component and detailed usage instructions.