Zayne Labs Config

Opinionated, zero-config presets for ESLint, Prettier, and TypeScript. Stop copying config files across projects — use battle-tested configurations that work out of the box.

Get Started Explore Packages

Quick Start

Get up and running in minutes with our interactive CLI or manual installation

Install your preferred package

Choose the configuration package you need and install it with your package manager.

# ESLint
pnpm add -D @zayne-labs/eslint-config

# Prettier
pnpm add -D @zayne-labs/prettier-config

# TypeScript
pnpm add -D @zayne-labs/tsconfig

Configure your project

Use the interactive CLI for ESLint setup, or configure manually.

ESLint (CLI)
ESLint (Manual)
Prettier
TypeScript

Run the interactive setup wizard:

pnpx @zayne-labs/eslint-config@latest

The CLI will guide you through framework selection and dependency installation.

Create eslint.config.js in your project root:

import { zayne } from "@zayne-labs/eslint-config";

export default zayne();

Create prettier.config.js in your project root:

import { zayne } from "@zayne-labs/prettier-config";

export default zayne({
  base: true,
  sortImports: true,
  tailwindcss: true,
});

Add to your tsconfig.json:

{
  "extends": "@zayne-labs/tsconfig/bundler/dom/app"
}

Start linting and formatting

Add scripts to your package.json:

{
  "scripts": {
    "lint": "eslint .",
    "lint:fix": "eslint . --fix",
    "format": "prettier --write ."
  }
}

ESLint auto-detects TypeScript and React. Framework-specific configs like Vue, Astro, and Solid require explicit enablement.

Explore by Package

Choose the configuration package that fits your needs

ESLint Config

Zero-config ESLint setup with framework support for React, Vue, Astro, and Solid. Flat config architecture with sensible defaults.

Prettier Config

Modular Prettier configuration with smart import sorting, Tailwind CSS support, and automatic plugin detection.

TypeScript Config

TypeScript presets for apps and libraries with bundler and tsc modes. Based on Total TypeScript’s TSConfig Cheat Sheet.

Key Features

Zero Configuration

Works out of the box with sensible defaults. TypeScript and React are auto-detected.

Framework Support

Built-in support for React, Vue, Astro, Solid, Next.js, and React Native.

Highly Customizable

Override any rules or options when you need granular control. Compose configs with ease.

Auto-Install Dependencies

Optional peer dependencies are auto-detected and prompted for installation when needed.

Ready to get started?

Install your first config package and start linting in minutes

Get Started

Get Started

Packages

Guides

Zayne Labs Config

Quick Start

Explore by Package

ESLint Config

Prettier Config

TypeScript Config

Key Features

Zero Configuration

Framework Support

Highly Customizable

Auto-Install Dependencies

Ready to get started?

Build docs developers (and LLMs) love