React Boilerplate with Vite, TypeScript, Redux, TailwindCSS & More!
This is a production-ready boilerplate for building modern React applications with a well-structured folder hierarchy, Redux state management, custom hooks, utility functions, and a lot more basic requirements for smooth development.
Features
- π Vite + React - Fast development and optimized builds
- π TypeScript - Type safety for better maintainability
- π Redux Toolkit - State management made easy
- π¨ TailwindCSS - Utility-first styling for a clean UI
- π Framer Motion - Smooth animations for a great user experience
- π Ant Design - Pre-styled UI components
- π Dark Mode & Theme Switching - Built-in light/dark mode
- β‘ Custom Hooks & Utility Functions - Reusable logic for scalability
- π Tech Stack Carousel - Horizontally scrollable tech stack
- π₯ User Management with Redux - Load and display users dynamically
Getting Started
Create a New Project Using the Boilerplate
npx react-vite-ts-template my-app
Navigate to the Project Directory
cd my-app
Install Dependencies
npm install
Start the Development Server
npm run dev
Customize the pages
Feel free to modify our main page (LandingPage.tsx) and Features page (Features.tsx) to match your projectβs needs.
π― Contributing
Contributions are welcome!
To contribute:
- Fork the repository.
- Create a new branch for your feature:
git checkout -b feature-name
- Commit your changes:
git commit -m "Added new feature"
- Push to GitHub:
git push origin feature-name
- Open a pull request on GitHub.