tailwindcss-plugin-delight

Delightful components for Tailwind CSS.

Usage no npm install needed!

<script type="module">
  import tailwindcssPluginDelight from 'https://cdn.skypack.dev/tailwindcss-plugin-delight';
</script>

README

tailwindcss-plugin-delight

Add some delightful CSS components to your Tailwind setup!

Buttons

.slide-up {
}
.slide-down {
}
.slide-left {
}
.slide-right {
}

Spinners

.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.