Skip to content

Add support for Tailwind compatibility mode #21

Description

@alexgrozav

Problem

Styleframe currently lacks a compatibility mode for Tailwind CSS, making migration and integration with Tailwind-based projects more difficult.

Proposal

  • Implement a Tailwind compatibility mode in Styleframe's transpiler and core API.
  • This mode should allow Styleframe users to:
    • Use Tailwind-like utility classes and patterns.
    • Output CSS compatible with Tailwind's conventions.
    • Optionally consume Tailwind config for theme values (colors, spacing, etc).
    • Map Styleframe tokens to Tailwind equivalents if possible.
  • Ensure this mode can be toggled via options/configuration.
  • Document usage, limitations, and migration strategies for teams moving from Tailwind to Styleframe (and vice versa).

Acceptance Criteria

  • Option/flag to enable Tailwind compatibility mode
  • Mapping for common Tailwind utilities (e.g., bg-blue-500, text-lg)
  • Ability to consume Tailwind config
  • Documentation and migration guide
  • Tests for compatibility features

References


If you have experience integrating Tailwind with other CSS-in-JS libraries, please share your thoughts or requirements.

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or requesthelp wantedExtra attention is needed

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions