https://github.com/brandonpittman/tailwindcss-plugin-delight
Delightful components for your Tailwind project.
https://github.com/brandonpittman/tailwindcss-plugin-delight
Last synced: 4 months ago
JSON representation
Delightful components for your Tailwind project.
- Host: GitHub
- URL: https://github.com/brandonpittman/tailwindcss-plugin-delight
- Owner: brandonpittman
- Archived: true
- Created: 2020-01-23T02:25:47.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2021-05-11T22:09:53.000Z (about 4 years ago)
- Last Synced: 2024-10-02T09:54:03.659Z (8 months ago)
- Language: JavaScript
- Homepage:
- Size: 92.8 KB
- Stars: 7
- Watchers: 4
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# tailwindcss-plugin-delight
Add some delightful CSS components to your Tailwind setup!
## Buttons
```css
.slide-up {
}
.slide-down {
}
.slide-left {
}
.slide-right {
}
```
## Spinners
```css
.spin-donut {
}
.spin-radial {
}
```
**Use standard Tailwind utilities to modify basic styles. These components just
add animated behavior.**
Color are set using `currentColor`, so using a utility like `text-red-500`
would change the spinner color, for example. If you need more fine-grain
control over `:after` and `:before` pseudo elements, check out
[tailwindcss-plugin-fancy](https://github.com/brandonpittman/tailwindcss-plugin-fancy).