Buttons
UI library built on Tailwind CSS v4 + Framer Motion. All components follow palette rules and must have defined hover states.
Pick by the job the button does, not by how it looks.
Landing and marketing. One per screen: two primary CTAs compete and neither wins.
Get Started
Inside the product. A concrete action on data.
View Demo
Secondary inline action. Never for the primary action.
Learn More
Outline button: border and text in the SAME color. A lime border with white text invalidates the component.
Get StartedView DemoLearn MoreLearn More
SML
Five states. The last three are the forgotten ones — and the ones users feel most.
defaulthoverFocus LoadingDisabled