Tailwind CSS theme.extend · 125 tokens
// Generated by UI Archive — ui-archive.com
// Paste into your tailwind.config.js
module.exports = {
"theme": {
"extend": {
"colors": {
"primary-orange": "#ff6101",
"secondary-color": "#5201d9"
},
"fontFamily": {
"lato": [
"Lato",
"system-ui",
"arial"
]
},
"spacing": {
"1rem": "1rem",
"1-25rem": "1.25rem",
"1-5rem": "1.5rem",
"1-75rem": "1.75rem",
"2px": "2px",
"2rem": "2rem",
"4px": "4px",
"6px": "6px",
"7px": "7px",
"8px": "8px",
"12px": "12px",
"16px": "16px",
"22px": "22px",
"32px": "32px",
"33px": "33px",
"48px": "48px",
"60px": "60px",
"64px": "64px"
},
"borderRadius": {
"25rem": ".25rem",
"1rem": "1rem",
…Colors
64
Typography
8
Spacing
32
Radius
16
Shadows
5
Tailwind Config
Paste into tailwind.config.js. Free — no account required.