{"id":18688116,"url":"https://github.com/programmershri/tailwind-css-starter-postcss","last_synced_at":"2026-04-08T18:02:33.333Z","repository":{"id":107891048,"uuid":"462431505","full_name":"ProgrammerShri/tailwind-css-starter-postcss","owner":"ProgrammerShri","description":"Boilerplate","archived":false,"fork":false,"pushed_at":"2022-10-07T19:58:53.000Z","size":40,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-08-16T23:49:53.673Z","etag":null,"topics":["ant-design","antd","css","javascript","postcss","react","reactjs","redux-toolkit","tailwindcss"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ProgrammerShri.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-02-22T18:48:39.000Z","updated_at":"2022-10-07T19:58:30.000Z","dependencies_parsed_at":null,"dependency_job_id":"345ad7a7-f094-4ebc-b392-cb6845120eeb","html_url":"https://github.com/ProgrammerShri/tailwind-css-starter-postcss","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ProgrammerShri/tailwind-css-starter-postcss","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ProgrammerShri%2Ftailwind-css-starter-postcss","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ProgrammerShri%2Ftailwind-css-starter-postcss/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ProgrammerShri%2Ftailwind-css-starter-postcss/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ProgrammerShri%2Ftailwind-css-starter-postcss/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ProgrammerShri","download_url":"https://codeload.github.com/ProgrammerShri/tailwind-css-starter-postcss/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ProgrammerShri%2Ftailwind-css-starter-postcss/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31567227,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-08T14:31:17.711Z","status":"ssl_error","status_checked_at":"2026-04-08T14:31:17.202Z","response_time":54,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ant-design","antd","css","javascript","postcss","react","reactjs","redux-toolkit","tailwindcss"],"created_at":"2024-11-07T10:35:41.436Z","updated_at":"2026-04-08T18:02:33.313Z","avatar_url":"https://github.com/ProgrammerShri.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Tailwind CSS as a PostCSS Plugin\n\nA starter template for very simple projects (no frameworks) with Tailwind CSS setup as a PostCSS plugin. You only need to install NPM.\n\nFollow the Getting Started guide and build websites with Tailwind CSS. Also, follow the steps to Optimize for Production to end up with a very tiny final CSS bundle.\n\n## Getting Started\n\n1.  Clone the repository\n\n         git clone https://github.com/ProgrammerShri/tailwind-css-starter-postcss.git\n\n    Alternately you can download the zip file and unzip it.\n\n2.  You will now have the cloned project folder. Open the project in\n    Visual Studio Code editor (recommended code editor for Tailwind CSS\n    Projects)\n\n3.  Open new terminal within Visual Studio Code\n\n4.  Download and install NPM - [A Beginner’s Guide to npm](https://www.sitepoint.com/npm-guide/)\n\n5.  Install dependencies\n\n        npm install\n\n6.  Build using Tailwind CSS\n\n        npm run build\n\n7.  Open the `public \u003e index.html` file in your browser and you should see a heading styled with a gradient. If you don't see a gradient on the text, something went wrong.\n\n## How to use\n\n- Go to `public \u003e index.html` Remove the `\u003ch1\u003e` element and start adding your own HTML.\n- If you need to add more HTML pages, add them in the `public` folder.\n- To extract classes and use the `@apply` directive, edit the custom CSS file in `src \u003e styles.css`. Add any amount of custom CSS within this file. Refer [https://tailwindcss.com/docs/installation#using-a-custom-css-file](https://tailwindcss.com/docs/installation#using-a-custom-css-file)\n\nWatch HTML files for changes and build automatically everytime using\n\n    npm run watch\n\nNOTE: Do NOT edit the file `public \u003e dist \u003e styles.css` directly - This is the distribution stylesheet. The CSS here is generated from `src \u003e styles.css` using Tailwind when you build.\n\n## Optimize for production\n\nBefore pushing your code (the `public` folder) for production, run the below command to reduce the size of `styles.css` within the public folder\n\n     npm run prod\n\nNOTE: If you are using Windows and face an error `NODE ENV not recognised`, run the below command\n\n     npm install win-node-env\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprogrammershri%2Ftailwind-css-starter-postcss","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fprogrammershri%2Ftailwind-css-starter-postcss","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprogrammershri%2Ftailwind-css-starter-postcss/lists"}