Tailwind-flowbite-theming

Tailwindcss/Flowbite starter template with added support for theming and contextual colors.

Added Color Themes

• Primary - Main site color.
• Accent - For links and buttons.
• Light - For Black contrast.
• Dark - For dark mode.
• Success - For Success alerts.
• Danger - For Danger alerts.
• Warning - For Warning alerts.
• Info - For Info alerts.

JS for components

Add <script src="./node_modules/flowbite/dist/flowbite.min.js"></script> to all files using Flowbite JS.

Input Path

assets/src/css/tailwind.css

Output Path

assets/dist/css/main.css

Build

npx tailwindcss -i ./assets/src/css/tailwind.css -o ./assets/dist/css/main.css --watch

Other TailwindCss Starters

• Tailwind starter template.
• Use Tailwind with Flowbite, the most popular Tailwind components library.
• Tailwind and Flowbite. With dark mode switcher.
• Tailwind and Flowbite with support for darkmode, theming and contextual colors.