{"id":51006765,"url":"https://github.com/jayvidev/shopify-tailwind-starter","last_synced_at":"2026-06-20T21:01:37.928Z","repository":{"id":364498201,"uuid":"1192258229","full_name":"jayvidev/shopify-tailwind-starter","owner":"jayvidev","description":"🛍️ Shopify starter template, built with Liquid, Tailwind CSS \u0026 Alpine.js.","archived":false,"fork":false,"pushed_at":"2026-06-13T07:51:24.000Z","size":1140,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-06-13T09:25:09.131Z","etag":null,"topics":["alpinejs","ecommerce","liquid","pnpm","shopify","shopify-theme","starter-template","tailiwndcss"],"latest_commit_sha":null,"homepage":"https://tailwind-css-starter.myshopify.com","language":"Liquid","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jayvidev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-03-26T03:25:26.000Z","updated_at":"2026-06-13T07:51:28.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/jayvidev/shopify-tailwind-starter","commit_stats":null,"previous_names":["jayvidev/shopify-tailwind-starter"],"tags_count":null,"template":true,"template_full_name":null,"purl":"pkg:github/jayvidev/shopify-tailwind-starter","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jayvidev%2Fshopify-tailwind-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jayvidev%2Fshopify-tailwind-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jayvidev%2Fshopify-tailwind-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jayvidev%2Fshopify-tailwind-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jayvidev","download_url":"https://codeload.github.com/jayvidev/shopify-tailwind-starter/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jayvidev%2Fshopify-tailwind-starter/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34585195,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-20T02:00:06.407Z","response_time":98,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["alpinejs","ecommerce","liquid","pnpm","shopify","shopify-theme","starter-template","tailiwndcss"],"created_at":"2026-06-20T21:01:35.906Z","updated_at":"2026-06-20T21:01:37.913Z","avatar_url":"https://github.com/jayvidev.png","language":"Liquid","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Shopify Tailwind Starter\n\n## Shopify CLI\n\nTo easily log into your preferred store and theme, create a `shopify.theme.toml` in the root directory and define your environment details.\n\nCopy this example into `shopify.theme.toml` and replace the placeholders:\n\n```toml\n[environments.development]\nstore = \"your-store.myshopify.com\"\ntheme = \"\" # Leave empty to use a safe, automatic development theme\nstore-password = \"your-store-password\" # only if store has password protection\n\n[environments.staging]\nstore = \"your-store.myshopify.com\"\ntheme = \"your-theme-id\"\nignore = [\"templates/*\", \"config/*\"]\n\n[environments.production]\nstore = \"your-store.myshopify.com\"\ntheme = \"your-theme-id\"\nignore = [\"templates/*\", \"config/*\"]\n```\n\n### Commands\n\n| Command           |                         Purpose                          |                                          Notes                                          |\n| ----------------- | :------------------------------------------------------: | :-------------------------------------------------------------------------------------: |\n| `pnpm dev`        |   Develop with Shopify CLI dev server + CSS/JS watch     | See [Development Themes](https://shopify.dev/docs/themes/tools/cli#development-themes)  |\n| `pnpm build`      |          Build CSS and JS for production                 |                    Generates `assets/theme.css`, `theme.js`, `prodify.js`               |\n| `pnpm deploy`     |  Build and push to production environment (via toml)     |               Uses `production` environment from **shopify.theme.toml**                 |\n| `pnpm format`     |              Format all files with Prettier              |                                                                                         |\n\nFor all other Shopify CLI theme commands see [Shopify CLI commands for themes](https://shopify.dev/docs/themes/tools/cli/commands).\n\n## CSS\n\n[Tailwind CSS v4](https://tailwindcss.com) is compiled with **Tailwind CLI** from `src/entrypoints/theme.css` → `assets/theme.css`.\n\nAdditionally, **src/css/global.css** can be used for global styles and is not tree-shaken.\n\nFonts are declared in `snippets/font-face.liquid` and loaded via Shopify CDN (`asset_url`). Font files live in `assets/`.\n\n## JavaScript\n\nBuilt with **esbuild** — fast, zero-config bundler with native TypeScript support.\n\nEntry points:\n- `src/entrypoints/theme.js` → `assets/theme.js` (Alpine.js + Liquid Ajax Cart)\n- `src/js/prodify/index.ts` → `assets/prodify.js` (variant picker logic)\n\n### Alpine.js\n\n[Alpine.js](https://alpinejs.dev/start-here) is included with plugins (Collapse, Focus, Morph). Stores, components, and directives live in **src/js/alpine** and are registered in **src/js/alpine/index.js**. Reference **src/js/alpine/components/dropdown.js** to see an example component.\n\n\u003e When adding a new store or component, import it explicitly in `src/js/alpine/index.js`.\n\n## Assets\n\nStatic assets (fonts, images) are versioned directly in `assets/`. Generated files (`theme.css`, `theme.js`, `prodify.js`) are gitignored and built by GitHub Actions on each push to main.\n\n## Included Goodies\n\n### Liquid Ajax Cart\n\n[Liquid Ajax Cart](https://liquid-ajax-cart.js.org/) library is installed and its directives are used throughout the Starter sections. Provides an out-of-the-box working AJAX cart (minicart).\n\n\u003e Starter uses v2 of Liquid Ajax Cart. See [differences-from-v1](https://liquid-ajax-cart.js.org/v2/differences-from-v1/)\n\n### Predictive Search\n\nThe Shopify provided predictive search is included and can be enabled in the theme customizer. To remove it, delete the reference from **theme.liquid**.\n\n### Prodify\n\nProdify is a rework of the Shopify Dawn theme's custom element logic for handling variant pickers on the PDP. See **src/js/prodify**.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjayvidev%2Fshopify-tailwind-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjayvidev%2Fshopify-tailwind-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjayvidev%2Fshopify-tailwind-starter/lists"}