@buildkitgg/shadcn-baseui-sera

Generated from the pinned upstream shadcn Base UI catalog. Do not edit generated components.

Select this style once using a dependency alias:

pnpm add @buildkitgg/shadcn-baseui-kit@npm:@buildkitgg/shadcn-baseui-sera

import { Button } from "@buildkitgg/shadcn-baseui-kit"
import "@buildkitgg/shadcn-baseui-kit/styles.css"

Buildkit's shadcn managers use the same peer dependency and inherit this selection. Import styles once at the app entry. Use styles-no-reset.css when the app already supplies Tailwind's reset. Colors and light/dark mode remain customizable through CSS variables. Style selection is installation-time, not runtime.

Design tokens

Read the selected style's defaults through the same alias:

import { readFile } from "node:fs/promises"
const url = import.meta.resolve("@buildkitgg/shadcn-baseui-kit/tokens.json")
const tokens = JSON.parse(await readFile(new URL(url), "utf8"))
// tokens.light["radius-sm"].resolvedValue: concrete value
// tokens.light["radius-sm"].sourceValue: upstream CSS expression

The export includes light and dark defaults, the upstream revision, and resolution metadata. Application CSS overrides are not included.

Migrate from the standalone kit.

Setup, maintenance, and release checks.

API reference

• @buildkitgg/shadcn-baseui-sera