feat: Add Tailwind CSS v4 support with dual v3/v4 presets#33
Merged
stevethomas merged 4 commits intomainfrom Jan 19, 2026
Merged
feat: Add Tailwind CSS v4 support with dual v3/v4 presets#33stevethomas merged 4 commits intomainfrom
stevethomas merged 4 commits intomainfrom
Conversation
- Upgrade demo app to Tailwind v4 with @tailwindcss/vite plugin - Replace tailwindcss-animate with tw-animate-css (shadcn-vue approach) - Create versioned presets: v3 (JS config) and v4 (CSS-first) - Update slate.css to use standard CSS instead of @apply - Add prettier-plugin-tailwindcss for class ordering - Update README with installation instructions for both versions - Remove deprecated postcss.config.cjs and tailwind.config.js Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
![sentry[bot]](https://avatars.githubusercontent.com/in/12637?s=60&v=4){kind=small}
- Add tw-animate-css as optional peerDependency to warn consumers - Add prerequisites section to v4 preset documentation - Add prerequisites and CSS usage docs to v3 preset - Update README v3 section to use tw-animate-css instead of tailwindcss-animate Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Restore tailwindcss-animate and @tailwindcss/forms plugins in v3 preset - Add @plugin "@tailwindcss/forms" to v4 preset - Update README with correct dependencies for each version - Add tailwindcss-animate and @tailwindcss/forms as optional peerDependencies tw-animate-css is v4-only; v3 consumers should use tailwindcss-animate. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
…m presets - Remove @tailwindcss/forms (unused - no form-* classes in components) - Remove @tailwindcss/typography from required deps (only used in demo app) - Update README and app docs with clear v3/v4 setup instructions - Simplify preset prerequisites to essential dependencies only Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
@tailwindcss/viteplugin@codinglabsau/gooey/presets/v3- JavaScript config for Tailwind v3 (includestailwindcss-animate)@codinglabsau/gooey/presets/v4- CSS-first config for Tailwind v4 (usestw-animate-css)prettier-plugin-tailwindcssfor automatic class orderingBreaking Changes
None - existing v3 consumers can continue using the library unchanged:
tailwindcss-animatepluginAnything the reviewer needs to know
tailwindcss-animate(included in preset automatically)tw-animate-css(CSS import, must install separately)@tailwindcss/formswas removed - it was unused (noform-*classes in components)@tailwindcss/typographyis optional - only needed if usingproseclasseseslint-plugin-tailwindcssremoved (doesn't support v4); replaced withprettier-plugin-tailwindcss🤖 Generated with Claude Code