https://github.com/cap-go/tailwind-capacitor
Tailwind plugin for capacitor apps
https://github.com/cap-go/tailwind-capacitor
Last synced: about 14 hours 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 (10 months ago)
- Default Branch: main
- Last Pushed: 2025-04-01T09:13:57.000Z (28 days ago)
- Last Synced: 2025-04-28T11:24:47.929Z (about 14 hours ago)
- Language: JavaScript
- Size: 171 KB
- Stars: 14
- Watchers: 1
- Forks: 0
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
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/).