Purgecss VS Whimsical Wireframes

As a starting point, Tailwind used to use PurgeCSS [0] but I'm not sure what they use now. [0] https://purgecss.com. - Source: Hacker News / about 2 months ago

A similar question was already posted here but, I think looking at the raw html, we will be able to better determine the required css than what Purgecss does. Source: 7 months ago

Webpack minifies JS and CSS files by default when we build them in production mode. But it does not remove useless styles or classes. For this, you can use libraries like https://purgecss.com/ Do not forget to check the dependency, connect only the functionality that you use. - Source: dev.to / about 1 year ago

When I searched online I couldn't find an "industry standard" solution to this problem. What I ended up doing was using the popular tool PurgeCSS along with a quick Python script to generate the appropriate command. What the PurgeCSS tool does is search for all your HTML files, gather all the CSS classes used, and then "purge" all the unused ones from the CSS file. You just need to declare all the HTML files you... - Source: dev.to / over 1 year ago

Skeleventy gives you a rock-solid foundation to build fast and accessible static websites, with clean, understated design. Features include a minimal build pipeline with Laravel Mix, the Sass-powered utility class generator Gorko, Purge CSS, an HTML minifier, SEO-friendly page metadata, image lazy loading, responsive navigation, and an XML sitemap. - Source: dev.to / over 1 year ago

They do cost money unfortunately, but what you could do is use a tool like https://whimsical.com/wireframes to wireframe your website (free if you keep all files in your personal folder). Then use tailwindui or flowbite as a reference (or some other template library) while wireframing, skip the mockup stage, and then go straight into the coding phase? Source: 10 months ago