{"id":31680984,"url":"https://github.com/mrlightful/create-tauri-react","last_synced_at":"2025-10-08T07:23:07.856Z","repository":{"id":257401132,"uuid":"858157822","full_name":"MrLightful/create-tauri-react","owner":"MrLightful","description":"Well-architected Tauri app template with Vite, React, and Tailwind CSS.","archived":false,"fork":false,"pushed_at":"2025-10-03T21:19:08.000Z","size":1619,"stargazers_count":65,"open_issues_count":0,"forks_count":4,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-03T22:27:36.080Z","etag":null,"topics":["desktop","react","shadcn-ui","tailwindcss","tauri","ui","vite"],"latest_commit_sha":null,"homepage":"","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/MrLightful.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":"2024-09-16T12:13:14.000Z","updated_at":"2025-10-03T21:19:11.000Z","dependencies_parsed_at":null,"dependency_job_id":"524681fb-c51a-4b9a-a8be-f1ed260b8f38","html_url":"https://github.com/MrLightful/create-tauri-react","commit_stats":{"total_commits":15,"total_committers":2,"mean_commits":7.5,"dds":0.4,"last_synced_commit":"8d8727046ee602801f80485a8e9aae60b2f9a1c3"},"previous_names":["mrlightful/create-tauri-core","mrlightful/create-tauri-react"],"tags_count":0,"template":true,"template_full_name":null,"purl":"pkg:github/MrLightful/create-tauri-react","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MrLightful%2Fcreate-tauri-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MrLightful%2Fcreate-tauri-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MrLightful%2Fcreate-tauri-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MrLightful%2Fcreate-tauri-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MrLightful","download_url":"https://codeload.github.com/MrLightful/create-tauri-react/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MrLightful%2Fcreate-tauri-react/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278906135,"owners_count":26066443,"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-10-08T02:00:06.501Z","response_time":56,"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":["desktop","react","shadcn-ui","tailwindcss","tauri","ui","vite"],"created_at":"2025-10-08T07:23:03.812Z","updated_at":"2025-10-08T07:23:07.850Z","avatar_url":"https://github.com/MrLightful.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Tauri: An Ultimate Project Template\n\n[![NPM Version](https://img.shields.io/npm/v/create-tauri-react)](https://www.npmjs.com/package/create-tauri-react)\n[![NPM Downloads](https://img.shields.io/npm/dm/create-tauri-react)](https://www.npmjs.com/package/create-tauri-react)\n\nThis template should help get you started developing with [Tauri](https://tauri.app), [React](https://reactjs.org), [Typescript](https://typescriptlang.org) and [Tailwind CSS](https://tailwindcss.com) (w/ [shadcn/ui](https://ui.shadcn.com/)) in [Vite](https://vitejs.dev).\n\nThe architecture is based on practices suggested by [@alan2207](https://github.com/alan2207) in his [bulletproof-react](https://github.com/alan2207/bulletproof-react/blob/master/docs/project-structure.md).\n\nIn addition, this template configures [ESLint](https://eslint.org/), [Prettier](https://prettier.io/), [Husky](https://typicode.github.io/husky/) and [Lint-staged](https://github.com/lint-staged/lint-staged) for pre-commits.\n\n![Demo Screenshot](./assets/demo.png)\n\n## Getting Started\n\n### Basics\n\nEnsure that you have the [Tauri prerequisites](https://tauri.app/v1/guides/getting-started/prerequisites) installed.\n\n#### Create a new project\n\n```bash\nnpx create-tauri-react@latest\n```\n\n## What's included\n\n### Core\n\nA basic Tauri setup with Vite, React, Typescript.\n\n#### Tailwind CSS\n\nA basic Tailwind CSS setup. Includes a `components.json` for Shadcn UI components.\n\n### Dev Tools\n\n#### Eslint 9\n\nA new Eslint 9 setup with flat config. This will help you to keep your code clean and consistent.\n\n#### Prettier\n\nA basic Prettier setup to keep your code formatted.\n\n#### Husky + Lint-staged\n\nPre-commit hooks to run Eslint and Prettier on staged files.\n\n## How to use?\n\nOnce again, the architecture of the template is based on practices proposed by [@alan2207](https://github.com/alan2207) in his [bulletproof-react](https://github.com/alan2207/bulletproof-react/blob/master/docs/project-structure.md).\n\n```\nsrc\n|\n+-- app               # application layer containing:\n|   |                 # this folder might differ based on the meta framework used\n|   +-- routes        # application routes / can also be pages\n|   +-- app.tsx       # main application component\n|   +-- provider.tsx  # application provider that wraps the entire application with different global providers - this might also differ based on meta framework used\n|   +-- router.tsx    # application router configuration\n+-- assets            # assets folder can contain all the static files such as images, fonts, etc.\n|\n+-- components        # shared components used across the entire application\n|\n+-- config            # global configurations, exported env variables etc.\n|\n+-- features          # feature based modules\n|\n+-- hooks             # shared hooks used across the entire application\n|\n+-- lib               # reusable libraries preconfigured for the application\n|\n+-- stores            # global state stores\n|\n+-- testing           # test utilities and mocks\n|\n+-- types             # shared types used across the application\n|\n+-- utils             # shared utility functions\n```\n\n```\nsrc/features/awesome-feature\n|\n+-- api         # exported API request declarations and api hooks related to a specific feature\n|\n+-- assets      # assets folder can contain all the static files for a specific feature\n|\n+-- components  # components scoped to a specific feature\n|\n+-- hooks       # hooks scoped to a specific feature\n|\n+-- stores      # state stores for a specific feature\n|\n+-- types       # typescript types used within the feature\n|\n+-- utils       # utility functions for a specific feature\n```\n\nSo, simply put:\n\n- Define your app's routes in `src/app/router.tsx` and `src/app/routes/*` with minimal business logic.\n- The pages from the routes should be using `src/features` to build up functionality on the page.\n- The features should be using components from `src/components`, which are pure ui components (like [Shadcn UI](https://ui.shadcn.com/)) or layouts.\n- For an extended template, you can look up [`@MrLightful/powersync-tauri`](https://github.com/MrLightful/powersync-tauri), which also defines `src/config` and `src/hooks` examples.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmrlightful%2Fcreate-tauri-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmrlightful%2Fcreate-tauri-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmrlightful%2Fcreate-tauri-react/lists"}