React Tailwind RTK Starter is a free, open-source React boilerplate that combines Tailwind CSS, Redux Toolkit, and SASS Modules with a pre-built authentication flow, including JWT access and rotating refresh token handling. It is an extended version of Stellar Minore's open-source React template, maintained on GitHub by kazmi066, and targets projects that need JWT-based auth with refresh-token rotation.
What is React Tailwind RTK Starter?
React Tailwind RTK Starter is a boilerplate template for React applications, providing a folder structure with authentication pages, an API client, and state management already wired together. It runs on React with Tailwind CSS and Redux Toolkit, and it comes with an Axios instance configured for JWT authentication. The template is designed to let developers skip the repetitive setup of auth and Redux and focus on the project-specific business logic.
Key Features
- Auth pages — Login and Register pages come unstyled so teams can apply their own design system without removing template styles.
- Private/Public route components — Components that wrap routes to protect client-side pages from unauthenticated access.
- Custom Axios instance — Pre-configured with JWT handling: access tokens go to localStorage, refresh tokens are expected in http-only cookies, and the instance supports rotating refresh tokens.
- Redux Toolkit slices — Login, register, logout, and verifyUser slices are predefined and connected to the Axios instance so API calls update state directly.
- SASS Modules — Styling with
.module.scsstogether with centralized SASS variables and mixins in/utils/sass. - ESLint + Stylelint — Linting is configured out of the box for JavaScript and SCSS.
- Recommended token expiry — The template suggests setting access-token expiry under 30 seconds to reduce risk when using rotation.
Who is it for?
- Frontend developers who want to bootstrap a React project with auth without writing the boilerplate for token storage and refresh.
- Teams standardizing on Redux Toolkit who need a reference implementation of auth slices tied to real API calls.
- Product teams building dashboards or web apps that require login/logout flows and protected routes in the client.
What can you do with React Tailwind RTK Starter?
- Scaffold a new React app: Clone the repository, install with npm, and run
npm startto get a local development server with auth pages ready. - Integrate a custom API: Replace the default endpoints in the Axios instance and the auth slices to connect your backend's login, register, and verify-user routes.
- Customize the UI freely: Because the auth pages and navbar are unstyled, you can adapt them to any brand without overriding template-specific classes.
How does it work?
After cloning and installing dependencies, the template runs as a standard React project with npm start. The Axios instance reads the access token from localStorage, attaches it to requests, and uses the http-only refresh-token cookie to obtain new tokens. The Redux Toolkit store keeps auth state in sync with these API calls through the included slices.
FAQ
Is React Tailwind RTK Starter free?
Yes, it is an open-source template published on GitHub, so you can use it in personal and commercial projects at no cost.
Does the template support refresh token rotation?
Yes, the structure is built to handle rotating refresh tokens stored in http-only cookies, and it includes guidance on the concept.
What is the recommended access token expiry?
The template recommends setting access-token expiry to less than 30 seconds for better security, pairing it with refresh token rotation.
What do I need to run this template?
You need the latest Node.js version, npm, and a Git client. The commands are git clone, cd, npm i, and npm start.
Is there a version without Redux Toolkit?
Yes, Stellar Minore provides a more simplified version of the template without RTK installation on Bitbucket.
