{"id":25170101,"url":"https://github.com/codaxy/cxjs-tailwindcss-template","last_synced_at":"2025-05-05T17:57:06.932Z","repository":{"id":66962899,"uuid":"370357127","full_name":"codaxy/cxjs-tailwindcss-template","owner":"codaxy","description":"A sample application demoing integration of CxJS and Tailwind CSS","archived":false,"fork":false,"pushed_at":"2025-03-05T10:43:25.000Z","size":1267,"stargazers_count":7,"open_issues_count":0,"forks_count":7,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-04-30T22:55:41.590Z","etag":null,"topics":["cxjs","tailwindcss","template","ui"],"latest_commit_sha":null,"homepage":"https://twapp.cxjs.io","language":"JavaScript","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/codaxy.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}},"created_at":"2021-05-24T13:13:33.000Z","updated_at":"2025-03-05T10:43:29.000Z","dependencies_parsed_at":"2025-03-05T10:35:08.718Z","dependency_job_id":null,"html_url":"https://github.com/codaxy/cxjs-tailwindcss-template","commit_stats":null,"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codaxy%2Fcxjs-tailwindcss-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codaxy%2Fcxjs-tailwindcss-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codaxy%2Fcxjs-tailwindcss-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codaxy%2Fcxjs-tailwindcss-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/codaxy","download_url":"https://codeload.github.com/codaxy/cxjs-tailwindcss-template/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252547373,"owners_count":21765976,"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","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":["cxjs","tailwindcss","template","ui"],"created_at":"2025-02-09T08:38:33.820Z","updated_at":"2025-05-05T17:57:06.916Z","avatar_url":"https://github.com/codaxy.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# CxJS + Tailwind CSS\n\n[![Netlify Status](https://api.netlify.com/api/v1/badges/f800e2ee-d28a-4118-a149-9ba840fb4941/deploy-status)](https://twapp.cxjs.io) [![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](LICENSE.md)\n\n\u003e This project is undergoing development. Some of the features are missing or incomplete.\n\nThis repository provides an application template based on CxJS and TailwindCSS. It offers a working application layout, sample pages, component gallery, SWC and webpack configurations, and others small bits and pieces.\n\nCxJS and Tailwind CSS mix really well together. CxJS brings JavaScript based application elements such as widgets, charts, state management, and routing, while Tailwind CSS offers a rapid way to combine these elements into higher-order visual structures - page elements, headers, toolbars, sections, layouts, etc.\n\nBoth products require time to understand and master, but once everything settles, the productivity that this combination brings is great.\n\n## Running the project locally\n\nIn order to run the project you'll need Node.js 10 or later. This project uses Yarn for package management, but npm will do too.\n\nTo install application dependencies, run:\n\n```bash\nyarn install\nnpm install\n```\n\nTo start the project, run:\n\n```bash\nyarn start\nnpm start\n```\n\nBuild the project for deployment:\n\n```bash\nyarn build\nnpm run build\n```\n\nTo analyze the deployment bundle size, run:\n\n```bash\nyarn analyze\nnpm run analyze\n```\n\n## Packages and Libraries\n\n### Heroicons\n\nIcons used in the template come from the [Heroicons](https://heroicons.com/) library which offers beatiful hand-crafted SVG icons. Each icon needs to be registered in the `icons/index.js` before in can be used by CxJS components.\n\n### Mock Data\n\nThere is a mock REST API implemented using the `msw` package. The application makes proper network requests using the `fetch` method which are intercepted by the service worker. Check the `data` folder for more details.\n\nThis should be removed when you switch to a proper API.\n\n## License\n\nThis project is available under the terms of [the MIT license](LICENSE.md).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodaxy%2Fcxjs-tailwindcss-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodaxy%2Fcxjs-tailwindcss-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodaxy%2Fcxjs-tailwindcss-template/lists"}