@sniptide/ui

Sniptide's shared React components (shadcn on Base UI), brand pieces (Logo, Stripes) and the Tailwind v4 theme. The Sniptide app uses it from this monorepo; the website installs it from npm.

The package ships TypeScript source, so the consuming Next.js app compiles it.

Use it in a Next.js app

bun add @sniptide/ui

// next.config.ts
const nextConfig = { transpilePackages: ["@sniptide/ui"] }

// postcss.config.mjs
export { default } from "@sniptide/ui/postcss.config"

// app/layout.tsx
import "@sniptide/ui/globals.css"
import { Button } from "@sniptide/ui/components/button"
import { Logo } from "@sniptide/ui/components/logo"

The theme reads three font variables, so set them on <html> (for example with next/font): --font-sans (Inter), --font-mono (JetBrains Mono) and --font-heading (Stack Sans Notch).

globals.css already tells Tailwind to scan this package's components; your own files are found by Tailwind's automatic source detection.

Releasing

Bump version in package.json and merge to main. The Publish @sniptide/ui workflow stages any version that isn't on npm yet (Trusted Publishing, no token). Approve it with 2FA to publish:

npm stage list @sniptide/ui
npm stage approve <stage-id>

License

AGPL-3.0-only, like the rest of Sniptide.