{"id":13796543,"url":"https://github.com/onwidget/qwind","last_synced_at":"2025-07-26T00:33:23.871Z","repository":{"id":77021185,"uuid":"535837990","full_name":"onwidget/qwind","owner":"onwidget","description":"⭕️ Qwind: A template to make your website using Qwik + Tailwind CSS.","archived":false,"fork":false,"pushed_at":"2024-08-26T05:31:16.000Z","size":1631,"stargazers_count":273,"open_issues_count":5,"forks_count":77,"subscribers_count":8,"default_branch":"main","last_synced_at":"2025-07-17T22:29:39.848Z","etag":null,"topics":["astrowind","javascript","landing-page","qwik","qwik-city","qwik-framework","qwik-starter","qwind","static-site","static-site-generator","tailnext","tailwind","tailwind-css-template","tailwindcss","template","theme"],"latest_commit_sha":null,"homepage":"https://qwind.pages.dev","language":"TypeScript","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/onwidget.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","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},"funding":{"custom":["https://www.buymeacoffee.com/onwidget"]}},"created_at":"2022-09-12T20:24:05.000Z","updated_at":"2025-07-02T00:39:44.000Z","dependencies_parsed_at":null,"dependency_job_id":"67bb37f8-e7aa-4629-bb61-841a11e0e5f4","html_url":"https://github.com/onwidget/qwind","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/onwidget/qwind","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/onwidget%2Fqwind","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/onwidget%2Fqwind/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/onwidget%2Fqwind/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/onwidget%2Fqwind/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/onwidget","download_url":"https://codeload.github.com/onwidget/qwind/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/onwidget%2Fqwind/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267093799,"owners_count":24034949,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-07-25T02:00:09.625Z","response_time":70,"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":["astrowind","javascript","landing-page","qwik","qwik-city","qwik-framework","qwik-starter","qwind","static-site","static-site-generator","tailnext","tailwind","tailwind-css-template","tailwindcss","template","theme"],"created_at":"2024-08-03T23:01:11.603Z","updated_at":"2025-07-26T00:33:23.797Z","avatar_url":"https://github.com/onwidget.png","language":"TypeScript","readme":"# 💠 Qwind\n\n**Qwind** is a free and open-source template to make your website using **[Qwik](https://qwik.builder.io/) + [Tailwind CSS](https://tailwindcss.com/)**. Ready to start a new project and designed taking into account best practices.\n\n## Features\n\n- ✅ Integration with **Tailwind CSS** supporting **Dark mode**.\n- ✅ **Production-ready** scores in [Lighthouse](https://web.dev/measure/) and [PageSpeed Insights](https://pagespeed.web.dev/) reports.\n- ✅ **Image optimization** and **Font optimization**.\n\n\u003cbr\u003e\n\n\u003cimg src=\"./screenshot.jpg\" alt=\"Qwind Theme Screenshot\"\u003e\n\n[![onWidget](https://custom-icon-badges.demolab.com/badge/made%20by%20-onWidget-556bf2?style=flat-square\u0026logo=onwidget\u0026logoColor=white\u0026labelColor=101827)](https://onwidget.com)\n[![License](https://img.shields.io/github/license/onwidget/qwind?style=flat-square\u0026color=dddddd\u0026labelColor=000000)](https://github.com/onwidget/qwind/blob/main/LICENSE.md)\n[![Maintained](https://img.shields.io/badge/maintained%3F-yes-brightgreen.svg?style=flat-square)](https://github.com/onwidget)\n[![Contributions Welcome](https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat-square)](https://github.com/onwidget/qwind#contributing)\n[![Known Vulnerabilities](https://snyk.io/test/github/onwidget/qwind/badge.svg?style=flat-square)](https://snyk.io/test/github/onwidget/qwind)\n\n\u003cbr\u003e\n\n\u003cdetails open\u003e\n\u003csummary\u003eTable of Contents\u003c/summary\u003e\n\n- [Demo](#demo)\n- [Getting started](#getting-started)\n  - [Project structure](#project-structure)\n  - [Commands](#commands)\n  - [Configuration](#configuration)\n  - [Deploy](#deploy)\n- [Roadmap](#roadmap)\n- [Contributing](#contributing)\n- [Acknowledgements](#acknowledgements)\n- [License](#license)\n\n\u003c/details\u003e\n\n\u003cbr\u003e\n\n## Demo\n\n📌 [https://qwind.pages.dev/](https://qwind.pages.dev/)\n\n\u003cbr\u003e\n\n## Getting started\n\nThis project is using Qwik with [QwikCity](https://qwik.builder.io/qwikcity/overview/). QwikCity is just a extra set of tools on top of Qwik to make it easier to build a full site, including directory-based routing, layouts, and more.\n\n### Project structure\n\nInside **Qwind** template, you'll see the following folders and files:\n\n```\n/\n├── adaptors/\n|   └── static/\n|       └── vite.config.ts\n├── public/\n│   ├── favicon.svg\n│   ├── manifest.json\n│   └── robots.txt\n├── src/\n│   ├── assets/\n│   │   ├── images/\n|   |   └── styles/\n|   |       └── global.css\n│   ├── components/\n│   │   ├── atoms/\n│   │   ├── core/\n│   │   ├── icons/\n|   |   └── widgets/\n|   |       ├── Hero.tsx\n|   |       ├── Features.tsx\n|   |       └── ...\n│   ├── content/\n│   |   └── blog/\n│   |       ├── post-slug-1.md\n│   |       ├── post-slug-2.md\n│   |       └── ...\n│   ├── routes/\n│   |   ├── blog/\n│   |   ├── index.tsx\n|   |   ├── layout.tsx\n|   |   ├-- service-worker.ts\n│   |   └-- ...\n│   ├── config.mjs\n│   ├── entry.dev.tsx\n│   ├── entry.preview.tsx\n│   ├── entry.ssr.tsx\n│   └── root.tsx\n├── package.json\n└── ...\n```\n\n- `src/routes`: Provides the directory based routing, which can include a hierarchy of `layout.tsx` layout files, and an `index.tsx` file as the page. Additionally, `index.ts` files are endpoints. Please see the [routing docs](https://qwik.builder.io/qwikcity/routing/overview/) for more info.\n\n- `src/components`: Recommended directory for components.\n\n- `public`: Any static assets, like images, can be placed in the public directory. Please see the [Vite public directory](https://vitejs.dev/guide/assets.html#the-public-directory) for more info.\n\n[![Edit Qwind on CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://githubbox.com/onwidget/qwind/tree/main)\n\n\u003e **Seasoned qwik expert?** Delete this file. Update `config.mjs` and contents. Have fun!\n\n\u003cbr\u003e\n\n### Commands\n\nAll commands are run from the root of the project, from a terminal:\n\n| Command            | Action                                         |\n| :----------------- | :--------------------------------------------- |\n| `npm install`      | Installs dependencies                          |\n| `npm run dev`      | Starts local dev server at `127.0.0.1:5173/`   |\n| `npm run build`    | Build your production site to `./dist/`        |\n| `npm run preview`  | Preview your build locally, before deploying   |\n| `npm run fmt`      | Format codes with Prettier                     |\n| `npm run lint`     | Run Eslint                                     |\n| `npm run qwik ...` | Run CLI commands like `qwik add`, `qwik build` |\n\n\u003cbr\u003e\n\n### Configuration\n\nBasic configuration file: `./src/config.mjs`\n\n```javascript\nexport const SITE = {\n  name: \"Example\",\n\n  origin: \"https://example.com\",\n  basePathname: \"/\", // Change this if you need to deploy to Github Pages, for example\n  trailingSlash: true, // Generate permalinks with or without \"/\" at the end\n};\n```\n\n\u003cbr\u003e\n\n### Deploy\n\n#### Deploy to production (manual)\n\nYou can create an optimized production build with:\n\n```shell\nnpm run build\n```\n\nNow, your website is ready to be deployed. All generated files are located at\n`dist` folder, which you can deploy the folder to any hosting service you\nprefer.\n\n#### Deploy to Netlify\n\nClone this repository on own GitHub account and deploy to Netlify:\n\n[![Netlify Deploy button](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/onwidget/qwind)\n\n#### Deploy to Vercel\n\nClone this repository on own GitHub account and deploy to Vercel:\n\n[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fonwidget%2Fqwind)\n\n\u003cbr\u003e\n\n## Roadmap\n\n### Base\n\n- [ ] Create utilities to generate permalinks tailored to the domain and base pathname.\n- [ ] Simplify the way to optimize images.\n- [ ] Create component to make SEO simpler and more intuitive.\n- [ ] Create configurable blog with categories, tags and authors using MDX.\n- [ ] Add more frequently used pages (Portfolio, Services, Contact, Docs ...).\n- [ ] Find or create a library to have more icon sources available.\n- [ ] Refactor some code that doesn't follow Qwik conventions yet.\n\n### Advanced\n\n- [ ] Achieve perfect 100% Google Page Speed score.\n- [ ] Insert complex javascript example widget on home page to demonstrate Qwik features.\n- [ ] Create small illustrative admin backend.\n\n\u003cbr\u003e\n\n## Contributing\n\nIf you have any idea, suggestions or find any bugs, feel free to open a discussion, an issue or create a pull request.\nThat would be very useful for all of us and we would be happy to listen and take action.\n\n## Acknowledgements\n\nInitially created by [onWidget](https://onwidget.com) and maintained by a community of [contributors](https://github.com/onwidget/qwind/graphs/contributors).\n\n## License\n\n**Qwind** is licensed under the MIT license — see the [LICENSE](https://github.com/onwidget/qwind/blob/main/LICENSE.md) file for details.\n","funding_links":["https://www.buymeacoffee.com/onwidget"],"categories":["Starters"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fonwidget%2Fqwind","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fonwidget%2Fqwind","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fonwidget%2Fqwind/lists"}