Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/Cap-go/tailwind-capacitor
Tailwind plugin for capacitor apps
https://github.com/Cap-go/tailwind-capacitor
Last synced: about 1 month ago
JSON representation
Tailwind plugin for capacitor apps
- Host: GitHub
- URL: https://github.com/Cap-go/tailwind-capacitor
- Owner: Cap-go
- Created: 2024-07-02T15:04:39.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-10-22T04:51:57.000Z (about 2 months ago)
- Last Synced: 2024-10-23T07:07:15.503Z (about 2 months ago)
- Language: JavaScript
- Size: 131 KB
- Stars: 9
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- trackawesomelist - Tailwind Capacitor (⭐6) - Collection of helper plugin for Tailwind, it add safe area class and others utlitilies (Recently Updated / [Jul 15, 2024](/content/2024/07/15/README.md))
- awesome-capacitor - Tailwind Capacitor - Collection of helper plugin for Tailwind, it add safe area class and others utlitilies. (Tools / Incompatible)
README
# tailwind-capacitor
Tailwind plugin for capacitor apps
How to use
----------
1. Add the plugin to your project
```bash
npm install --save-dev tailwind-capacitor
```
2. Add the plugin to your tailwind config
```js
// tailwind.config.js
module.exports = {
plugins: [
require('tailwind-capacitor').safeAreas,
require('tailwind-capacitor').colors,
require('tailwind-capacitor').hairlines,
require('tailwind-capacitor').touchRipple,
require('tailwind-capacitor').iosMaterial,
require('tailwind-capacitor').lineClamp,
require('tailwind-capacitor').translucent,
require('tailwind-capacitor').range,
require('tailwind-capacitor').touch,
require('tailwind-capacitor').noScrollbar,
],
}
```
Documentation for each plugin can be found here:
- [Safe Areas](https://github.com/Cap-go/tailwind-capacitor/blob/main/docs/safe-areas.md)
- [Colors](https://github.com/Cap-go/tailwind-capacitor/blob/main/docs/colors.md)
- [Hairlines](https://github.com/Cap-go/tailwind-capacitor/blob/main/docs/hairlines.md)
- [Touch Ripple](https://github.com/Cap-go/tailwind-capacitor/blob/main/docs/touch-ripple.md)
- [iOS Material](https://github.com/Cap-go/tailwind-capacitor/blob/main/docs/ios-material.md)
- [Line Clamp](https://github.com/Cap-go/tailwind-capacitor/blob/main/docs/line-clamp.md)
- [Translucent](https://github.com/Cap-go/tailwind-capacitor/blob/main/docs/translucent.md)
- [Range](https://github.com/Cap-go/tailwind-capacitor/blob/main/docs/range.md)
- [Touch](https://github.com/Cap-go/tailwind-capacitor/blob/main/docs/touch.md)
- [No Scrollbar](https://github.com/Cap-go/tailwind-capacitor/blob/main/docs/no-scrollbar.md)
# Credits
Tailwind Capacitor is a fork of [Konsta UI](https://github.com/konstaui/konstaui) and [Tailwind CSS](https://tailwindcss.com/).