{"id":27044216,"url":"https://github.com/alimuhammadofficial/tailwindcss-starter-template","last_synced_at":"2026-01-18T10:28:01.470Z","repository":{"id":281097762,"uuid":"944198823","full_name":"AliMuhammadOfficial/TailwindCSS-Starter-Template","owner":"AliMuhammadOfficial","description":null,"archived":false,"fork":false,"pushed_at":"2025-03-07T00:21:10.000Z","size":14,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-05T05:21:11.034Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/AliMuhammadOfficial.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":"2025-03-07T00:18:28.000Z","updated_at":"2025-03-07T00:21:14.000Z","dependencies_parsed_at":"2025-03-07T04:30:12.496Z","dependency_job_id":null,"html_url":"https://github.com/AliMuhammadOfficial/TailwindCSS-Starter-Template","commit_stats":null,"previous_names":["alimuhammadofficial/tailwindcss-starter-template"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/AliMuhammadOfficial/TailwindCSS-Starter-Template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AliMuhammadOfficial%2FTailwindCSS-Starter-Template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AliMuhammadOfficial%2FTailwindCSS-Starter-Template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AliMuhammadOfficial%2FTailwindCSS-Starter-Template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AliMuhammadOfficial%2FTailwindCSS-Starter-Template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AliMuhammadOfficial","download_url":"https://codeload.github.com/AliMuhammadOfficial/TailwindCSS-Starter-Template/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AliMuhammadOfficial%2FTailwindCSS-Starter-Template/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28534383,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-18T10:13:46.436Z","status":"ssl_error","status_checked_at":"2026-01-18T10:13:11.045Z","response_time":98,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6: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":[],"created_at":"2025-04-05T05:20:39.772Z","updated_at":"2026-01-18T10:27:56.455Z","avatar_url":"https://github.com/AliMuhammadOfficial.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# TailwindCSS Starter Template\n\nA lightweight starter template for building websites with TailwindCSS and Vite.\n\n## What is TailwindCSS?\n\nTailwindCSS is a utility-first CSS framework that lets you build designs directly in your HTML. Instead of writing custom CSS, you use predefined classes like `text-blue-500`, `p-4`, or `flex` to style your elements.\n\n### Key Benefits\n\n- **No more naming CSS classes**: Use Tailwind's predefined utility classes\n- **Consistency**: Built-in design system for colors, spacing, and more\n- **Responsive design**: Easily make your site work on different screen sizes with classes like `md:flex`\n- **Customizable**: Extend or modify the default theme to match your design needs\n\n## Getting Started\n\n1. Clone this repository\n   ```\n   git clone git@github.com:AliMuhammadOfficial/TailwindCSS-Starter-Template.git\n   cd TailwindCSS-Starter-Template\n   ```\n2. Install dependencies:\n   ```\n   npm install\n   ```\n3. Start the development server:\n   ```\n   npm run dev\n   ```\n4. Open your browser and navigate to `http://localhost:5173`\n\n## Basic Usage\n\n### Colors\n```html\n\u003cp class=\"text-blue-500\"\u003eBlue text\u003c/p\u003e\n\u003cdiv class=\"bg-green-200\"\u003eGreen background\u003c/div\u003e\n```\n\n### Spacing\n```html\n\u003cdiv class=\"p-4\"\u003ePadding on all sides\u003c/div\u003e\n\u003cdiv class=\"m-2\"\u003eMargin on all sides\u003c/div\u003e\n\u003cdiv class=\"py-2 px-4\"\u003ePadding: vertical 2, horizontal 4\u003c/div\u003e\n```\n\n### Typography\n```html\n\u003ch1 class=\"text-2xl font-bold\"\u003eLarge bold title\u003c/h1\u003e\n\u003cp class=\"text-sm text-gray-500\"\u003eSmall gray text\u003c/p\u003e\n```\n\n### Layout\n```html\n\u003cdiv class=\"flex justify-between items-center\"\u003e\n  \u003cdiv\u003eLeft item\u003c/div\u003e\n  \u003cdiv\u003eRight item\u003c/div\u003e\n\u003c/div\u003e\n```\n\n### Responsive Design\n```html\n\u003cdiv class=\"block md:flex lg:grid\"\u003e\n  \u003c!-- Changes layout at different breakpoints --\u003e\n\u003c/div\u003e\n```\n\n## Project Structure\n\n- `index.html` - Main HTML file\n- `src/style.css` - CSS file that imports Tailwind\n- `vite.config.js` - Vite configuration\n- `public/` - Static assets\n\n## Commands\n\n- `npm run dev` - Start development server\n- `npm run build` - Build for production\n- `npm run preview` - Preview production build locally\n\n## Learn More\n\n- [TailwindCSS Documentation](https://tailwindcss.com/docs)\n- [Vite Documentation](https://vitejs.dev/guide/)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falimuhammadofficial%2Ftailwindcss-starter-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falimuhammadofficial%2Ftailwindcss-starter-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falimuhammadofficial%2Ftailwindcss-starter-template/lists"}