Post

Install Flowbite on Rails 8

1
rails new blog -c tailwind -j bun
1
2
mkdir app/assets/tailwind
mv app/assets/stylesheets/application.tailwind.css app/assets/tailwind/application.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
{
  "name": "app",
  "private": true,
  "scripts": {
    "build": "bun bun.config.js",
--  "build:css": "bunx @tailwindcss/cli -i ./app/assets/stylesheets/application.tailwind.css -o ./app/assets/builds/application.css --minify"
++. "build:css": "bunx @tailwindcss/cli -i ./app/assets/tailwind/application.css -o ./app/assets/builds/application.css --minify"
  },
  "dependencies": {
    "@hotwired/stimulus": "^3.2.2",
    "@hotwired/turbo-rails": "^8.0.13",
    "@tailwindcss/cli": "^4.1.3",
    "tailwindcss": "^4.1.3"
  }
}
1
2
3
4
5
@import "../../../node_modules/flowbite/src/themes/default";

@plugin "../../../node_modules/flowbite/plugin";

@source "../../../node_modules/flowbite";
1
import "../../node_modules/flowbite/dist/flowbite"
This post is licensed under CC BY 4.0 by the author.