open-index/open-npm huggingface dataset:
npm package: @landing-kit/core
Description: Core logic for landing-kit: config types, section renderers, and base styles.
Latest version: 1.0.2

# @landing-kit/core

Core logic for landing-kit: config types, section renderers, and base styles.

Use with `@landing-kit/next` to build static landing sites. See [landing-kit](https://github.com/enxtur/landing-kit) for docs.
npm package: @landing-kit/next
Description: Next.js wrapper for landing-kit: `LandingKit` component and the `landing-kit` dev/build CLI.
Latest version: 1.0.2

# @landing-kit/next

Next.js wrapper for landing-kit: `LandingKit` component and the `landing-kit` dev/build CLI.

Depends on `@landing-kit/core`. See [landing-kit](https://github.com/enxtur/landing-kit) for docs.

## Custom styling

Place a `style.css` file in your project’s `public/` directory to apply your own design. The framework detects it automatically and injects `<link rel="stylesheet" href="/style.css" />` in the layout. Your CSS loads after the theme, so you can override variables and add custom styles without changing any code.
npm package: @landing-kit/templates
Description: CSS-only themes for landing-kit. Re-exports `@landing-kit/core` styles with optional overrides.
Latest version: 1.0.2

# @landing-kit/templates

CSS-only themes for landing-kit. Re-exports `@landing-kit/core` styles with optional overrides.

## Templates

- **default** — Core styles as-is (blue accent, light gray backgrounds).
- **micro-saas** — Product-led look: teal accent, soft gradients, card shadows, DM Sans-friendly typography. Suited for micro-SaaS and indie product landings.
- **dev-tool** — Dark, minimal, developer-focused: electric blue accent, dark surfaces, large bold headings, Inter typography. Suited for serious dev tools and technical SaaS.
- **cyberpunk** — Futuristic dev tool from 2035: matte black, neon cyan and magenta accents, glass panels with glow borders, large bold hero text, strong pricing highlight. Minimal, high-contrast.

## Usage

Set the template in `landing.config.ts`. The Next.js CLI injects the correct styles import when generating the app layout.

```ts
import { defineSite } from "@landing-kit/core";

export default defineSite({
  template: "micro-saas",  // or "default"
  meta: { title: "...", description: "...", url: "..." },
  pages: { "/": { ... }, ... },
});
```

- **default** — Uses `@landing-kit/templates` (core styles as-is).
- **micro-saas** — Uses `@landing-kit/templates/micro-saas`. Loads the DM Sans font via CSS; no HTML or layout changes are needed.
- **dev-tool** — Uses `@landing-kit/templates/dev-tool`. Dark theme with electric blue accent, Inter font; no HTML or layout changes are needed.
- **cyberpunk** — Uses `@landing-kit/templates/cyberpunk`. Futuristic theme with neon cyan/magenta, glass panels, Space Grotesk + JetBrains Mono fonts.

See [landing-kit](https://github.com/enxtur/landing-kit) for docs.