This is a Tailwind CSS plugin that provides a basic reset and styling for HTML form elements. It generates both global base styles and utility classes (e.g., `form-input`, `form-checkbox`) that make form elements easy to customize with Tailwind utilities. The plugin handles text inputs, checkboxes, radio buttons, selects, textareas, and date/time inputs, including edge cases like forced-colors mode, indeterminate checkboxes, and Safari-specific date input quirks. It uses inline SVGs via `mini-svg-data-uri` for custom chevrons and check/radio indicators. The architecture is a single-file plugin that leverages Tailwind's `plugin.withOptions` to support a `strategy` option ('base', 'class', or both). External dependencies are minimal: `tailwindcss` as a peer dependency and `mini-svg-data-uri` as a runtime dependency. The code is well-structured, handles color resolution with CSS variables, and is actively maintained with regular releases.
Tailwind CSS Animated is an npm library that extends Tailwind CSS with a comprehensive set of animation utilities and 19 predefined keyframe animations. It provides utility classes for animation duration, delay, direction, iteration count, timing function, fill mode, play state, and composition, plus ready-to-use animations such as wiggle, shake, fade, flip, jump, and rotate. The package is dual-version: it ships a CSS-first implementation using Tailwind v4's @utility and @theme directives (src/utilities/*.css, src/index.css), alongside a legacy JavaScript plugin (src/compat/*.js, src/index.js) that works with Tailwind v3's plugin API. The architecture cleanly separates the v4 CSS utilities from the v3 compatibility layer, sharing a single theme definition in src/compat/theme.js.
This repository contains a Tailwind CSS plugin that adds 3D transform capabilities. The plugin provides utility classes for 3D transformations (scale, rotate, translate on X, Y, Z axes) and 3D animations (bounce, spin, bounce-and-spin). It supports both modern CSS properties (rotate, scale, translate) and legacy transform syntax for backward compatibility. The architecture follows Tailwind's plugin pattern, with modular organization separating animations, utilities, and helper functions. The plugin integrates with Tailwind's configuration system to allow customization of values and works by registering utility classes and animations that generate appropriate CSS when processed by Tailwind.
This repository is a Tailwind CSS plugin that generates utility classes for fixed aspect ratios using the 'padding-bottom trick' for browser compatibility (particularly Safari 14). The plugin provides composable classes like `aspect-w-{n}` and `aspect-h-{n}` that set CSS custom properties to define the width and height ratio, along with `aspect-none` to remove the ratio. It supports both Tailwind CSS v2 (via `addComponents`) and v3 (via the newer `matchComponents` API, which also enables arbitrary values). The codebase is minimal: a single source file (`src/index.js`) that exports a plugin configuration, a TypeScript type declaration, and a Jest test suite that validates CSS output for both versions. As noted in the README, Tailwind CSS v3.0 ships with native `aspect-ratio` utilities, making this plugin obsolete for most projects; it remains useful only for projects requiring Safari 14 support. The implementation is clean, well-structured, and follows Tailwind's official plugin authoring patterns, but offers no surprising craftsmanship or reusable components beyond its designated purpose.