tailwind-glassmorphism

Glassmorphism utilities for TailwindCSS.

Usage no npm install needed!

<script type="module">
  import tailwindGlassmorphism from 'https://cdn.skypack.dev/tailwind-glassmorphism';
</script>

README

Tailwind CSS Glassmorphism Utilities

A simple Tailwind plugin written to create Glassmorphism UI/UX.

Installation

To install, run npm i tailwind-glassmorphism in your site's front-end directory. Then require the plugin within your Tailwind configuration file, for instance:

plugins: [
  require('tailwind-glassmorphism')
]

Demo and Examples

Comming soon

How to use

CSS classes are:

.glassmorphism-none
.glassmorphism-25
.glassmorphism-50
.glassmorphism-75