Repository files navigation

Windstitch is a1.4kB, Simple Styling Library that helps you setwhen a className should be applied to a component.

By providing Powerful Types through forward declarations, Windstitch aims to be simple yet powerful by limiting itself to be a organizer API, letting Tailwind handle the styling part.

Install Windstitch from your terminal via npm or yarn.

# With npmnpm install windstitch# With yarnyarn add windstitch

Importstyled fromwindstitch.

import{styled}from'windstitch';

You can also importw, which works as an alias forstyled

import{w}from'windstitch';

Use thew function to create a component and add styles to it.

import{w}from'@wind/react';constButton=w.button('text-sm',{variants:{color:{red:'text-red-500',blue:'text-blue-500',},size:{small:'text-sm',large:'text-lg',},},defaultVariants:{size:'small',},});typeButtonProps=W.infer<typeofButton>;// { color: 'red' | 'blue', size?: 'small' | 'large' }