| Name | fastapi-tailwind JSON |
| Version |
2.0.4a1
JSON |
| download |
| home_page | None |
| Summary | ⨠TailwindCSS support for đĨ FastAPI. |
| upload_time | 2025-07-10 01:26:24 |
| maintainer | None |
| docs_url | None |
| author | None |
| requires_python | >=3.8 |
| license | MIT License
Copyright (c) 2024-present Goldy
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE. |
| keywords |
tailwindcss
tailwind
fastapi
fastapi middleware
tailwindcss v4
|
| VCS |
 |
| bugtrack_url |
|
| requirements |
No requirements were recorded.
|
| Travis-CI |
No Travis.
|
| coveralls test coverage |
No coveralls.
|
<div align="center">
# ⨠đĨ fastapi-tailwind
<sub>Streamlined approach for adding TailwindCSS V4 to FastAPI **without** NodeJS.</sub>
[](https://pypi.org/project/fastapi-tailwind/)
[](https://pypistats.org/packages/fastapi-tailwind)
[](https://pypi.org/project/fastapi-tailwind/)
<img src="./assets/heart_banner_cropped.png">
</div>
> [!WARNING]
> Currently in alpha phase so expect bugs but do report them please. đ
## Features â¨
- [x] Zero dependencies đĒļ
- [x] Auto watch when in dev mode. đ
- [x] Doesn't require NodeJS and NPM. đĢ§đĒĨ
- [x] Seemless integration into the FastAPI codebase. đĨ
- [ ] GZIP automatically configured to [compress TailwindCSS](https://v2.tailwindcss.com/docs/controlling-file-size) out of the box. âĄ
## How to add?
> [!NOTE]
> These instructions assume you already have a somewhat intermediate understanding of FastAPI and that you've used TailwindCSS before (if you haven't be sure to read the documentation pages I link below).
>
> If you're using Windows you can still replicate these commands via a file explorer.
1. Install the pypi package.
```sh
pip install fastapi-tailwind
```
2. Edit your FastAPI APP.
Before:
```python
from fastapi import FastAPI
from fastapi.responses import FileResponse
from fastapi.staticfiles import StaticFiles
app = FastAPI()
@app.get("/")
def index():
return FileResponse("./index.html")
app.mount("/static", StaticFiles(directory = "static"), name = "static")
```
After:
```python
# main.py
from fastapi import FastAPI
from fastapi.responses import FileResponse
from fastapi.staticfiles import StaticFiles
from fastapi_tailwind import tailwind
from contextlib import asynccontextmanager
static_files = StaticFiles(directory = "static")
@asynccontextmanager
async def lifespan(app: FastAPI):
# YAY, our tailwind get's compiled here! đ
process = tailwind.compile(
static_files.directory + "/output.css",
tailwind_stylesheet_path = "./input.css"
)
yield # The code after this is called on shutdown.
process.terminate() # We must terminate the compiler on shutdown to
# prevent multiple compilers running in development mode or when watch is enabled.
app = FastAPI(
# See the fastapi documentation for an explanation on lifespans: https://fastapi.tiangolo.com/advanced/events/
lifespan = lifespan
)
@app.get("/")
def index():
return FileResponse("./index.html")
# We need somewhere to drop the compiled stylesheet so our html file can link it.
app.mount("/static", static_files, name = "static")
```
3. Make sure the `static` folder exists and create a `input.css` file ([in v4 this is now used for configuration](https://tailwindcss.com/docs/upgrade-guide)).
```sh
mkdir ./static
touch input.css
```
4. Open `input.css` and write `@import "tailwindcss;` in the file or just run this command:
```sh
echo '@import "tailwindcss";' > input.css
```
> ### VSCode TailwindCSS Intellisense FIX!
> There is currently [a bug in the vscode tailwindcss extension](https://github.com/tailwindlabs/tailwindcss/discussions/15132) where you will not get any intellisense in v4 unless we add back the old v3 `tailwind.config.js` file to point to the files with tailwind code in them (e.g. html, markdown, javascript files).
>
> A simple, quick and minimal way to fix this for the time being, is to create a file located at `.vscode/settings.json` where our `input.css` file is (should be in root if you followed my previous instructions) and configure it like so:
> ```json
> {
> "tailwindCSS.experimental.configFile": "./input.css"
> }
> ```
>
> That should fix that issue.
5. Now write your tailwind css in your `index.html`.
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>⨠Tailwind in đĨ FastAPI</title>
<link rel="stylesheet" href="/static/output.css">
</head>
<body class="bg-slate-950">
<h1 class="mt-10 text-center text-6xl font-bold text-red-400">đ Hello ⨠Tailwind!</h1>
</body>
</html>
```
6. Then run FastAPI and visit your site. It should be gucci. â¨
```sh
fastapi dev main.py
```
<div align="center">
<img width="800px" src="./assets/example_page_showcase.png">
</div>
Raw data
{
"_id": null,
"home_page": null,
"name": "fastapi-tailwind",
"maintainer": null,
"docs_url": null,
"requires_python": ">=3.8",
"maintainer_email": null,
"keywords": "tailwindcss, tailwind, fastapi, fastapi middleware, tailwindcss v4",
"author": null,
"author_email": "Goldy <goldy@devgoldy.xyz>",
"download_url": null,
"platform": null,
"description": "<div align=\"center\">\n\n # \u2728 \ud83d\udd25 fastapi-tailwind\n\n <sub>Streamlined approach for adding TailwindCSS V4 to FastAPI **without** NodeJS.</sub>\n\n [](https://pypi.org/project/fastapi-tailwind/)\n [](https://pypistats.org/packages/fastapi-tailwind)\n [](https://pypi.org/project/fastapi-tailwind/)\n\n <img src=\"./assets/heart_banner_cropped.png\">\n\n</div>\n\n> [!WARNING]\n> Currently in alpha phase so expect bugs but do report them please. \ud83d\ude4f\n\n## Features \u2728\n- [x] Zero dependencies \ud83e\udeb6\n- [x] Auto watch when in dev mode. \ud83d\udd0e\n- [x] Doesn't require NodeJS and NPM. \ud83e\udee7\ud83e\udea5\n- [x] Seemless integration into the FastAPI codebase. \ud83e\udd42\n- [ ] GZIP automatically configured to [compress TailwindCSS](https://v2.tailwindcss.com/docs/controlling-file-size) out of the box. \u26a1\n\n## How to add?\n> [!NOTE]\n> These instructions assume you already have a somewhat intermediate understanding of FastAPI and that you've used TailwindCSS before (if you haven't be sure to read the documentation pages I link below).\n>\n> If you're using Windows you can still replicate these commands via a file explorer.\n\n1. Install the pypi package.\n```sh\npip install fastapi-tailwind\n```\n2. Edit your FastAPI APP.\n\nBefore:\n```python\nfrom fastapi import FastAPI\nfrom fastapi.responses import FileResponse\nfrom fastapi.staticfiles import StaticFiles\n\napp = FastAPI()\n\n@app.get(\"/\")\ndef index():\n return FileResponse(\"./index.html\")\n\napp.mount(\"/static\", StaticFiles(directory = \"static\"), name = \"static\")\n```\n\nAfter:\n```python\n# main.py\n\nfrom fastapi import FastAPI\nfrom fastapi.responses import FileResponse\nfrom fastapi.staticfiles import StaticFiles\n\nfrom fastapi_tailwind import tailwind\nfrom contextlib import asynccontextmanager\n\nstatic_files = StaticFiles(directory = \"static\")\n\n@asynccontextmanager\nasync def lifespan(app: FastAPI):\n # YAY, our tailwind get's compiled here! \ud83d\ude04\n process = tailwind.compile(\n static_files.directory + \"/output.css\",\n tailwind_stylesheet_path = \"./input.css\"\n )\n\n yield # The code after this is called on shutdown.\n\n process.terminate() # We must terminate the compiler on shutdown to\n # prevent multiple compilers running in development mode or when watch is enabled.\n\napp = FastAPI(\n # See the fastapi documentation for an explanation on lifespans: https://fastapi.tiangolo.com/advanced/events/\n lifespan = lifespan\n)\n\n@app.get(\"/\")\ndef index():\n return FileResponse(\"./index.html\")\n\n# We need somewhere to drop the compiled stylesheet so our html file can link it.\napp.mount(\"/static\", static_files, name = \"static\")\n```\n\n3. Make sure the `static` folder exists and create a `input.css` file ([in v4 this is now used for configuration](https://tailwindcss.com/docs/upgrade-guide)).\n```sh\nmkdir ./static\ntouch input.css\n```\n\n4. Open `input.css` and write `@import \"tailwindcss;` in the file or just run this command:\n```sh\necho '@import \"tailwindcss\";' > input.css\n```\n\n> ### VSCode TailwindCSS Intellisense FIX!\n> There is currently [a bug in the vscode tailwindcss extension](https://github.com/tailwindlabs/tailwindcss/discussions/15132) where you will not get any intellisense in v4 unless we add back the old v3 `tailwind.config.js` file to point to the files with tailwind code in them (e.g. html, markdown, javascript files).\n>\n> A simple, quick and minimal way to fix this for the time being, is to create a file located at `.vscode/settings.json` where our `input.css` file is (should be in root if you followed my previous instructions) and configure it like so:\n> ```json\n> {\n> \"tailwindCSS.experimental.configFile\": \"./input.css\"\n> }\n> ```\n>\n> That should fix that issue.\n\n5. Now write your tailwind css in your `index.html`.\n```html\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>\u2728 Tailwind in \ud83d\udd25 FastAPI</title>\n\n <link rel=\"stylesheet\" href=\"/static/output.css\">\n</head>\n<body class=\"bg-slate-950\">\n <h1 class=\"mt-10 text-center text-6xl font-bold text-red-400\">\ud83d\udc4b Hello \u2728 Tailwind!</h1>\n</body>\n</html>\n```\n6. Then run FastAPI and visit your site. It should be gucci. \u2728\n```sh\nfastapi dev main.py\n```\n<div align=\"center\">\n\n <img width=\"800px\" src=\"./assets/example_page_showcase.png\">\n\n</div>\n",
"bugtrack_url": null,
"license": "MIT License\n \n Copyright (c) 2024-present Goldy\n \n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n \n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n \n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.",
"summary": "\u2728 TailwindCSS support for \ud83d\udd25 FastAPI.",
"version": "2.0.4a1",
"project_urls": {
"BugTracker": "https://github.com/THEGOLDENPRO/fastapi-tailwind/issues",
"GitHub": "https://github.com/THEGOLDENPRO/fastapi-tailwind"
},
"split_keywords": [
"tailwindcss",
" tailwind",
" fastapi",
" fastapi middleware",
" tailwindcss v4"
],
"urls": [
{
"comment_text": null,
"digests": {
"blake2b_256": "8f2565d75ea5755f6bb434792c65b6dc5a3bfd431337c534bb69062061c47769",
"md5": "861490e5f61030fbaad1cff26551fe88",
"sha256": "f66285ed4110c70eb8f76fe79babbfdee0f9347ad3772361aa98bc5840bc824a"
},
"downloads": -1,
"filename": "fastapi_tailwind-2.0.4a1-py3-none-macosx_10_9_arm64.whl",
"has_sig": false,
"md5_digest": "861490e5f61030fbaad1cff26551fe88",
"packagetype": "bdist_wheel",
"python_version": "py3",
"requires_python": ">=3.8",
"size": 27435032,
"upload_time": "2025-07-10T01:26:24",
"upload_time_iso_8601": "2025-07-10T01:26:24.178779Z",
"url": "https://files.pythonhosted.org/packages/8f/25/65d75ea5755f6bb434792c65b6dc5a3bfd431337c534bb69062061c47769/fastapi_tailwind-2.0.4a1-py3-none-macosx_10_9_arm64.whl",
"yanked": false,
"yanked_reason": null
},
{
"comment_text": null,
"digests": {
"blake2b_256": "0b5d54e1b4abe96a713b187519246f92c4d006b3e6b1c4fdc6729cb3ad5f3fbf",
"md5": "a9a145b8f27096658d935646d95a196b",
"sha256": "9b7d6a353fcd3ce2801d3fab92ea4c6aa885fd5fc8f422995d6dc9ba301f0bec"
},
"downloads": -1,
"filename": "fastapi_tailwind-2.0.4a1-py3-none-macosx_10_9_x86_64.whl",
"has_sig": false,
"md5_digest": "a9a145b8f27096658d935646d95a196b",
"packagetype": "bdist_wheel",
"python_version": "py3",
"requires_python": ">=3.8",
"size": 29026594,
"upload_time": "2025-07-10T01:26:28",
"upload_time_iso_8601": "2025-07-10T01:26:28.051835Z",
"url": "https://files.pythonhosted.org/packages/0b/5d/54e1b4abe96a713b187519246f92c4d006b3e6b1c4fdc6729cb3ad5f3fbf/fastapi_tailwind-2.0.4a1-py3-none-macosx_10_9_x86_64.whl",
"yanked": false,
"yanked_reason": null
},
{
"comment_text": null,
"digests": {
"blake2b_256": "228d7181b1082b8543c19e55fc7b984aebae41b6ea8a935dc5d8425c4fd88932",
"md5": "cbf69671f57e76a5292943a4d329e8d6",
"sha256": "7fface9db6e857c4f6fee911d105ad8fc122182c49b47a9eca1c69402b8fa4aa"
},
"downloads": -1,
"filename": "fastapi_tailwind-2.0.4a1-py3-none-macosx_11_0_arm64.whl",
"has_sig": false,
"md5_digest": "cbf69671f57e76a5292943a4d329e8d6",
"packagetype": "bdist_wheel",
"python_version": "py3",
"requires_python": ">=3.8",
"size": 27435031,
"upload_time": "2025-07-10T01:26:33",
"upload_time_iso_8601": "2025-07-10T01:26:33.198849Z",
"url": "https://files.pythonhosted.org/packages/22/8d/7181b1082b8543c19e55fc7b984aebae41b6ea8a935dc5d8425c4fd88932/fastapi_tailwind-2.0.4a1-py3-none-macosx_11_0_arm64.whl",
"yanked": false,
"yanked_reason": null
},
{
"comment_text": null,
"digests": {
"blake2b_256": "2eeafffb59b7fb84c73434a58faddf82ebeeb362656c25f1dc75d17ad49afa60",
"md5": "3b64023c3776842500b16b26c7983d6c",
"sha256": "41f6ca75d3b2b8f71ae79f8e43df7827d13fce97cf2d1eef1349aba5d8ae34fa"
},
"downloads": -1,
"filename": "fastapi_tailwind-2.0.4a1-py3-none-macosx_11_0_x86_64.whl",
"has_sig": false,
"md5_digest": "3b64023c3776842500b16b26c7983d6c",
"packagetype": "bdist_wheel",
"python_version": "py3",
"requires_python": ">=3.8",
"size": 29026593,
"upload_time": "2025-07-10T01:26:36",
"upload_time_iso_8601": "2025-07-10T01:26:36.428637Z",
"url": "https://files.pythonhosted.org/packages/2e/ea/fffb59b7fb84c73434a58faddf82ebeeb362656c25f1dc75d17ad49afa60/fastapi_tailwind-2.0.4a1-py3-none-macosx_11_0_x86_64.whl",
"yanked": false,
"yanked_reason": null
},
{
"comment_text": null,
"digests": {
"blake2b_256": "41678f5b2fcbcc646de44244528a654b52bda6677fc3b51030b62274e15285eb",
"md5": "71ac12c4fcac77406804045e40e2fab2",
"sha256": "3156edfff1a1375ef0b825267f793fa0eabf68c9c0ff36535ccadc5a99bfe416"
},
"downloads": -1,
"filename": "fastapi_tailwind-2.0.4a1-py3-none-manylinux2014_aarch64.whl",
"has_sig": false,
"md5_digest": "71ac12c4fcac77406804045e40e2fab2",
"packagetype": "bdist_wheel",
"python_version": "py3",
"requires_python": ">=3.8",
"size": 42897865,
"upload_time": "2025-07-10T01:26:40",
"upload_time_iso_8601": "2025-07-10T01:26:40.471360Z",
"url": "https://files.pythonhosted.org/packages/41/67/8f5b2fcbcc646de44244528a654b52bda6677fc3b51030b62274e15285eb/fastapi_tailwind-2.0.4a1-py3-none-manylinux2014_aarch64.whl",
"yanked": false,
"yanked_reason": null
},
{
"comment_text": null,
"digests": {
"blake2b_256": "fed9e11c8b37d9298119769bb8dabdd2b1e186434c1514049a12985eb71d65d1",
"md5": "8d79cefffac655501a476e05648d7f34",
"sha256": "1d72cb949c7f509e67e0424daee365b4640e7c1a087f29430d643468bc41376c"
},
"downloads": -1,
"filename": "fastapi_tailwind-2.0.4a1-py3-none-manylinux2014_x86_64.whl",
"has_sig": false,
"md5_digest": "8d79cefffac655501a476e05648d7f34",
"packagetype": "bdist_wheel",
"python_version": "py3",
"requires_python": ">=3.8",
"size": 44681236,
"upload_time": "2025-07-10T01:26:45",
"upload_time_iso_8601": "2025-07-10T01:26:45.062933Z",
"url": "https://files.pythonhosted.org/packages/fe/d9/e11c8b37d9298119769bb8dabdd2b1e186434c1514049a12985eb71d65d1/fastapi_tailwind-2.0.4a1-py3-none-manylinux2014_x86_64.whl",
"yanked": false,
"yanked_reason": null
},
{
"comment_text": null,
"digests": {
"blake2b_256": "9424c050046ab35d06959e1144615d5ffdc1707af197886e63b35ce6f46adbd7",
"md5": "83ea6d48c799f72c7cace3dbb13f7f41",
"sha256": "5e16efe827ba44d45a59b195d59a6f17d120cb4394069477e831fbd574802fcc"
},
"downloads": -1,
"filename": "fastapi_tailwind-2.0.4a1-py3-none-musllinux_1_2_aarch64.whl",
"has_sig": false,
"md5_digest": "83ea6d48c799f72c7cace3dbb13f7f41",
"packagetype": "bdist_wheel",
"python_version": "py3",
"requires_python": ">=3.8",
"size": 40838788,
"upload_time": "2025-07-10T01:26:49",
"upload_time_iso_8601": "2025-07-10T01:26:49.459019Z",
"url": "https://files.pythonhosted.org/packages/94/24/c050046ab35d06959e1144615d5ffdc1707af197886e63b35ce6f46adbd7/fastapi_tailwind-2.0.4a1-py3-none-musllinux_1_2_aarch64.whl",
"yanked": false,
"yanked_reason": null
},
{
"comment_text": null,
"digests": {
"blake2b_256": "9536aa5a939b31bf88bf48f18bbeb2ca7bbb31d28b96fd7235093f8c59c92cb0",
"md5": "82ee44f75f0643e8ff8a36b5d0a74ae6",
"sha256": "3934b63e2bf23b42a3cdf6b97a8f17d2ff3ac20d7a011f054e2d6cc8287cd4ce"
},
"downloads": -1,
"filename": "fastapi_tailwind-2.0.4a1-py3-none-musllinux_1_2_x86_64.whl",
"has_sig": false,
"md5_digest": "82ee44f75f0643e8ff8a36b5d0a74ae6",
"packagetype": "bdist_wheel",
"python_version": "py3",
"requires_python": ">=3.8",
"size": 42289518,
"upload_time": "2025-07-10T01:26:53",
"upload_time_iso_8601": "2025-07-10T01:26:53.659937Z",
"url": "https://files.pythonhosted.org/packages/95/36/aa5a939b31bf88bf48f18bbeb2ca7bbb31d28b96fd7235093f8c59c92cb0/fastapi_tailwind-2.0.4a1-py3-none-musllinux_1_2_x86_64.whl",
"yanked": false,
"yanked_reason": null
},
{
"comment_text": null,
"digests": {
"blake2b_256": "2676a857b0407ce71a43ce15683383d99eac0167f61294e6387c524b9abfd7f9",
"md5": "3a215fbe933898f2f5774692f056085f",
"sha256": "374cc85380e7030e1a12dc7e0b73b65c0ca504d573f0209b2b6f41294b313c69"
},
"downloads": -1,
"filename": "fastapi_tailwind-2.0.4a1-py3-none-win_amd64.whl",
"has_sig": false,
"md5_digest": "3a215fbe933898f2f5774692f056085f",
"packagetype": "bdist_wheel",
"python_version": "py3",
"requires_python": ">=3.8",
"size": 45700405,
"upload_time": "2025-07-10T01:26:58",
"upload_time_iso_8601": "2025-07-10T01:26:58.156434Z",
"url": "https://files.pythonhosted.org/packages/26/76/a857b0407ce71a43ce15683383d99eac0167f61294e6387c524b9abfd7f9/fastapi_tailwind-2.0.4a1-py3-none-win_amd64.whl",
"yanked": false,
"yanked_reason": null
}
],
"upload_time": "2025-07-10 01:26:24",
"github": true,
"gitlab": false,
"bitbucket": false,
"codeberg": false,
"github_user": "THEGOLDENPRO",
"github_project": "fastapi-tailwind",
"travis_ci": false,
"coveralls": false,
"github_actions": true,
"lcname": "fastapi-tailwind"
}
