tailui create

Create a blank CSS template for a custom component. Use this when you want to build your own component from scratch, not when adding a pre-built TailUI component.

# Create a custom component with variants
npx tailui create pricing-card --variants basic,pro,enterprise
# Create a simple component
npx tailui create sidebar

This generates an empty CSS skeleton that you fill in yourself:

ui.pricing-card.css

@layer components {
  /* Base */
  .ui-pricing-card {
    @apply ; /* Add your tailwind class name here */
  }
  /* Basic */
  .ui-pricing-card.ui-basic {
    @apply ;
  }
  /* Pro */
  .ui-pricing-card.ui-pro {
    @apply ;
  }
}

Tip: If you want a pre-built component with styles already defined, use tailui add instead.