Angular + TWUING = TailwindCSS without needing Material

Zach Olson
4 min readFeb 25, 2023

Almost a year ago I wrote a story about how I refactored a project to use Tailwind CSS, Angular, and Material.

I knew at the time I could use Tailwind to change the styles, (ex. User Dropdown Menus, Mobile Side Navigations), however getting those actually to function with JavaScript and to animate properly was foggy in my brain. This is why I kept the Material core functionality in the project, but I knew it was overkill.

Also, while looking at one of my build directories for a starter project, I noticed that the css file was around 109 KB. This seemed rather odd to me so I opened it up and could see that there were a lot of style classes coming from Angular Material for components that were not included in my application 😢

Welcome, TWUING, to bridge 🌉 the mental gap 🎉 and allow me to remove that dependency on Material.

--

--

Zach Olson
Zach Olson

Written by Zach Olson

Experienced Web Designer and Information Architect, Visionary Entrepreneur and Investor