npm package: @responsive-ui/responsive-ui
Description: > WeTix responsive UI components.
Latest version: 1.1.0-alpha.57

# Responsive UI

> WeTix responsive UI components.

<p>

[![Svelte v3](https://img.shields.io/badge/svelte-v3-orange.svg)](https://svelte.dev)
[![npm](https://img.shields.io/npm/v/responsive-ui.svg)](https://www.npmjs.com/package/responsive-ui)
[![Build Status](https://github.com/wetix/responsive-ui/workflows/test/badge.svg?branch=main)](https://github.com/wetix/responsive-ui)
[![download](https://img.shields.io/npm/dw/responsive-ui.svg)](https://www.npmjs.com/package/responsive-ui)
[![Known Vulnerabilities](https://snyk.io/test/github/wetix/responsive-ui/badge.svg)](https://snyk.io/test/github/wetix/responsive-ui)
[![Styled](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg)](https://github.com/prettier/prettier)
[![LICENCE](https://img.shields.io/github/license/wetix/responsive-ui)](https://github.com/wetix/responsive-ui/blob/main/LICENSE)

</p>

## 🔨 Installation and Usage

npm:

```console
npm install responsive-ui
```

yarn:

```console
yarn add responsive-ui
```

## ✨ Features

- Responsive by default.
- Support **ES Module** and **Common JS**.
- Support **Server-side Rendering**.
- [**TypeScript**](https://www.typescriptlang.org/) and [**Sass**](https://sass-lang.com/) as First Class Citizen.
- Compatible with [Svelte](https://svelte.dev/) and [SvelteKit](https://kit.svelte.dev/).

## 💅 Component List

- [@responsive-ui/accordion](https://github.com/wetix/responsive-ui/tree/main/components/accordion)
- [@responsive-ui/action-sheet](https://github.com/wetix/responsive-ui/tree/main/components/action-sheet)
- [@responsive-ui/app-bar](https://github.com/wetix/responsive-ui/tree/main/components/app-bar)
- [@responsive-ui/badge](https://github.com/wetix/responsive-ui/tree/main/components/badge)
- [@responsive-ui/bottom-bar](https://github.com/wetix/responsive-ui/tree/main/components/bottom-bar)
- [@responsive-ui/bottom-sheet](https://github.com/wetix/responsive-ui/tree/main/components/bottom-modal)
- [@responsive-ui/button](https://github.com/wetix/responsive-ui/tree/main/components/button)
- [@responsive-ui/card](https://github.com/wetix/responsive-ui/tree/main/components/card)
- [@responsive-ui/checkbox](https://github.com/wetix/responsive-ui/tree/main/components/checkbox)
- [@responsive-ui/chip](https://github.com/wetix/responsive-ui/tree/main/components/chip)
- [@responsive-ui/column](https://github.com/wetix/responsive-ui/tree/main/components/column)
- [@responsive-ui/date-picker](https://github.com/wetix/responsive-ui/tree/main/components/date-picker)
- [@responsive-ui/docker](https://github.com/wetix/responsive-ui/tree/main/components/docker)
- [@responsive-ui/ellipsis](https://github.com/wetix/responsive-ui/tree/main/components/ellipsis)
- [@responsive-ui/fab](https://github.com/wetix/responsive-ui/tree/main/components/fab)
- [@responsive-ui/header](https://github.com/wetix/responsive-ui/tree/main/components/header)
- [@responsive-ui/hscroll](https://github.com/wetix/responsive-ui/tree/main/components/hscroll)
- [@responsive-ui/icon](https://github.com/wetix/responsive-ui/tree/main/components/icon)
- [@responsive-ui/input](https://github.com/wetix/responsive-ui/tree/main/components/input)
- [@responsive-ui/input-number](https://github.com/wetix/responsive-ui/tree/main/components/input-number)
- [@responsive-ui/label](https://github.com/wetix/responsive-ui/tree/main/components/label)
- [@responsive-ui/loader](https://github.com/wetix/responsive-ui/tree/main/components/loader)
- [@responsive-ui/modal](https://github.com/wetix/responsive-ui/tree/main/components/modal)
- [@responsive-ui/poster](https://github.com/wetix/responsive-ui/tree/main/components/poster)
- [@responsive-ui/quantity](https://github.com/wetix/responsive-ui/tree/main/components/quantity)
- [@responsive-ui/row](https://github.com/wetix/responsive-ui/tree/main/components/row)
- [@responsive-ui/select](https://github.com/wetix/responsive-ui/tree/main/components/select)
- [@responsive-ui/show-more](https://github.com/wetix/responsive-ui/tree/main/components/show-more)
- [@responsive-ui/snackbar](https://github.com/wetix/responsive-ui/tree/main/components/snackbar)
- [@responsive-ui/switch](https://github.com/wetix/responsive-ui/tree/main/components/switch)
- [@responsive-ui/table](https://github.com/wetix/responsive-ui/tree/main/components/table)
- [@responsive-ui/textarea](https://github.com/wetix/responsive-ui/tree/main/components/textarea)
- [@responsive-ui/tooltip](https://github.com/wetix/responsive-ui/tree/main/components/tooltip)
<!-- - [@responsive-ui/responsive](https://github.com/wetix/responsive-ui/tree/main/components/responsive) -->
<!-- - [@responsive-ui/search](https://github.com/wetix/responsive-ui/tree/main/components/search) -->
<!-- - [@responsive-ui/stepper](https://github.com/wetix/responsive-ui/tree/main/components/stepper) -->
<!-- - [@responsive-ui/tab](https://github.com/wetix/responsive-ui/tree/main/components/tab) -->
<!-- - [@responsive-ui/tag](https://github.com/wetix/responsive-ui/tree/main/components/tag) -->
<!-- - [@responsive-ui/upload](https://github.com/wetix/responsive-ui/tree/main/components/upload) -->

## Sponsors

<img src="https://asset.wetix.my/images/logo/wetix.png" alt="WeTix" width="240px">

## 📄 License

[responsive-ui](https://github.com/wetix/responsive-ui) is 100% free and open-source, under the [MIT license](https://github.com/wetix/responsive-ui/blob/main/LICENSE).

## 🎉 Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤

[![GitHub](https://jstools.dev/img/badges/github.svg)](https://github.com/open-source)
[![NPM](https://jstools.dev/img/badges/npm.svg)](https://www.npmjs.com/)