{"id":22015154,"url":"https://github.com/ranitmanik/react.shadcn.js-template","last_synced_at":"2026-01-18T08:34:13.095Z","repository":{"id":251281005,"uuid":"836398072","full_name":"RanitManik/React.shadcn.JS-Template","owner":"RanitManik","description":"This repository provides a streamlined template for building modern web applications using React, Vite, Tailwind, JavaScript and ShadcnUI. It offers a solid foundation for developers looking to create responsive and visually appealing user interfaces quickly.","archived":false,"fork":false,"pushed_at":"2024-08-03T18:07:52.000Z","size":35,"stargazers_count":2,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-25T11:49:03.659Z","etag":null,"topics":["frontend-template","javascript","reactjs","shadcn-react","shadcn-template","shadcn-ui","shadcn-ui-boilerplate","shadcn-ui-starter","tailwindcss","template-project","vite"],"latest_commit_sha":null,"homepage":"","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/RanitManik.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":".github/CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":".github/CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":".github/SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":"ranitmanik","patreon":"ranitmanik","buy_me_a_coffee":"ranitmanik"}},"created_at":"2024-07-31T19:01:43.000Z","updated_at":"2025-09-12T15:27:48.000Z","dependencies_parsed_at":"2025-01-28T15:32:58.326Z","dependency_job_id":"f71cc17a-7589-4340-bd58-a351e76fe588","html_url":"https://github.com/RanitManik/React.shadcn.JS-Template","commit_stats":null,"previous_names":["ranitmanik/react.vite.tailwind.javascript.shadcnui-template","ranitmanik/react.shadcn.js-template"],"tags_count":0,"template":true,"template_full_name":"RanitManik/Frontend-App-Starter-Template","purl":"pkg:github/RanitManik/React.shadcn.JS-Template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RanitManik%2FReact.shadcn.JS-Template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RanitManik%2FReact.shadcn.JS-Template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RanitManik%2FReact.shadcn.JS-Template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RanitManik%2FReact.shadcn.JS-Template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/RanitManik","download_url":"https://codeload.github.com/RanitManik/React.shadcn.JS-Template/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RanitManik%2FReact.shadcn.JS-Template/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28534148,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-18T00:39:45.795Z","status":"online","status_checked_at":"2026-01-18T02:00:07.578Z","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":["frontend-template","javascript","reactjs","shadcn-react","shadcn-template","shadcn-ui","shadcn-ui-boilerplate","shadcn-ui-starter","tailwindcss","template-project","vite"],"created_at":"2024-11-30T04:19:45.158Z","updated_at":"2026-01-18T08:34:13.059Z","avatar_url":"https://github.com/RanitManik.png","language":"JavaScript","funding_links":["https://github.com/sponsors/ranitmanik","https://patreon.com/ranitmanik","https://buymeacoffee.com/ranitmanik"],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n  \u003cimg height=\"70px\" src=\"https://github.com/user-attachments/assets/6cc9dfea-da1f-4351-945c-6d770174df0d\" alt=\"Technology Icons\"\u003e\n  \u003ch1\u003eReact.shadcn.JS-Template\u003c/h1\u003e\n\u003c/div\u003e\n\nWelcome to the **React.shadcn.JS-Template**! This template is a robust starting point for\nbuilding modern web applications using Vite and React with ShadcnUI, a design system for creating beautiful and\nconsistent UIs.\n\n## Table of Contents\n\n- [Overview](#overview)\n    - [Why This Template?](#why-this-template)\n    - [Technologies Used](#technologies-used)\n    - [Features](#features)\n- [Getting Started](#getting-started)\n    - [Prerequisites](#prerequisites)\n    - [Installation](#installation)\n    - [Running the Development Server](#running-the-development-server)\n    - [Building for Production](#building-for-production)\n    - [Linting and Formatting](#linting-and-formatting)\n- [Project Structure](#project-structure)\n- [Contributing](#contributing)\n- [Contact](#contact)\n- [Acknowledgments](#acknowledgments)\n\n## Overview\n\n### Why This Template?\n\nThis template is designed to kickstart your project development with modern technologies and design practices. It\nintegrates React, Vite, Tailwind CSS, and ShadcnUI to help you build aesthetically pleasing and performant web\napplications with ease.\n\nThis template is a work in progress and will continue to evolve. We encourage you to suggest improvements by forking\nthis repo, creating a pull request, or opening an issue. Your contributions are greatly appreciated!\n\n### Technologies Used\n\n\u003cp\u003e\n   \u003cimg src=\"https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge\u0026logo=react\u0026logoColor=%2361DAFB\" alt=\"React\" height=\"30px\"\u003e\n   \u003cimg src=\"https://img.shields.io/badge/firebase-%23039BE5.svg?style=for-the-badge\u0026logo=firebase\u0026logoColor=white\" alt=\"FirebaseContext\" height=\"30px\"\u003e\n   \u003cimg src=\"https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge\u0026logo=tailwind-css\u0026logoColor=white\" alt=\"TailwindCSS\" height=\"30px\"\u003e\n   \u003cimg src=\"https://img.shields.io/badge/shadcn%2Fui-000?style=for-the-badge\u0026logo=shadcnui\u0026logoColor=white\" alt=\"ShadcnUI\" height=\"30px\"\u003e\n   \u003cimg src=\"https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge\u0026logo=javascript\u0026logoColor=%23F7DF1E\" alt=\"JavaScript\" height=\"30px\"\u003e\n   \u003cimg src=\"https://img.shields.io/badge/PostCSS-%23DD3A0A.svg?style=for-the-badge\u0026logo=postcss\u0026logoColor=white\" alt=\"PostCSS\" height=\"30px\"\u003e\n   \u003cimg src=\"https://img.shields.io/badge/ESLint-4B3263?style=for-the-badge\u0026logo=eslint\u0026logoColor=white\" alt=\"ESLint\" height=\"30px\"\u003e\n   \u003cimg src=\"https://img.shields.io/badge/Prettier-F7B93E.svg?style=for-the-badge\u0026logo=Prettier\u0026logoColor=black\" alt=\"Prettier\" height=\"30px\"\u003e\n\u003c/p\u003e\n\n### Features\n\n- **React**: A powerful JavaScript library for building user interfaces.\n- **Vite**: A next-generation frontend tooling. It's fast and efficient, perfect for modern web development.\n- **Tailwind CSS**: A utility-first CSS framework for rapid UI development.\n- **ShadcnUI**: A design system that provides components and utilities for creating consistent and elegant UIs.\n- **JavaScript**: The core programming language for web development.\n- **PostCSS**: A tool for transforming CSS with JavaScript plugins.\n- **ESLint**: Code linting to maintain consistent code quality.\n- **Prettier**: Code formatting to ensure a consistent code style.\n\n## Getting Started\n\n### Prerequisites\n\n- **Node.js** (\u003e= 20.0.0)\n- **npm** (\u003e= 10.0.0) or **yarn** (\u003e= 1.22.0)\n\n### Installation\n\n1. **Clone the repository:**\n\n   ```bash\n   git clone https://github.com/RanitManik/React.shadcn.JS-Template.git\n   cd React.shadcn.JS-Template\n   ```\n\n2. **Install dependencies:**\n\n   ```bash\n   npm install\n   ```\n\n   or\n\n   ```bash\n   yarn install\n   ```\n\n### Running the Development Server\n\nTo start the development server, run:\n\n```bash\nnpm run dev\n```\n\nor\n\n```bash\nyarn dev\n```\n\nOpen your browser and navigate to `http://localhost:5173` to see the application in action.\n\n### Building for Production\n\nTo build the application for production, run:\n\n```bash\nnpm run build\n```\n\nor\n\n```bash\nyarn build\n```\n\nThe built files will be located in the `dist` directory.\n\n### Linting and Formatting\n\nTo lint your code, run:\n\n```bash\nnpm run lint\n```\n\nor\n\n```bash\nyarn lint\n```\n\nTo format your code, run:\n\n```bash\nnpm run format\n```\n\nor\n\n```bash\nyarn format\n```\n\n## Project Structure\n\nThe project structure is as follows:\n\n```\n├── components.json # Component metadata\n├── index.html # HTML template\n├── LICENSE # License information\n├── package.json # Project dependencies and scripts\n├── package-lock.json # Lock file for dependencies\n├── postcss.config.js # PostCSS configuration\n├── public # Static assets\n│ └── vite.svg # Vite logo\n├── README.md # Project documentation\n├── src # Main source code\n│ ├── App.jsx # Main application component\n│ ├── components # All components\n│ │ └── ui # Reusable ShadcnUI components\n│ │     └── button.jsx # Shadcn Button component\n│ ├── index.css # Global styles\n│ ├── lib # Utility functions\n│ │ └── utils.js # Utility functions\n│ └── main.jsx # Entry point for React application\n├── tailwind.config.js # Tailwind CSS configuration\n├── tsconfig.json # TypeScript configuration\n├── tsconfig.node.json # TypeScript configuration for Node.js\n└── vite.config.js # Vite configuration file\n```\n\n## Contributing\n\nWe welcome contributions to enhance the React.shadcn.JS-Template project. To contribute:\n\n1. Fork the repository.\n2. Create a new branch for your feature or bug fix:\n\n   ```bash\n   git checkout -b feature-name\n   ```\n\n3. Make your changes and commit them with clear and descriptive messages.\n4. Push your changes to your fork:\n\n   ```bash\n   git push origin feature-name\n   ```\n\n5. Create a pull request to the main repository, detailing the changes and enhancements you have made.\n\n## Contact\n\n- **LinkedIn**: [Ranit Manik](https://www.linkedin.com/in/ranit-manik/)\n- **GitHub**: [RanitManik](https://github.com/RanitManik)\n- **Email**: [ranitmanik.dev@gmail.com](mailto:ranitmanik.dev@gmail.com)\n\n_Feel free to reach out if you have questions or just want to chat about web adventures!_\n\n## Acknowledgments\n\n- [Markdown Badges](https://github.com/Ileriayo/markdown-badges)\n- [shields.io Badges](https://shields.io/)\n- [Skill Icons](https://github.com/tandpfun/skill-icons)\n\n---\n\n\u003cp align=\"center\"\u003e\n   Thank you for using the \u003cstrong\u003eReact.shadcn.JS-Template\u003c/strong\u003e! Happy coding! 🚀\n\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Franitmanik%2Freact.shadcn.js-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Franitmanik%2Freact.shadcn.js-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Franitmanik%2Freact.shadcn.js-template/lists"}