Content
-
btn
-
Themes
-
btn--primary
-
btn--subtle
-
btn--accent
-
btn--primary
-
Feedback
-
btn--disabled
-
btn--disabled
-
Sizes
-
btn--sm
-
btn--md
-
btn--lg
-
btn--sm
States
Selector
Changes limited to :hover
Appearance
-
-
-
-
Radius
- Presets
- Other
-
-
-
Cursor
Padding
-
-
Vertical
- Presets
- Other
-
-
-
Horizontal
- Presets
- Other
-
Border
Click on + to add border
-
Style
-
Width
-
Side
Typography
-
Family
-
-
Size
- Presets
- Other
-
-
-
Transform
-
Decoration
-
-
-
Smoothing
Text Shadow
Click on + to add text-shadow
-
On/Off
-
X
-
Y
-
Blur
Shadow
Click on + to add box-shadow
-
-
- Presets
- Custom
-
X
-
Y
-
Blur
-
Spread
Outline
-
Style
-
Width
-
Offset
Transform
Click on + to add transform
-
- Default
- Translate
- Scale
- Rotate
-
Type
-
Value
Transition
Click on + to add transition
-
-
- Presets
- Other
-
Prop
-
Dur
-
Easing
-
Delay
Colors
-
Default
-
not specified
-
transparent
-
inherit
-
-
Main
-
--color-primary-lighter
-
--color-primary-light
-
--color-primary
-
--color-primary-dark
-
--color-primary-darker
-
--color-accent-lighter
-
--color-accent-light
-
--color-accent
-
--color-accent-dark
-
--color-accent-darker
-
-
Black + White
-
--color-black
-
--color-white
-
-
Feedback
-
--color-success-lighter
-
--color-success-light
-
--color-success
-
--color-success-dark
-
--color-success-darker
-
--color-warning-lighter
-
--color-warning-light
-
--color-warning
-
--color-warning-dark
-
--color-warning-darker
-
--color-error-lighter
-
--color-error-light
-
--color-error
-
--color-error-dark
-
--color-error-darker
-
-
Gradients
-
Background
-
--color-bg-lighter
-
--color-bg-light
-
--color-bg
-
--color-bg-dark
-
--color-bg-darker
-
-
Contrasts
-
--color-bg
-
--color-contrast-lower
-
--color-contrast-low
-
--color-contrast-medium
-
--color-contrast-high
-
--color-contrast-higher
-
Tints & Shades
Opacity
First time here?
Design and export a set of buttons compatible with CodyFrame and Tailwind.
Learn more → All components | Get started
Button label already in use
Error: please try again or contact us
