{"id":19438064,"url":"https://github.com/labnol/react-tailwind","last_synced_at":"2025-04-09T17:23:40.685Z","repository":{"id":42030224,"uuid":"247456423","full_name":"labnol/react-tailwind","owner":"labnol","description":"React with Tailwind CSS Starter Kit ","archived":false,"fork":false,"pushed_at":"2025-03-31T17:33:46.000Z","size":3426,"stargazers_count":51,"open_issues_count":3,"forks_count":34,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-04-02T12:03:09.325Z","etag":null,"topics":["react","reactjs","tailwind","tailwindcss","vite"],"latest_commit_sha":null,"homepage":"https://digitalinspiration.com/","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/labnol.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}},"created_at":"2020-03-15T11:51:22.000Z","updated_at":"2025-03-27T11:02:55.000Z","dependencies_parsed_at":"2025-01-16T14:17:14.497Z","dependency_job_id":"58e1f564-0a7d-4269-af5a-506c3e8ca6b8","html_url":"https://github.com/labnol/react-tailwind","commit_stats":{"total_commits":30,"total_committers":1,"mean_commits":30.0,"dds":0.0,"last_synced_commit":"50695699877c2c5e91400bba2f684f8d1683544b"},"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/labnol%2Freact-tailwind","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/labnol%2Freact-tailwind/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/labnol%2Freact-tailwind/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/labnol%2Freact-tailwind/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/labnol","download_url":"https://codeload.github.com/labnol/react-tailwind/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248075429,"owners_count":21043587,"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":["react","reactjs","tailwind","tailwindcss","vite"],"created_at":"2024-11-10T15:16:47.706Z","updated_at":"2025-04-09T17:23:40.667Z","avatar_url":"https://github.com/labnol.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🚀 React and Tailwind Starter Kit\n\nQuickly set up a new `React.js` project with Tailwind CSS using the [starter kit](https://github.com/labnol/react-tailwind). The project was bootstrapped with Vite (replacing Create React App) and it uses the `singlefile` plugin to inline all the JavaScript and CSS files into a single minified file.\n\nThe latest version of the starter kit is built with React 19 and Tailwind CSS 4.\n\n## Live Demo\n\nThe [Digital Inspiration](https://digitalinspiration.com/) website is built with the Tailwind CSS, React.js and Vite. You can test the starter kit by opening the project in [StackBlitz](https://stackblitz.com/github/labnol/react-tailwind) or [CodeSandbox](https://codesandbox.io/p/sandbox/github/labnol/react-tailwind).\n\n[![Screenshot](screenshot.png)](https://stackblitz.com/github/labnol/react-tailwind)\n\n[![Open in StackBlitz](https://img.shields.io/badge/Open_In_StackBlitz-blue.svg?logo=stackblitz\u0026style=flat-square)](https://stackblitz.com/github/labnol/react-tailwind) [![Open in CodeSandbox](https://img.shields.io/badge/Open_In_CodeSandbox-000000?logo=codesandbox\u0026style=flat-square)](https://codesandbox.io/p/sandbox/github/labnol/react-tailwind)\n\n### Available `npm` commands\n\nIn the project directory, you can run:\n\n#### `npm run start`\n\nRuns the app in the development mode.\n\nOpen `http://localhost:5173` to view it in the browser. The page will reload if you make edits. You will also see any lint errors in the console.\n\n#### `npm run build`\n\nBuilds the React app for production to the `build` folder. It correctly bundles React in production mode and optimizes the build for the best performance.\n\n#### `npm run inline`\n\nThis command will inline all the JavaScript and CSS files from the production build into a single minified file.\n\n## Connect with me\n\nThe React and Tailwind CSS starter is written by [Amit Agarwal](https://www.labnol.org/about).\n\n[![X](https://img.shields.io/badge/Twitter-black.svg?logo=X\u0026logoColor=white\u0026style=flat)](https://x.com/labnol) [![YouTube](https://img.shields.io/badge/YouTube-%23FF0000.svg?logo=YouTube\u0026logoColor=white\u0026style=flat)](https://www.youtube.com/labnol) [![Google](https://img.shields.io/badge/Google-black.svg?logo=Google\u0026logoColor=white\u0026style=flat)](https://g.dev/amit) [![Instagram](https://img.shields.io/badge/Instagram-%23E4405F.svg?logo=Instagram\u0026logoColor=white\u0026style=flat)](https://instagram.com/labnol) [![LinkedIn](https://img.shields.io/badge/LinkedIn-%230077B5.svg?logo=linkedin\u0026logoColor=white\u0026style=flat)](https://linkedin.com/in/labnol) [![Stack Overflow](https://img.shields.io/badge/-Stackoverflow-FE7A16?logo=stack-overflow\u0026logoColor=white\u0026style=flat)](https://stackoverflow.com/users/512127/amit-agarwal)\n\nIf you have any questions or feedback, send an email at [amit@labnol.org](mailto:amit@labnol.org?subject=Tailwind+React).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flabnol%2Freact-tailwind","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flabnol%2Freact-tailwind","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flabnol%2Freact-tailwind/lists"}