Twinklecss

Overview

Twinkle CSS is a minified build of Tailwind CSS 2.0.2 with additional features such as autoprefixer, Inter font, and plugins like aspect-ratio, forms, and typography. The initial uncompressed file size is 3.2 MB, but when served via a CDN that supports Brotli-compression, it becomes less than 250KB. This makes it a bit heavy, but it allows for easier development on multiple sites that cannot use custom builds requiring NodeJS and NPM.

Features

• Minified build of Tailwind CSS 2.0.2 with autoprefixer
• Includes Inter font and various plugins like aspect-ratio, forms, and typography
• File size reduced to less than 250KB when served through a CDN with Brotli-compression support

Installation

To install Twinkle CSS, follow these steps:

1. Run npm install to install the required dependencies.
2. Run npm run build to generate a local twinkle.min.css file.

Summary

Twinkle CSS is a convenient pre-built version of Tailwind CSS with added features and optimizations. It provides a minified build that can be easily used on multiple sites without the need for custom builds using NodeJS and NPM. The use of Brotli-compression through CDNs further reduces the file size for faster loading times.