jonaskayjonaskay
168

Tailwindcss Elevation

screenshot of Tailwindcss Elevation

Tailwind CSS plugin for Material Components elevation classes

GithubDemo

Overview

The tailwindcss-elevation package enables users to add Material Components elevation classes to their Tailwind CSS projects. By incorporating this plugin, developers can easily enhance the design and style of their web applications by applying elevation levels to various elements.

Features

  • Material Components Elevation: Integrate Material Components elevation classes into your Tailwind CSS project.
  • Elevation Levels: Apply elevation to elements using .elevation-{z-value} utilities with z-values ranging from 0 to 24.
  • Customizable Configurations: Modify default configurations such as color and opacityBoost to suit your design preferences.

Summary

The tailwindcss-elevation package offers an easy way to incorporate Material Components elevation styles into Tailwind CSS projects. With customizable configurations and a range of elevation levels to choose from, developers can efficiently enhance the visual appearance of their web applications.