Tailwind CSS

Tailwind CSS is the styling foundation for Tulip UI and app packages.

Tulip packages ship styles and component classes that assume Tailwind is part of the app styling pipeline.

Where Tulip uses Tailwind

• @tulip-systems/ui/styles.css provides shared UI styling.
• @tulip-systems/app/styles.css provides app-shell styling.
• feature packages can expose their own styles, such as Drive and AI.
• app screens use Tailwind utilities for layout and product-specific styling.

What Tulip adds

Tulip adds a shared visual language, component variants, package styles, and utility-class conventions.

What your app owns

• final page layout
• brand-specific styling
• package style imports
• Tailwind configuration and build pipeline

Continue reading

• Tailwind CSS docs
• UI
• App
• Drive styling