Every prop mirrors Appian SAIL exactly — size="STANDARD", color="ACCENT", uppercase values included. Prototype in React; hand your SAIL developer something they already recognize.
<ButtonWidget size="STANDARD" style="SOLID" color="ACCENT" />
Sailwind's two-layer architecture keeps the SAIL API exact and uppercase, while an internal mapping layer translates each value into real Tailwind classes. You never see the seam.
From single buttons to a full record view template, every component ships with SAIL-exact props, the same color system, and a Storybook story you can try live.
Buttons and toggles for every solid, outline, and ghost state.
Text, dropdowns, checkboxes, radios, sliders, and toggles.
Cards, tabs, site nav, admin nav, and the application header.
Banners, progress bars, milestones, tags, and stamps.
Read-only grids, record views, rich text, headings, and images.
Chat threads and dialogs for AI-assisted and guided flows.
Every color, radius, and spacing value in Sailwind traces back to one tokens.json file — the same source that generates this ribbon and the CSS custom properties behind every component.
The sailwind-starter template comes pre-configured for AI-assisted development — steering files, custom agents, and project context included. Just tell your AI what to build.
"Create a page called vendor-registration with a form for company name, contact, email, and a submit button."
"Add a search bar to the home page that filters the page list as you type."
The template includes a pre-configured "sailor" agent, project steering files, and skills for environment setup, security audits, sharing, and even deploying to Appian — all ready out of the box.
pnpm add @pglevy/sailwind