Sailboat UI is a modern UI component library for Tailwind CSS. Get started with 150+ open-source Tailwind CSS components, and make it easy to build your products.
For the full documentation, visit sailboatui.com.
npm install -D tailwindcss
Sailboat UI is a modern UI component library for Tailwind CSS, you just need to install Tailwind CSS and configure it. Learn how to install Tailwind CSS.
You need to add this to your tailwind.config.js
file.
// tailwind.config.js
const defaultTheme = require("tailwindcss/defaultTheme");
const colors = require("tailwindcss/colors");
module.exports = {
content: ["./src/**/*.{html,js}"],
theme: {
extend: {
// Set font family
fontFamily: {
sans: ["Inter", ...defaultTheme.fontFamily.sans],
},
// Set theme colors (Required config!)
colors: {
primary: colors.blue,
secondary: colors.slate,
},
},
},
// Add plugins
plugins: [require("@tailwindcss/typography"), require("@tailwindcss/forms")],
};
More configuration options are available in the Sailboat UI Quick Start.
Sailboat UI is an open-source project that you can contribute to on GitHub. If you appreciate the project, please consider giving it a star to show your support. Thank you.
brew install hugo
npm run dev
npm run dev
: Run the dev server.npm run build
: Build the static site.Source: https://github.com
#tailwindcss #css