https://github.com/wetix/responsive-ui
WeTix responsive UI component set: https://link.wetix.my/responsive-ui
https://github.com/wetix/responsive-ui
responsive responsive-ui svelte3 typescript ui-components
Last synced: 8 months ago
JSON representation
WeTix responsive UI component set: https://link.wetix.my/responsive-ui
- Host: GitHub
- URL: https://github.com/wetix/responsive-ui
- Owner: wetix
- License: mit
- Created: 2020-08-13T09:43:31.000Z (almost 6 years ago)
- Default Branch: main
- Last Pushed: 2024-04-23T07:50:30.000Z (about 2 years ago)
- Last Synced: 2025-01-31T17:16:00.663Z (over 1 year ago)
- Topics: responsive, responsive-ui, svelte3, typescript, ui-components
- Language: Svelte
- Homepage:
- Size: 13.2 MB
- Stars: 19
- Watchers: 4
- Forks: 1
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Responsive UI
> WeTix responsive UI components.
[](https://svelte.dev)
[](https://www.npmjs.com/package/responsive-ui)
[](https://github.com/wetix/responsive-ui)
[](https://www.npmjs.com/package/responsive-ui)
[](https://snyk.io/test/github/wetix/responsive-ui)
[](https://github.com/prettier/prettier)
[](https://github.com/wetix/responsive-ui/blob/main/LICENSE)
## 🔨 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)
## Sponsors
## 📄 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 ❤
[](https://github.com/open-source)
[](https://www.npmjs.com/)