Getting Started

What is stardewCN?

stardewCN is a collection of React components styled to match the warm, pixelated aesthetic of Stardew Valley. Every button, dialogue box, and panel is crafted with the same earthy browns, soft creams, and cozy green tones you know from the game.

Built on React 19 and Tailwind CSS v4, each component is fully customizable via className props and designed to be composable.

Quick Install

npm install stardewcn

Quick Start

Import the components and the stylesheet, then start building:

import { Button, DialogueBox } from 'stardewcn'
import 'stardewcn/styles.css'

function App() {
  return (
    <DialogueBox speaker="Pierre">
      <Button>Buy Seeds</Button>
    </DialogueBox>
  )
}

Next Steps