React19 Boilerplate

Boilerplate for React 19, Next.js 15, Tailwind CSS 4, and Motion projects. See versions below.

It is designed to kickstart my frontend tasks. It will be regularly updated with new components and features.

Installation

1. Install dependencies:

   npm i

2. Run the development server:

   npm run dev

Dependencies

The project includes the following dependencies:

{
  "dependencies": {
    "@radix-ui/react-accordion": "^1.2.4",
    "@radix-ui/react-checkbox": "^1.1.5",
    "@radix-ui/react-progress": "^1.1.7",
    "@radix-ui/react-slot": "^1.2.0",
    "@radix-ui/react-tabs": "^1.1.4",
    "@xyflow/react": "^12.6.0",
    "axios": "^1.9.0",
    "class-variance-authority": "^0.7.1",
    "clsx": "^2.1.1",
    "lucide-react": "^0.487.0",
    "motion": "^12.12.1",
    "next": "^15.3.5",
    "next-themes": "^0.4.6",
    "react": "^19.0.0",
    "react-dom": "^19.0.0",
    "sonner": "^2.0.3",
    "tailwind-merge": "^3.1.0",
    "tw-animate-css": "^1.2.5",
    "zod": "^3.24.2"
  }
}

To-Do / Next Steps

The following tasks are planned for future updates (sourced from notes.md):

Style

• Sonner hover state can have better morphing.