Tailmater

aribudin.github.io_tailmater_(vivian).png
By Ari Budin

A modern Material Design 3 UI kit for Tailwind CSS, delivering Google's latest design system in a lightweight, customizable package.

Features

Material Design 3 implementation with Tailwind CSS

Seamless light and dark mode switching

Clean, well-commented vanilla JavaScript

Latest Tailwind CSS version compatibility

Simple installation with minimal configuration

About this template

Tailmater is an open-source UI kit that brings Google's Material Design 3 to life using Tailwind CSS. Perfect for developers who want the clean aesthetics of Material Design with the utility-first approach of Tailwind, it offers a streamlined path to building modern interfaces.

The kit provides high-quality components that work in both light and dark modes, requiring minimal configuration to implement. With vanilla JavaScript and well-commented code, it's an ideal starting point for projects that need Material Design aesthetics without the bloat of larger frameworks.

What's Included

  • Collection of Material 3-styled components with clean HTML structure
  • Light and dark mode toggle functionality
  • Configuration files for Tailwind CSS
  • Vanilla JavaScript functionality (Tailmater.js)
  • Installation guide and documentation

Built For

Landing pages, dashboards, admin interfaces, and any web project requiring Material Design aesthetics.

Subscribe to our newsletter

Get notified when we add new templates, components, and more!

Thanks for subscribing!
Please check your email to confirm your subscription.

WindyBase Make development a breeze

WindyBase is a weekly curated Tailwind CSS template and tool directory built for the modern developer.

© 2025 WindyBase. All rights reserved.